TIL #37 [React 5기] ReactJS 심화주차

DO YEON KIM·2024년 6월 11일
0

부트캠프

목록 보기
37/72

하루 하나씩 작성하는 TIL #37


오늘은 지급된 강의를 들으며 배운 내용을 요약 정리하고자한다.

총 22개의 강의를 6/6/6/4개로 나누어 듣고자하여서 이번 til은 6강까지의 요약이다.


1. 동기 vs 비동기

동기 : 순차적 응답, 대기 - 진행, 일의 순서 우선

비동기 : 비순차적 응답, 응답 대기 x, 효율적


2. Promise

자바스크립트에서 비동기 작업의 완료 또는 실패를 처리하기 위해 사용되는 개념

콜백을 등록할 수 있는 메서드를 제공

등장 이유 : 콜백 함수의 중첩은 코드의 가독성이 떨어지기 때문

프로미스의 상태. 대기/이행/거부

async와 await 키워드 : Promise 객체를 더욱 간편하게 다룰 수 있도록 도와줌. async 함수는 항상 Promise를 반환하며, await 키워드는 Promise가 이행될 때까지 기다리는데, 이 방법을 사용하면 비동기 코드를 더 동기 코드처럼 작동할 수 있어 가독성이 높아짐.


3. HTTP

웹 상에서 데이터를 주고받기 위한 프로토콜

클라이언트와 서버 간의 요청과 응답을 정의하며, 상태코드와 헤더를 포함한 다양한 요소를 지님.

클라이언트 - 서버 모델 기반

무상태성, 확장성, 유연성을 지님


4. json-server

아주 간단한 ‘DB와 API 서버를 생성해주는 패키지

Supabase나 Firebase는 백엔드가 없는 환경에서 실제 서비스 구축에 유용하지만, 실무와의 연관성을 생각한다면(=현재 우리의 상황에서 학습 목적이라면) Json-server가 더 적합

yarn add json-server
profile
프론트엔드 개발자를 향해서

0개의 댓글