일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- Ref로 DOM 다루기
- 코어JS
- 프로미스
- rest api
- Set과 Map
- 표현식과 문
- 제너레이터
- await
- 스프레드 문법
- 개발 환경 구축
- 브라우저의 렌더링 과정
- 클로저
- 비동기 프로그래밍
- 모듈
- 이터러블
- Deep Dive
- async
- Ref로 값 참조하기
- 배열
- 에러 처리
- 디스트럭처링 할당
- BETA
- Escape Hatches
- ES6 함수의 추가 기능
- js
- 싸피
- DEEPDIVE
- Strict Mode
- 데이터 타입
- REACT
- Today
- Total
목록JavaScript (50)
코딩을 쉽게 해보자
1. 제너레이터란? ES6에서 도입된 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 일반 함수와의 차이는 제너레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양도할 수 있다. 제너레이터 함수는 함수 호출자의 함수의 상태를 주고받을 수 있다. 제너레이터 함수를 호출하면 제너레이터 객체를 반환한다. 2. 제너레이터 함수의 정의 function* 키워드로 선언 하나 이상의 yield 표현식을 포함 이것을 제외하면 일반 함수를 정의하는 방법과 같다. // 제너레이터 함수 선언문 function* genDecFunc() { yield 1; } // 제너레이터 함수 표현식 const genExpFunc = function* () { yield 1; }; // 제너..
JS는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다. BUT 전통적인 콜백 패턴은 콜백 헬로 인해 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하며 여러 개의 비동기 처리를 한 번에 처리하는 데도 한계가 있다. ES6에서는 비동기 처리를 위한 또 다른 패턴으로 프로미스를 도입했다. 프로미스는 전통적인 콜백 패턴이 가진 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있다. 1. 비동기 처리를 위한 콜백 패턴의 단점 1-1. 콜백 헬 비동기 함수를 호출하면 함수 내부의 비동기로 동작하는 코드가 완료되지 않았다 해도 기다리지 않고 즉시 종료된다. 비동기 함수 내부의 비동기로 동작하는 코드는 비동기 함수가 종료된 이후에 완료된다. 비동기 함수 내부의 비동기로 동작..
REST는 HTTP를 기반으로 서버의 리소스에 접근하는 방식을 규정한 아키텍처 REST API는 REST를 기반으로 서비스 API를 구현한 것 1. REST API의 구성 자원, 행위, 표현의 3가지 요소로 구성된다. REST는 자체 표현 구조로 구성되어 REST API 만으로 HTTP 요청의 내용을 이해할 수 있다. 구성 요소 내용 표현 방법 자원(resource) 자원 URI(엔드포인트) 행위(verb) 자원에 대한 행위 HTTP 요청 메소드 표현(representations) 자원에 대한 행위의 구체적 내용 페이로드 2. REST API 설계 원칙 가장 중요한 기본적인 원칙은 두 가지다. URI 리소스를 표현하는 데 집중하고 행위에 대한 정의는 HTTP 요청 메소드를 통해 하는 것 1. URI는 리..
1. Ajax란? JS를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식이다. Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest 객체를 기반으로 동작한다. XMLHttpRequest는 HTTP 비동기 통신을 위한 메서드와 프로퍼티를 제공한다. 이전의 웹페이지는 html 태그로 시작해서 html 태그로 끝나는 완전한 HTML을 서버로부터 전송받아 웹페이지 전체를 처음부터 다시 렌더링하는 방식으로 동작했다. 따라서 화면이 전환되면 서버로부터 새로운 HTML을 전송받아 웹페이지 전체를 처음부터 다시 렌더링했다. 전통적인 방식은 다음과 같은 단점이 있다. 이전 웹페이지와 차이가 없어 변경할 필요가..