[02.10] Book-Shop(Front) 중간 회고 2
2025.02.16 - [웹 개발 공부하기] - [02.10] Book-Shop(Front) - 중간 회고 1) alias 적용2) 중복코드 제거3) 스니펫 만들기4) useAuth 훅 만들기5) react-query 적용6) 다양한 UI 경험 1. alias 적용 하위 컴포넌트를 import 해오면서 상대경로로 적혀있었다.새로운 폴더, 파일들을 만들면서 가장 최근에 만든 파일들을 보면 상대경로가 굉장히 복잡해졌다.../../ 이런 식으로 상대경로의 뎁스가 깊어지고 있다. 이렇게 되면 점점 복잡성이 늘어진다면 import 관리도 힘들어진다.그래서 상대경로들을 절대경로로 바꾸었다. craco와 craco-alias 를 설치해서 사용했다.그 다음, tsconfig.json 파일에 상대경로를 절대경로로 바꾸..
[02.10] Book-Shop(Front) - 중간 회고
💥 회고의 중요성1) 성장과 학습2) 문제 해결3) 유연성과 적응성4) 퍼포먼스 향상 => 더 잘하기 위해서! 💥 주요 학습 주제1) 타입과 모델2) 데이터 흐름3) 컴포넌트 작성4) css 스타일링5) 커스텀 훅 1. 타입과 모델 [타입과 모델] 에서 중요한 부분은 theme, model, 사용법 이다. theme는 theme.ts로 설명을 하려한다.그 중에서도 Record 항목을 중요하게 생각한다. color를 보면 ColorKey를 미리 타입으로 정리했다.그냥 string 으로 정의해도 되지만 string이 아닌 정해진 키를 사용하겠다 라고 선언 함으로써 추후에 프로젝트가 확장이 되고 많은 변화가 생길 때 겪을 수도 있는 사이드이펙트(Side Effect)를 방지할 수 있다.사이드이펙트는 프로그..