[TIL] 추가 개인 과제

TIL

원티드 프리온보딩 개인 과제

구현

설계

기술 스택

• JS Library : React
• Language : Javascript
• CSS : styled-components
• 전역 상태 관리 : Redux toolkit

페이지(컨텐츠)

• 메인 페이지
• 레포 보관 페이지
• 이슈 페이지

컴포넌트

• icons
  • ChevronLeft
  • Basket
• components
  • RepoCard
  • IssueCard
  • Header
• pages
  • Main
  • Repo
  • Issue

공통화 필요 스타일

• 콘텐츠 박스
  • 카드의 통일된 레이아웃
• 버튼
  • 지금은 레포 추가/삭제만 있음

회고 (TIL)

2022.03.19 Daily 회고

✏오늘 한 일

• 기업 과제 개인 진행
• webpack, babel 설정 시도

⁉느낀 점

webpack, babel은 왜 강의가 없을까. 도대체 몇 개 아티클을 읽었는지 모르겠다. 정확하게 설명이 안되어 있고, 다 다르다.
문제가 없어보이는데 계속 서버가 켜지지 않는다. babel 설정이 적용이 안되는 것 같아 보이는데, 정확히 어디가 잘못되었는지 알기 어렵다..
webpack babel 누가 멱살 붙잡고 알려줬으면 좋겠다ㅠㅠ

기업과제 개인적으로 진행해보고 있다. 사실 다음 주 진짜 해야하는 개인 과제가 뭐가 나올지는 모르겠지만, 해보고 싶은 것 먼저 해보고 있다.

확실히 확장성이 좋은 과제이다. 무한 스크롤도 적용해볼 수 있고, 페이지네이션도 적용해볼 수 있고, 캐시도 적용해볼 수 있고, 렌더링 최적화도 적용해볼 수 있고,
등등 시도해 볼 것이 많아서 좋은 것 같다.

사실 redux 말고 react query를 사용해보고 싶었다. 그런데 아직 프로젝트 시작 전 코드를 치기 전까지는 어떻게 구조가 될 지 정확히 판단하기 어려워서
일단 시작했고, 하다보니 data fetching도 필요하고 localStorage 저장과 삭제를 각기 다른 컴포넌트에서 진행하게 될 것이라고 판단하고
redux toolkit과 좀 더 친숙해질 기회 겸해서 결국 전역 상태 관리 툴을 도입하게 되었다.

확실히 프로젝트를 많이 해야 기술 스택을 고를 안목도 생길 것 같다.

🎃현재 나의 상태

오랜만에 개인적으로 과제를 진행하는데 생각했던 것 보다 잘 되는 것 같아 좋다.

팀 프로젝트 때는 자존감 때문인지 체력 때문인지 머리가 너무 안따라주었는데, 오랜만에 코드에 몰두하는 기분이라 좋다.

---