박시은

(❁´◡`❁)

1 분 소요


💡 [A to Z]는 작성한 포스팅을 순서대로 복습할 수 있도록 정리한 시리즈입니다.

React

0 - Todolist 📍

1 - React 기초

2 - React 심화

  1. 개발 서버 실행 및 빌드
  2. throttling & debouncing
  3. 로컬 스토리지와 세션 스토리지 사용하기
  4. 사용자 권한에 따른 렌더링
  5. React Router v6.4+ 를 사용해서 인증 기반 라우팅 구현하기
  6. 세션 기반 인증과 토큰 기반 인증 구현하기
  7. 공용 컴포넌트로 만들어 재사용하기
  8. 상태 직접 업데이트 vs 콜백 함수 사용 비교
  9. select와 option

3 - React Hooks

4 - 비동기와 REST API

  1. 비동기 프로그래밍 정리⭐
  2. JSON과 비동기통신
  3. json-server
  4. 비동기 통신 - axios와 interceptor
  5. Thunder Client를 이용한 통신 연습
  6. React 비동기 데이터 처리 최적화: 로딩, 에러, 재시도 로직

5 - 상태 관리

  • 트렌드 분석
    • Redux ➡️ Zustand
    • ContenxtAPI ➡️ Recoil, Jotai
  • 조합(클라이언트 상태 관리 + 서버 상태 관리)
    • zustand/Jotai + React Quer

6 - 기타

  1. Array API 연습하기
  2. React로 상품 카테고리 구현하기
  3. 카카오맵 API 사용하기
  4. Dummy Data를 이용한 리스트 UI 구현
  5. uuid 사용하기
  6. 리액트 이미지 경로 지정방법 2가지
  7. 조건부 렌더링
  8. react-quill 사용하기
  9. React에서 Font Awesome 사용하기
  10. 이미지 스타일링 및 프로필 변경 기능 구현하기

7 - 프로젝트 초기 세팅 및 협업 시 컨벤션

  1. React 파일 및 프로젝트 셋업📌
  2. React Project Convention
  3. .env (환경변수 관리) (–외부 블로그 링크–)

8 - 트러블 슈팅💫

  1. 토글 상태 관리 트러블슈팅
  2. styled-components를 활용한 조건부 스타일링 트러블슈팅
  3. 카카오 맵 API 검색결과 제한 문제 트러블 슈팅
  4. JS 배열 메서드 find vs filter 구조분해할당 트러블슈팅
  5. 삭제 버튼 클릭 시 ‘Cannot destructure property’ 에러 트러블슈팅
  6. Styled Components Navbar와 Layout의 공통 여백 스타일링 트러블슈팅
  7. 서버와 클라이언트 데이터 불일치 트러블슈팅


댓글남기기

참고