노마드코더의 클론코딩 과정 정리
![[ReactJS] React로 영화 서비스 만들기 : 12. Publishing](https://blog-cdn.huns.site/imgs/thumbnails/posts/frontend/react/clone-coding/nomad-coder/make-movie.webp)
gh-pages 패키지로 React 앱을 빌드하고 GitHub Pages에 배포하는 전체 흐름과 설정 방법을 정리했습니다.
Router path에 파라미터를 지정하고 useParams로 Detail 페이지에서 id 값을 꺼내 영화 상세 API에 적용하는 방법을 정리했습니다.
react-router-dom의 BrowserRouter·Switch·Route를 설치하고 Link 컴포넌트로 페이지 전환을 구현하는 방법을 정리했습니다.
영화 API를 fetch·async-await로 호출한 뒤 JSON을 가공해 Movie 컴포넌트로 분리·렌더링하는 방법을 정리했습니다.
useEffect와 useState를 조합해 외부 API 데이터를 fetch하고 로딩 상태를 처리하는 실습 과정을 정리했습니다.
React에서 useState로 배열 상태를 관리하고 스프레드 연산자로 항목을 추가한 뒤 map으로 렌더링하는 방법을 정리했습니다.