<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f765100f-b481-437e-b531-5aae8d9bc5fe/1200px-React-icon.svg.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f765100f-b481-437e-b531-5aae8d9bc5fe/1200px-React-icon.svg.png" width="40px" /> Portfolio 사이트를 구축하면서 React와 Express를 전반적으로 공부합니다.

</aside>

2020-08-27 목요일 - 프로젝트 클라이언트 레이아웃 정하기

Client

• create-react-app으로 기본 리액트 프로젝트 구성 → yarn build 명령어로 빌드 진행

• 컴포넌트 구성하기

  App.jsx

  • 메인 바탕
  • mac-bar

  Nav.jsx

  • elements

  ProjectList.jsx

  • elements

• 상태 관리가 필요한 부분

  • 다크 모드 토글 관련 false, true 값 변형
  • 태그 검색 관련?

• css

  /* index.css */
  body {
    margin: 50px auto;
    background: #f1f3f5;
    display: flex;
    justify-content: center;
    font-family: "Noto Sans Japanese", serif;
  }
  
  /* App.css */
  
  

2020.08.28 금요일 - client의 Home 컴포넌트 세부적으로 구체화, 코드 작성

Nav.jsx

• todos

About.jsx

• todos

Project.jsx

• todos

2020.08.29 토요일 - 클라이언트 구조 마무리, 새부 라우트별 페이지 만들기