화면 전환에 있어 비동기적으로 변하는 것은 리액트이다.
그렇기 때문에 눈에 보이는 화면 구성은 리액트로 작성을 해야한다.
같은 기능을 하는 부분은 같은 컴포넌트를 쓸 계획으로 컴포넌트를 생성했다.
예를 들어 문의게시판, 이벤트 게시판에서 쓰이는 '게시물 검색'과 같은 기능은 여러 군데서 쓰일 수 있으므로
'게시물 검색' 이라는 컴포넌트를 하나 만들어 여러 군데서 import 를 해서 쓸 수 있다는 것이다.
화면에 보이는 페이지들은 Pages 라는 폴더 안에 모아놓았다.
다른 박스 들도 jsx와 css 를 연결하여 view를 구성해줬다.
하나의 컴포넌트 안에 자식 컴포넌트를 생성하여 import 를 함으로써 불러올 수 있다.
그리고 App.js 에서 Route 를 이용하여 페이지의 경로를 잡아준다.
✔ 포인트: 사용자페이지, 관리자 페이지 전환
사용자페이지, 관리자 페이지 전환에 대한 설정은
관리자 페이지를 false 로 정의해두고
return 문 안에서
삼항 연산자를 이용하여 설정해준다.
모든 페이지에서 공통으로 쓰여야 할 폰트, 스타일은 App.css 에 작성해준다.
view 완성.
💃💭
옛날이었으면 한두달 동안 만들었을 view를 열흘 만에 만들다니. 물론 유능한 팀원들과 함께한 덕분도 있지만 뿌듯하다. ^_^ 근데 이제부터 시작이다~
안녕하세요! jjang9 입니다（￣︶￣)