일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 상태 관리 라이브러리
- 국제화(i18n)
- html
- 코드리뷰
- jsx
- 동적 웹 페이지
- Promise
- 웹 개발
- tanStack Query
- 프라미스체이닝
- 웹 성능
- 자바스크립트
- 웹 성능 최적화
- #프론트엔드개발
- 자바스크립트공부
- 리액트 기초
- Node.js
- 비동기프로그래밍
- 프론트엔드
- 비동기 요청 처리
- fe
- 패키지 스크립트
- 웹개발
- 풀스택 개발
- 퍼포먼스 최적화
- css
- dom
- React
- 컴포넌트
- JavaScript
- Today
- Total
목록코드리뷰 (2)
sodol-dotcom

1. `console.log(getData)`정의: 이 코드는 `getData`라는 함수 자체를 출력한다.무엇을 출력하는가? 함수의 이름과 내용(정의)을 보여준다. 즉, 이 코드가 실행되면 "이 함수는 이렇게 생겼어!"라고 설명하는 것과 같다.출력 예시:ƒ getData() { return { name: "이정환", id: "winterlood", };}어떤 의미인가?이 코드는 단순히 `getData`라는 함수가 존재함을 보여주는 것이고, 이 시점에서는 아무것도 실행되지 않았다. 함수를 호출하지 않았기 때문에 함수가 반환하는 값은 확인할 수 없다. 2. `console.log(getData())`정의: 이 코드는 `getData`라는 함수를 호출하는 것이다.무엇을 출력하는가?함수가 호출되..

Promise(프라미스)는 자바스크립트에서 비동기 작업을 처리할 때 유용하게 사용되는 개념이다. 특히 Promise Chainning(프라미스 체이닝)을 통해 여러 비동기 작업을 순차적으로 처리할 수 있다. 공부하면서 이 과정에서 등장하는 '기존 프라미스'와 '반환된 프라미스'의 차이점을 이해하는 데 어려움이 있었다. 그래서 이번 글에서는 이 부분을 중점적으로 남겨본다. 1. 프라미스의 기본 개념프라미스는 비동기 작업의 성공 또는 실패 결과를 처리하기 위한 객체이다.비동기 작업이 완료되면 프라미스는 `resolve`를 통해 성공적인 결과를 반환하거나, `reject`를 통해 에러를 반환하게 된다.프라미스를 사용하면 비동기 작업을 보다 직관적으로 처리할 수 있다. 2. 기존 프라미스와 반환된 프라미스의..