221003 TIL - 주말 동안 프리 온보딩 사전 과제 1차 완성

📝TIL, 느낀 점

✅ 공부

• FrontEnd/React.js
  [React.js] delete fetch 시 'Undexpected end of JSON input' 에러

• [React.js] Github Page를 활용한 개인 프로젝트 배포

• ✅ 원티드 프리 온보딩 사전 과제

  • API 모듈화 하는 방법 : (난이도가 높다.)
    • https://ghost4551.tistory.com/163
    • https://ventos06.tistory.com/6
    • Axios도 이참에 제대로 배워서 사용해봐야겠다. 일단 Fetch로 구현 완료했고, Axios로 마이그레이션 해봐야징 ㅎㅎ
  • feature/auth
    • ✅ 로그인 / 회원가입 UI 완성
    • ✅ 로그인 / 회원가입 통신 완성
      • ✅ API 전부 별도 파일로 분리해서 함수 하나로 불러오도록
      • ✅ Fetch 연결하기
  • feature/todolist
    • ✅ TodoList UI 완성
    • ✅ TodoList 기능 완성
    • ✅ TodoList 통신 완성
  • ✅ 리드미 라이브러리, 폴더 구조 수정

• Token

  • useEffect에 넣으면 변수가 아닌 state로 선언해야한다,
  • 변수로 선언하면 재렌더링 될 때마다 token을 선언하고 getItem 하는 행동을 해야 한다.
  • 생각을 아무리 해봐도 state보다는 변수로 선언하는게 맞는것 같고 혹시나 일부러 로컬 스토리지에서 토큰데이터를 삭제하는 경우도 있을 텐대 그것 까지 다 체킹하려면 재렌더링 될때마다 토큰을 getItem 하는게 맞을 것 같다. 그래도… 아무리 그래도… getItem 하는거 자체가 아주아주아주 Tiny little small한 성능이슈가 생길텐대 재렌더링 될 때마다 get하는게 맞나 싶긴한데….

😊 일상

• 원티드 프리 온보딩 사전 과제를 1차적으로 마무리했다. gh-pages 이용해 배포까지 하고 싶었으나 https페이지에서 http 서버 요청을 할 수 없다는 에러가 떠서 (”mixed-contents”에러) 이슈 사항으로 남기고 미완으로 끝이 났다.
  • 어쨌든 혼자 힘으로 10시간 이내로 간단한 앱을 하나 완성했다는 사실이 너무 재밌고!! 뿌듯하고!! 그렇네 ㅎㅎ UI적으로 부족한점이 많지만 그래도 코딩을 하며 이렇게 혼자 모든 걸 다 해내며 너무 재밌는 경험을 한것도 오랜만인것 같다.
  • 프로젝트를 할 땐 혼자 하는게 아니라 남들과 협업해서 하는거다 보니 일부분만 알고 전체는 정확히 모른다는 느낌이 강했는데, 이번에 혼자 해보면서 리액트 복습, CRUD 공부가 되서 좋았다. 배포까지 하면서 처음 보는 “mixed-contens”라는 에러까지 나와줘서 너무나 좋았다. ㅎㅎ
  • 얼른 1차 배포가 끝이 나고 Axios로 마이그레이션 하는 작업도 해보고 싶다. 타입스크립트로도 마이그레이션 하고 싶고 등등 ㅎㅎ 정말 재밌네 ㅎㅎ 혼자 많이 만들어 봐야겠다. 얼른 이력서 넣어서 기업 과제를 받아야겠다. ㅎㅎ

🚀🚀개선 점 및 계획

• 이력서 빨리 넣어서 기업 과제 해보기