티스토리 뷰




이번장에서는 헤더와 푸터, GNB등 공통으로 사용되는 컴포넌트를 만들어 보겠습니다.

별 역할이 필요없는 애들이기 때문에 함수형 컴포넌트로 만들어 줍니다.




/src/component/



Header 와 Footer를 간단하게 만들어 주시고,

Gnb는 사실 요일탭인데 그냥 간단하게 3개만 만들었습니다.


메인 페이지(Main)와 웹툰 상세페이지(WebtoonHome)에 헤더, 푸터, GNB를 넣어줍니다.


/src/component/Main.js



이런 화면이 나왔네요.




이번 강의의 모든 코드는 Github : tutorial_02 에서 확인하실 수 있습니다.



다음편React 강좌 tutorial 3 - 메인 페이지 (웹툰서비스 만들기) 






댓글
Kakao 다음웹툰 / 웹표준 및 ft기술, 웹접근성 / 세아이 아빠, 제주 거주 중..
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday