2021-11-02

오늘 한 일

• UI 컴포넌트 사용 여부 결정 → 미사용(styled-components 직접 만들어서 사용)
• 마크다운 뷰어 추가 및 테스트
• styled package 추가
• 문제 조회 페이지 layout 배치 일부 완료
• 임시 헤더 및 navbar 설정
• 메인 글씨체 선정 Noto Sans KR

내일 할 일

• 마스터 클래스 상태 관리 총정리 듣기
• 문제 리스트 페이지(홈페이지) layout 배치
• header, navbar 정돈
• 문제 출제 페이지 layout도 할 수 있으면 배치 해보자.
• 배포? Nginx? https?

문제 상황

• styled-component 객체를 밖으로 빼자.(해결 방법 1)
  • 컴포넌트 내부에 있으면 매번 다른 함수로 판단해 리렌더링이 된다.
  • 상위 컨포넌트가 리렌더링이 되면 하위에 있는 컴포넌트도 리렌더링 되므로 코드 에디터가 초기화 된다.
• useMemo를 이용해 memoization하자.(해결 방법 2)
  • useMemo(() ⇒ styled-component, [])
• Typescript에서 발생하는 Type Issue