공부를 끄적끄적 공부를 끄적끄적

이전 포스팅을 통해 프로젝트를 생성하고 기본 레이아웃을 구성하였습니다. 이번 포스팅에서는 React Route를 이용하여 Route를 설정하겠습니다. 1. 패키지 설치 및 디렉토리 생성 npm install react-router-dom yarn add react-router-dom 1) 폴더 생성 - /src/routes 2) 파일 생성 - /src/routes/index.js : 라우트에 필요한 모든 컴포넌트를 한 파일로 관리 - /src/routes/router.js : 실제 라우트 설정 파일 1) index.js 1 2 export { default as home } from '../components/home'; export { default as about } from '../component..

기존에 만들던 리액트 블로그 프로젝트를 이어받아 나만의 홈페이지를 만드는 프로젝트를 시작하겠습니다. 그 사이에 리액트와 각 라이브러리가 많이 업데이트 되었고, 티스토리 또한 많이 변경되어 새로 시작합니다. 기본 디자인으로는 Ant Design과 Styled Components를 사용할 예정입니다. 포스팅은 주기적으로 업데이트 하겠습니다. 감사합니다. 1. Project 만들기 & Package 설치 - create-react-app을 사용하여 프로젝트를 만들고 필요한 package를 설치합니다. 1) create-react-app my-home(프로젝트 이름) 2) styled-components 3) ant-design 4) react-router-dom 5) 나머지 패키지는 작업하면서 설치 2. 불필..