일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 배열
- await
- 싸피
- Ref로 DOM 다루기
- REACT
- ES6 함수의 추가 기능
- 브라우저의 렌더링 과정
- 스프레드 문법
- 프로미스
- 개발 환경 구축
- 에러 처리
- DEEPDIVE
- 비동기 프로그래밍
- 표현식과 문
- 제너레이터
- 모듈
- Ref로 값 참조하기
- 디스트럭처링 할당
- async
- Deep Dive
- 클로저
- Set과 Map
- rest api
- 이터러블
- 데이터 타입
- 코어JS
- js
- BETA
- Escape Hatches
- Strict Mode
- Today
- Total
목록분류 전체보기 (60)
코딩을 쉽게 해보자
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을 전송받아 웹페이지 전체를 처음부터 다시 렌더링했다. 전통적인 방식은 다음과 같은 단점이 있다. 이전 웹페이지와 차이가 없어 변경할 필요가..
1. 동기 처리와 비동기 처리 실행 컨택스트 스택에 함수 실행 컨텍스트가 푸시되는 것은 바로 함수 실행의 시작을 의미한다. 함수의 실행 순서는 실행 컨텍스트 스택으로 관리한다. JS 엔진은 단 하나의 실행 컨텍스트 스택을 갖는다. 함수를 실행할 수 있는 창구가 단 하나이며, 동시에 2개 이상의 함수를 동시에 실행할 수 없다는 것을 의미한다. JS 엔진은 싱글 스레드 방식으로 동작한다. 한번에 하나의 태스크만 실행할 수 있기 때문에 처리에 시간이 걸리는 태스크를 실행하는 경우 블로킹(작업 중단)이 발생한다. function sleep(func, delay) { const delayUntil = Date.now() + delay; while (Date.now() < delayUntil); func(); } ..
1. 호출 스케줄링 함수를 명시적으로 호출하면 함수가 즉시 실행된다. 만약 함수를 명시적으로 호출하지 않고 일정 시간이 경과된 이후에 호출되도록 함수 호출을 예약하려면 타이머 함수를 사용한다. 이를 호출 스케줄링이라 한다. JS는 타이머를 생성할 수 있는 타이머 함수 setTimeout과 setInterval, 타이머를 제거할 수 있는 타이머 함수 clearTimeout과 clearInterval을 제공한다. JS 엔진은 단 하나의 실행 컨텍스트 스택을 갖기 때문에 두 가지 이상의 태스크를 동시에 실행할 수 없다. 즉, JS엔진은 싱글 스레드로 동작한다. 이러한 이유로 setTimeout과 setInterval은 비동기 처리 방식으로 동작한다. 2. 타이머 함수 2-1. setTimeout / clear..