어제 한 일

• 주간 스프린트 계획 설정
  • 코드 에디터(React-Ace) 및 마크다운 에디터(Toast-UI Editor) 선정
  • Git Project에 칸반 보드 생성
• CRA Typescript 프로젝트 생성
• babel과 CRA 버전 충돌 이슈 해결
  • CRA와 루트 폴더의 package.json 의존성 버전(eslint, jest)을 맞춰 줘야함
• yarn workspace를 활용한 mono-repo 구성
• React Router 설정
• 코드 에디터(React-Ace) 연동 및 출력, 코드 실행 테스트

오늘 할 일

• UI 프레임워크 사용 여부 결정
• 문제 리스트 페이지 레이아웃
• 문제풀이 페이지 레이아웃
  • 코드 에디터 설정 추가
  • 마크다운 에디터 추가
• 결과 채점 로직 코드 작성(다같이)

결정 사항

• UI 프레임워크(Material-ui) 사용 여부 *안녕하세요 멘토님!!!

  • 장점
    • UI Component 개발에 대한 시간 비용을 줄일 수 있다.
    • 이전 미션에서 직접 UI 구성한 경험이 있으므로 UI부분을 알고 있고, 프레임워크를 가져와 프로젝트에 맞게 수정하는 것이 좋다고 생각.(프레임 워크를 수정할 수 있으면 잘 알고 있다고 생각)
    • Styled Components와 조합하여 사용할 수도 있다.
  • 단점
    • 완전히 다른 형태로 커스텀하기 어렵다.
    • DOM 노드의 수가 많아지면서(프레임워크에서 자동적으로 노드 생성) 성능 상의 문제가 발생할 수 있다.

• Styled component 구현

  https://codesandbox.io/s/eager-carson-comid?file=/src/App.js

  • Styled component로 구현하다가 나중에 적용하기로 결정