22.12.08_TIL

📗 오늘 한 일

원티드 프리온보딩 프론트엔드 사전과제

• Todo List 기능 수정 (실시간 랜더링, 완료여부)
• 로그인/회원가입 화면 디자인
• Todo List 디자인
• Netlify 배포
  • 빌드오류 (참고자료)
  • https://kimcomdong.tistory.com/entry/Deploy우여곡절-많은-React-netlify-배포-Page-Not-Found-와-Deploy-Failed의-향연
• Github 릴리즈 생성
• README 수정

원티드 프리온보딩 프론트엔드 숏에세이 작성

✍ Diary

어제 구현하던 사전과제를 오늘 끝냈다. (1차배포)

사실 아직도 파일을 보면 조금 급하게 하느라 코드가 지저분한 곳이 많은데 이것을 정리할 예정이다. 
Components 분리와 api 통신 함수 분리 등을 하면 pages에는 랜더만 할 수 있도록 코드를 깔끔하게 작성할 수 있다.
Next.js에서 했던 방식으로 분리해볼 생각이다.

배포는 vercel을 이용하지않고 netlify를 사용해보았다. 다양한 배포경험은 나에게 상당히 큰 도움이 될 것이라 생각했기 때문이다. Netlify로 배포를 할 때, build에서 오류가 나서 배포를 하지 못했다.

찾아보니 React를 배포할 때, 가끔 있는 오류라고 한다 build 명령어를 CI= npm run build로 수정하고 캐시를 삭제한뒤 재배포를 하니 정상 배포가 되었다.