목차 1. AJAX 2. AJAX의 원리 3. 코드로 보는 AJAX 4. AJAX의 발전과정(Fetch, Axios) 5. AJAX의 단점 1. AJAX Asynchronous JavaScript and XML의 약어로써 자바스크립트와 XML을 이용한 비동기적 통신 방법이다. X가 XML을 의미하긴 하지만 요즘에는 XML대신 JSON을 사용한다. AJAX라는 말은 비동기 통신이라는 고유명사라고 봐도 무방하다. 2. AJAX의 원리 먼저, 브라우저는 어느 사이트에 접속과 동시에 서버에 화면을 그릴수 있도록 요청을 한다. 요청을 받은 서버는 브라우저에게 사이트의 화면의 기본 구조를 그린 템플릿을 전달한다. 응답을 받은 브라우저는 템플릿(HTML과 CSS)을 해석하여 기초 화면을 그린다. HTML에는 // h..

목차 1. Swich 문 1. Switch 문 if 조건문은 switch 문으로 바꿀 수 있다. switch문을 사용한 비교법은 특정 변수를 다양한 상황에서 비교할 수 있게 해준다. swich 문의 장점은 비교 상황을 잘 설명해준다. 문법(Syntax) switch(변수) { case '값': // if (변수 === '값') ... // 코드 본문 [break] case '값': // if (변수 === '값') ... // 코드 본문 [break] default: ... // 코드 본문 [break] } - 하나 이상의 case문으로 구성된다. - default는 써도되고 안써도된다. 작동원리 변수와 값을 일치하는지 비교한다. 해당 case에서 일치하는 경우 코드 본문을 실행한다. break문을 만나..

목차 1. 함수 2. 함수 선언식 3. 함수 표현식 4. 화살표 함수 5. 콜백 함수 6. 함수의 기능 6.1. 일반 함수 6.2. 생성자 함수 6.3. 객체 메서드 1. 함수(function) 스크립트에 코드를 작성하여도 동작은 가능하나 한 번만 실행되고 다시 사용이 불가능하다. 다시 사용하고 싶은 동작(코드)이 있을 때, 함수로 선언하고 사용한다면 함수를 호출하는 것만으로도 언제 든지 재사용이 가능하다. (실행시키고 싶은 코드를 모아 놓는다.) 자바스크립트에서는 3가지 방법으로 함수를 선언할 수 있다. 각 방법마다 조금씩 기능의 차이가 있으니 이에 유의하자. 2. 함수 선언식(function declaration) function 키워드를 이용해서 함수를 선언할 수 있다. function을 이용해 선..

목차 1. Promise의 탄생 : 콜백 지옥(callback hell) 2. Promise - 기본 문법(Syntax) - 예제(Example) 1. Promise의 탄생 : 콜백 지옥(callback hell) 비동기 작업을 위해 사용되는 콜백의 특성상 비동기 이후에 처리될 작업들을 콜백 내부에 작성해주어야 한다. 콜백 내부에 콜백을 쓰다보면 오른쪽 아래로 코드가 내려가 모양이 괴랄하게 변하게 된다. 이를 콜백 지옥(callback hell)이라고 한다. 아래의 예제코드로 콜백 지옥을 이해해보자. const avante = (callback) => { setTimeout(() => { console.log('avante go') callback() }, 3000) } const sonata = (ca..