TIL 20180620

1. 프론트엔드 스쿨과정 - 리액트

  • HOC로 인증 관련 문제 해결하기
  • defaultProps
  • Sass 사용하기
  • classnames
  • 규모있는 프로젝트의 개발 순서는 어떻게 가져가야 할까?

Sass 사용은 visual studio code에서 바로 컴파일 해주는 익스텐션을 사용하도록 알려주셨는데, 시간이 나면 webpack을 이용하는 방법을 알아봐야겠다.

2. 리액트로 게시판 만들기

기본적인 로그인 구현까지했다. 스토리북을 이용해서 Presentational 컴포넌트를 먼저 확인하면서 만들고 있다. 만들다가 기억이 잘 안나는 부분은 다시 todo 실습으로 돌아가서 참고하고 있는데, rgb 챌린지처럼 먼저 단순하게 만들고 더 다듬어야 될 것 같다. 아직 어느 코드가 중복되는 로직일지 파악할 수 없어서 오늘 배운 HOC은 적용해보지 못했는데, 다듬다보면 어느때 써야할 지 감이 잡힐 것 같다. 이번 과제로 게시판을 한번 만들어보면 마지막 과제를 할 때 많은 도움이 될 것 같다.

내일 할 일

  • 리액트로 게시판 만들기 과제 완료하기
    • 로그인
      • 데이터설계(json server)
      • presentational: 로그인 화면
      • Provider: 상태관리
      • Container 컴포넌트 (PC와 Provider를 이어줄)
    • 글 목록
    • 글 작성
    • 댓글 목록
Share Comments