게시판 만들기 (2)

이 영상을 통해 React 환경에서 게시글 목록 조회, 상세 조회, 수정, 삭제 기능을 구현하는 방법을 배웁니다. 특히 비동기 데이터 처리, 라우팅, 상태 관리, 폼 컴포넌트 재활용 등 프론트엔드 개발의 핵심적인 부분들을 실습하며 익힐 수 있습니다.

주요 학습 내용은 다음과 같습니다:

• 비동기 데이터 처리: setTimeout을 이용한 로딩 지연 구현, API 요청 후 상태 변경을 통한 UI 업데이트 (로딩, 에러 처리).
• React Router: useNavigate 훅을 사용한 페이지 이동 및 동적 URL 파라미터 처리.
• 상태 관리 (Store): Redux 또는 유사 상태 관리 라이브러리를 활용한 전역 상태 관리 및 데이터 변경 반영.
• 폼 컴포넌트 재활용: 게시글 생성과 수정 기능을 하나의 PostForm 컴포넌트로 통합하는 패턴.
• 컴포넌트 설계: PostCard, PostForm 등 재사용 가능한 UI 컴포넌트 설계 및 구현.
• API 통신: fetch API 또는 유사 라이브러리를 이용한 HTTP 요청 (GET, DELETE, POST, PUT) 및 응답 처리.

영상을 시청하기 전에 React 기본 개념과 상태 관리의 필요성을 이해하고, 시청 후에는 영상에서 다룬 기능들을 직접 구현해보며 API 연동 및 상태 업데이트 로직을 깊이 있게 분석해보는 것을 추천합니다.