10.12 화 - lib version up 삽질기

 

입사 후 10.12까지 했던 일

• npm libs version upgrade
• Typescript install
• ESLint install & apply 
• README.md 생성

 

 

Project Version upgrade 하면서 배웠던 것 + 삽질

• Libs를 일괄 update하면 debugging하기 매우 어려울 수 있다
  • history lib은 react-router-dom과 version이 pair로 관리되어야 했음
    • 하지만 무조건 최신 버젼으로 올리다보니 bug가 발생했을 때 debugging이 매우 어려웠음

⇒ Lesson Learned

1. lib은 최상위 lib부터 순서대로 update 해가며 project에 version up에 따른 bug는 없는지 확인해가며 update하자

2. version 많이 뛴 libs들은 하나씩 update 해가자. 그리고 document 꼼꼼히 읽으면서 어떤 변화가 있는지 반드시 확인하기!

 

 

 

NPM 관련 명령어

npm outdated # 만료된 의존 라이브러리들 확인

npm install --force # 설치하려는 Lib과 의존관계에 있는 lib들을 함께 설치
npm install --legacy-peer-deps # 의존관계를 무시하고 우선 해당 Lib 설치

 

 

CRA에 ESLint & TS 적용

• CRA에서 ESLint 적용하니, lint 에러가 있으면 그냥 compile 자체를 막아버렸음
  • 해결 → https://velog.io/@warmwhiten/eslint%EA%B0%80-failed-to-compile%EC%9D%84-%EB%BF%9C%EB%8A%94%EB%8B%A4%EB%A9%B4

eslint가 failed to compile을 뿜는다면....

• TS config에 대한 이해 필요하다 느낌
• ESLint 설정에 대한 이해도 물론!

 

 

README.md 생성

• 현재 front team에 front를 전문적으로 하신 분이 없으셔서, eslint & ts를 처음 접하는 분딜이 계심
• 위에 대한 설명을 기록으로 남기고자 README.md를 생성함
• 개발자는 문서로 말한다

 

 

참고

https://velog.io/@yonyas/Fix-the-upstream-dependency-conflict-installing-NPM-packages-%EC%97%90%EB%9F%AC-%ED%95%B4%EA%B2%B0%EA%B8%B0

npm install `--force` and `--legacy-peer-deps` 차이점