티스토리 뷰
이번장에서는 헤더와 푸터, GNB등 공통으로 사용되는 컴포넌트를 만들어 보겠습니다.
별 역할이 필요없는 애들이기 때문에 함수형 컴포넌트로 만들어 줍니다.
/src/component/
Header 와 Footer를 간단하게 만들어 주시고,
Gnb는 사실 요일탭인데 그냥 간단하게 3개만 만들었습니다.
메인 페이지(Main)와 웹툰 상세페이지(WebtoonHome)에 헤더, 푸터, GNB를 넣어줍니다.
/src/component/Main.js
이런 화면이 나왔네요.
이번 강의의 모든 코드는 Github : tutorial_02 에서 확인하실 수 있습니다.
다음편 : React 강좌 tutorial 3 - 메인 페이지 (웹툰서비스 만들기)
'javascript > React js' 카테고리의 다른 글
React 강좌 tutorial 5 - 뷰어 (웹툰서비스 만들기) (7) | 2018.07.21 |
---|---|
React 강좌 tutorial 4 - 웹툰 상세페이지 (웹툰서비스 만들기) (0) | 2018.07.21 |
React 강좌 tutorial 3 - 메인 페이지 (웹툰서비스 만들기) (2) | 2018.07.21 |
React 강좌 tutorial 1 - 시작하기, Router 적용 (웹툰서비스 만들기) (0) | 2018.07.20 |
Redux의 진짜 강점과 단점 (0) | 2018.07.13 |
댓글
Kakao 다음웹툰 / 웹표준 및 ft기술, 웹접근성 / 세아이 아빠, 제주 거주 중..
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday