테디와 친구들의 스터디룸

fetch 로 데이터를 전송하기  case 1. 가상의 폼을 만들고 거기에 값을 담아 fetch 의 body 에 넣어 보낸다.   Name Age Save   들어오는 데이터를 확인하기 위하여 임시 Response  case2. UserName Password 로그인  **    Response 만들기     Template 을 이용한 동적 엘리먼트 추가 ..

비동기 통신의 필요성.  Ajax (Asynchronous JavaScript and XML)// Ajax (XMLHttpRequest)const xhr = new XMLHttpRequest();xhr.open('GET', 'https://api.example.com/data');xhr.onload = () => { if (xhr.status === 200) { console.log(xhr.responseText   ); }};xhr.send();  Jquery Ajax$.ajax ({ url : "url", type : "GET", data : {key : value}, // 요청 시 포함되어질 데이터 success : function(data, status, xhr..

Document Object Model  World's School Korea TeddySchool Seoul National University Yonsei University Pakistan HokmaSchool Lahore Grammar School Beaconhouse School System United Stat..

CursorNovaBoltNew warp

Javascript 변수 변수 선언 :: 크게 3가지 방법으로 선언을 할수 있다.  var 를 사용했을떄 문제점. 호이스팅 문제 :: undefined  로  예측 불가능한 결과 발생  레벨스코프  전역변수 오염  가독성 저하.   변수 이름 규칙문자, 숫자, 언더바(_)로 시작해야 합니다.대소문자를 구분합니다.예약어는 사용할 수 없습니다. (예: if, for, function 등)띄어쓰기는 허용되지 않습니다.O age, userName, isStudentX 1stNum, my-name, function, my Teacher 자료형 변환let Name = "조현준";console.log(Name);console.log( typeof(Name) );Name = 34;console.log(..

https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ Nice Admin - Free bootstrap admin HTML template | BootstrapMadeNiceAdmin is a powerful admin and dashboard template based latest version of Bootstrap framework. It provides a clean and intuitive design that is focused on user experience. The custom plugins included has been carefully customized to fit with the overallbootstrapma..

text-truncate : 레이아웃에 맞게 문자열 자르기 This text is quite long, and will be truncated once displayed.   Opacity : 투명도 ...............   https://bootstrapmade.com/bootstrap-business-templates/

NavBar  Navbar Home Menu1 Menu2 Menu3     ## Disabled Disabled## Current Page Home## DropDown Dropdown link Action Another action Something else here ## Form Search## Text Message Navb..

Modal    Modal title Modal body text goes here. Close Save changes   How to open Modal  Launch demo modal Modal title ... Close Save changes  fade    data-bs-target="#infoModal"  data-bs-keyboard="false" Launch static info modal ..

Form- 부트스트랩 form Control 들은 모양이 예쁘고, 반응형으로 만들어줍니다.   부트스트랩에서는 Form 을 테이블로 구성하지 않지만, 우리에게 익숙한 테이블을 이용해 보겠습니다. Full Name Mobile No. Birthday Note Category ..