20210323 토이 프로젝트 리팩토링(수료 후 4일)

Notes/Today I Did

Nomad Kim 2021. 3. 24. 03:35

리액트로 만들어진 프로젝트의 경우, 배포하는 방식이 달라 아직 배포를 끝내지 못했다.

Build 를 한 후에 해당 파일을 gh-pages 에 배포해야 하는데, Build 한 후에 이미지 파일이 로드되지 않고 에러가 발생한다.

좀 더 리서치를 해봐야겠다.

일반적인 자바스크립트 프로젝트의 경우에는, 최상단에 index.html 을 위치시키면 크게 무리 없이 배포가 가능했다.

배포된 프로젝트의 결과물은 아래와 같다. 왼쪽부터 차례대로 Stars Dance Party, tree-ui, calculator.

Stars Dance Party 의 경우, 노래를 들을 수 있고, Shooting Star 버튼을 누르면 별똥별처럼 별이 떨어진다.

계산기는 추가적인 리팩토링이 필요하다. CSS 시각적인 효과 등.

To Do List

~~1. 프로젝트 회고록 작성(프로젝트 기획부터, 완성까지 개괄적으로 작성 => 이력서에 사용하자.)~~

2. 이력서 디자인, 자기소개서, 포트폴리오 제작 => ~~pages 사용할 수 있는지 다시 확인.~~

~~3. 팀 PPT, 발표영상 업데이트~~

~~4. 개인 기술 PPT, 발표영상 업데이트(리액트 상태관리, useEffect 사용법)~~

5. react native 적용하여 서비스 제작(관련 클론 코딩 프로젝트가 있다면 진행.)

6. ~~노마드코더 등 강의 수료증 구비~~ 및 필요한 강의 듣기

~~7. 반응형 웹 리팩토링. 픽셀 더 줄여서 모바일 사이즈 적용하기.~~

8. 코딩 테스트 준비. 토이 문제들 처음부터 끝까지. 프로그래머스 문제 풀어서 랭킹 올리기.

9. 깃헙 관리. 사이드, 토이 프로젝트 진행. 평상시 궁금했던 기술 써볼것.

10. ~~위키 다듬기.~~

11. 기술 면접 리스트 답 채워넣기..!

~~12. 완성된 스프린트 작품 활용~~