React Mini Project

작업 순서

컴포넌트 구조 설계하기

작은 컴포넌트부터 생성하기

그러기 위해 컴포넌트 단위를 잘 구성하고 작은 단위를 골라 작성한다.

우선 phone 사이즈 제작을 위해

phone > phoneTop & application

phone 화면 안에

phoneTop : 시계, 배터리, wifi 등을 알리는 영역

application : 어플이 실행되는 영역

구성.

application > head & nav & contentsSection

head : 로고, 사이트명, 다크모드, help
nav : Articles, show, ask, job 페이지 구분
contentsSection : Home, article, show, ask, job 의 페이지가 뜬는 부분

• Home

contentsSection > HomeRanking & mainList

HomeRanking :

HomeRanking > titleBox & slidBox

MainList :

mainList > Option & list

list > card

• article, show, ask, job

contentsSection > mainList