Promise 콜백 지옥을 우리는 기억할 것이다.. 그 콜백 지옥을 해결하는 방법 중 하나로 손꼽힌다. 또한 예외처리를 쉽게 할 수 있는 방법 중 하나이다. 비동기를 처리하는 패턴 중 하나라고 보면 된다. 상태 pending(대기): 비동기 처리가 수행중이거나 초기 상태 fulfilled(이행): 비동기 처리 완료 rejected(거부): 비동기 처리 실패 아래 간단한 예제를 봐보자. 다음 3가지 상태는 아래와 같다고 생각하면 된다. const msgPromise = new Promise((resolve, reject) => { // pending const msgFunc = (msg) => { if (msg === 'success') { // fulfilled resolve('Success!'); } ..
Node Nodejs 란 구글의 V8엔진으로 빌드된 자바스크립트 런타임(환경)이다. V8엔진이란 Chrome 에 Javascript 엔진으로 웹브라우저를 만드는 기반을 제공한다. Tip: Node 를 설치하면, npm 도 자동으로 설치됩니다. 설치 아래 링크로 들어가서 LTS 버전을 다운로드하여 주시면 됩니다. LTS 버전은 현재 안정화된 버전으로 기능이 사라지거나 하는 일이 없습니다. 최신 버전은 아직 개발 버전임으로, 추천하지 않습니다.. 링크: [https://nodejs.org/ko/download/] 확인 cmd 창을 열고 node -v 를 쳐서 버전이 나오면 설치가 잘 완료된 것입니다. node -v v14.17.6
리액트를 공부하면서.. 리액트에 대한 개념이 부족하다 생각하여 글을 작성합니다.. (공부의 목적..) React 자바스크립트 라이브러리로, 컴포넌트 기반으로 동적으로 데이터를 내려주면 설계한 대로 UI를 만들어준다. (SPA 또는 모바일 개발시 토대로 사용하고.. 페이스북에서 제공하고...) 특징 컴포넌트 기반 구조 리액트는 UI를 여러 컴포넌트 단위로 쪼개 사용할 수 있습니다. 컴포넌트 단위로 쪼개져 있어, 코드의 가독성이 올라가고, 중복된 코드가 사라져 재사용성이 올라갑니다. (예를 들어, 어떤 다이얼로그를 만드는 컴포넌트가 있다면, 여기에 각 필요한 요소만 집어넣어 사용할 수 있겠...) Data Flow 리액트는 데이터의 흐름이 한 방향으로만 흐르는 단방향 데이터 흐름을 가집니다. 대충 부모에서 ..
이벤트 HTML 요소의 대한 어떠한 사건의 발생을 의미합니다. 이벤트 리스너 요소에서 이벤트가 발생할 경우, 해당 이벤트를 처리하는 함수 이며 이를 이벤트 핸들러 라고 합니다. 대충 우리가 알고 있는 addEventListener 가 대표적 입니다. 아래 링크를 통해 addEventListener의 대한 자세한 설명을 알 수 있습니다. 링크: [https://developer.mozilla.org/ko/docs/Web/API/EventTarget/addEventListener] function eventHandler() { console.log('event'); } // 이벤트 등록 window.addEventListener('mousedown', eventHandler); // 이벤트 제거 window..
이벤트 루프 어떤 작업이 발생하여 이벤트 발생 시 내부에서 호출되는 함수들을 태스크 큐(Task Queue)에 전달하고, 콜 스택(Call Stack)에 쌓여있는 함수가 없을 때, 태스크 큐(Task Queue)에 담겨있는 함수들을 콜 스택(Call Stack)으로 넘겨줍니다. 이러한 이벤트 루프를 제공함으로써, 자바스크립트는 싱글 스레드지만, 비동기 방식으로 동시성을 지원합니다. 자바스크립트 언어에는 이벤트 루프가 없고 자바스크립트 런타임 환경을 제공하는 브라우저, Node가 담당한다. 이벤트 루프 동작 setTimeout을 하는 순간 백그라운드를 걸쳐 태스크 큐로 갑니다. 아래 순서를 봐보자. const start = () => console.log('2'); console.log('1'); setT..
- Total
- Today
- Yesterday
- Github Actions
- 깃허브
- 서버 to 서버
- webpack
- docker
- vue composition api
- Storybook
- cors
- 스벨트
- vue router
- nodejs
- Vite
- nextjs14
- dockerfile
- seo
- nuxt2
- 네이버 서치 어드바이저
- React
- 티스토리챌린지
- NUXT
- Git
- NextJS
- 오블완
- AWS
- svelte
- nextjs13
- openAI
- github
- 타입스크립트
- vscode
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |