폴더 구성

• SRC 하위의 폴더 구조

  1. component - 화면을 구성하는 단위 컴포넌트
     • 모든 컴포넌트들은 폴더로 관리되며 각각의 .jsx와 .sass를 가진다.
  2. layout - Skeleton Layout
  3. pages - page (layout + components)
  4. hook - Hook으로 만들어진 기능들
     • 각각의 Hook은 폴더로 관리되며 폴더내부에 js파일으로 구성한다.
     • 독립적인 유지 보수의 편리함을 위해서 폴더구조로 관리
  5. util - 공통 작업
     • 공통작업이라하여도 같이 가는 기능들은 묶어서 파일로 관리하기
  6. style - Common Style
  7. data - 사용자가 변경해서 반영할 데이터(추후 변경될 수 있음)

• static - 정적 자원

• public - 빌드된 화면파일

• contents - 블로그 글(실질적으로 사용자가 관리할 곳)

Template

• Post List, Article List - 컨퍼런스 참가 또는 Dont waste your time 내용을 넣음
• Resume(이력서 대용으로) - 이력서 서버를 하나 만들어서 불러오는 방식으로

Layout

• index

Page

• Index
  • Header
  • 카드형 자기소개
  • TabContainer(POST, ARTICLE, ABOUT_ME)
    • PostList(One Page로 구성하여 무한 스크롤 적용)
    • ABOUT_ME : 외부 파일을 읽는 방법을 찾아보기
• blog-post : Post Article Resume공용 페이지
  • Header
  • Tab Navi
  • Content
    • Post
    • Article
    • name-card
    • footer

컴포넌트 : 하나의 영역을 가지며 자신의 역할이 있는 것

• header(완료)
  • logo (완료)
  • tabnavi(완료)
• footer(완료)
  • made by snyung(완료)
• tab-container (완료)
• tab-navi : 상단 탭(완료)
  • Post(완료)
  • Article(완료)
  • Resume(완료) → about me
• post-item : Post List 목록 하나하나
• post-container : Post를 감싸는 영역