React Blog - 작업환경 준비

김민석·2020년 9월 4일
0

React Blog

목록 보기
1/3
post-thumbnail

새로운 리엑트 페이지를 만들고

프론트와 백엔드를 따로 구성합니다.

.prittierrc 와 jsconfig.json 같은 설정 파일을 만들고

Login.js - 로그인 페이지
Join.js - 회원가입 페이지
Write.js - 글쓰기 페이지
Read.js - 포스트 읽기 페이지
List.js - 포스트 목록 페이지

5개로 라우트 컴포넌트를 구성합니다.

그 후 프로젝트의 엔트리 파일인 index.js에 App 컴포넌트를 BrowserRouter로 감싸줍니다.

그 다음 App 컴포넌트에서 Route 컴포넌트를 사용하여 각 라우터의 경로를 지정해줍니다.

마지막으로 이렇게 수정해줍니다. 배열을 넣어 라우트 컴포넌트에 여러개의 경로를 설정해주고 파라미터도 읽을 수 있게 설정해줍니다.

profile
web development 주니어

0개의 댓글