Day 26 - 2022.01.10

Note

메인 프로젝트에 들어가기 전에 미니프로젝트를 하기로 정했다.

1기와 2기의 조언을 받아 스프린트 회고를 작성하기로 했다.

프론트엔드는 기술의 변화가 빠르다는 말을 듣기만 했었는데 오늘 경험할 수 있었다.
리액트 강의를 보며 따라 만들고 있었는데 강의에서 react-router 공식문서를 보며 설치를 해서 나도 공식문서를 통해 npm install을 했다. 나는 공식문서에서 npm install react-router-dom@6 라고 써있었기 때문에 그렇게 설치를 하고 강의를 이어서 보는데 강의에서는 생기지 않는 오류가 발생했다.
도대체 무슨 일일까 생각하며 구글링과 공식문서를 살펴봤는데 react-router-dom의 최신버전에서는 사용방법이 달라졌다고 한다. 최신 사용방법으로 해보고자 멘토님과 프론트팀 팀장님에게 도움을 받았지만 아직 개념이 잡히지 않은 상태에서 강의와 다른 내용의 코드를 작성하는 것은 무리가 있을 것으로 판단이 되어 설치했던 react-router-dom의 버전을 다운그레이드하기로 했다.
방법은 다음과 같다.
package.json에서 react-router-dom의 버전이 작성된 곳에서 예전 버전을 작성한 후 터미널에서 npm install을 한다.
이렇게 하면 package.json에 작성한 버전으로 사용할 수 있다.

// package.json

"react-router-dom": "^5.3.0",

react-router-dom을 예전 버전으로 설치했기 때문에 이제 강의 내용을 그대로 따라할 수 있다.
react-router-dom 최신버전에서 바뀐 내용을 알고 싶다면 아래 링크를 참고하면 좋을 것 같다.
[React] react-router-dom v6 업그레이드 되면서 달라진 것들

 

[React] react-router-dom v6 업그레이드 되면서 달라진 것들

 

저번주 금요일 과제였던 프로그래머스 1단계 - 키패드 누르기를 드디어 풀었다.
완전 하드코딩이라 내일 리뷰 받고 리팩터링을 해야 하지만 그래도 정답을 맞췄다는 점에서 너무너무 뿌듯하다!!!
그래 이렇게 하나씩 해보자!!!

 

---

TIL

설치한 packge의 버전을 다르게 다시 설치하고 싶다면 package.json에서 원하는 버전으로 수정한 후 터미널에서 npm install을 한다.