😎 Things I Learned
✓ 여러 패키지 설치
여러 패키지명을 npm install으로 띄워 적으면 한 번에 여러 패키지를 설치할 수 있다는 사실을 알았다.
✓ npm과 npx의 차이
npm은 패키지 설치 매니저로 npm install을 하면 패키지를 내 컴퓨터에 설치하는 것이고 npx는 패키지를 설치하지 않고 실행만 시켜주는 명령어. 두 가지의 차이를 정확히 깨달았다.
✓ React Router Dom의 에러 처리
이전 프로젝트에서 사용해본 스펙이지만 일반적인 사용 형식만 알았을 뿐이지, 각 모듈이 정확히 무엇을 의미하는지는 몰랐던 것 같다. BrowserRouter와 HashRouter의 차이, Pattern Matching 방식이기 때문에 Switch, Router, exact를 같이 사용해야 한다는 점을 정확히 알았다. 그리고 URL을 잘 못 입력했을 시 에러 처리를 하는 법을 배웠다.
🤔 Things To Remember
✓ 배운 내용을 바로 정리하기
클론 코딩을 하면서 배운 것을 바로 정리하지 않으니까 내용이 금방 잊혀진다. 노션으로 정리하면서 강의를 들으니 내용이 정리되어 이해가 더 잘되었고 나중에 실전에 적용하기 더 용이할 것 같다.
✓ 패키지를 설치할 때, TypeScript 타입을 지원하는지 확인하기
TypeScript를 사용할 때, 패키지가 타입을 제공하지 않는 경우 에러가 발생하였다. 처음에 당황했는데 타입을 제공하는 패키지를 따로 설치하니 문제는 금방 해결되었다.
✓ 알고리즘에서 String을 다룰 땐, 정규표현식 쓰기
String을 조작해야하는 문제에서 정규표현식을 쓰니 코드가 훨씬 간결하고 거의 모든 구현이 가능할 정도로 구현할 수 있는 범위도 넓었다. 정규표현식을 적극 활용하여 차근차근 배워야겠다.
🤓 Things To Do
✓ 인스타그램 클론 프론트엔드 셋업 부분 정리하여 블로깅하기
✓ 백엔드 부분도 간략하게 정리하기
✓ 정규표현식 좀 더 알아보고 적용하기
