[TIL] 엘리스 SW 엔지니어 트랙 Day 075

📖 오늘 배운 내용 - 2022.02.11

• esLint 문제 해결
• PropTypes 적용

 

📝 esLint 문제

• 팀원 중 한 분이 eslint가 동작 안 되는 거 같다고 하셔서 확인해보니, 나를 포함해 다른 팀원분들도 동작하고 있지 않는다.
• eslint-plugin-prettier 패키지를 설치 안 해서 생긴 문제였다.

 

📕 웹팩 alias 설정으로 인한 eslint 경고 문제 해결

npm install -D eslint-import-resolver-webpack

eslint-import-resolver-webpack

"settings": {
  "import/resolver": "webpack"
}

 

📝 PropTypes 적용

[React] 리액트 PropTypes 사용하기

 

💡 오늘 깨달은 것

• 팀원 모두 eslint가 적용되지 않은 채 코드를 작성하고 있었다. 뒤늦게 발견하고 에어비앤비 lint를 적용하고 에러를 수정해 나가는데 많은 시간을 할애하였다. 처음에 확인하고 진행했어야 했는데 모두 잘 적용되고 있는 줄 알고 있었다. 이번 경험을 교훈으로 다음에는 초기 세팅을 체크하고 잘 동작되는지 확인하고 진행해야겠다.
• 에어비앤비 eslint는 너무 엄격하다. 따라서 그걸 참고해서 각자의 lint 환경을 구축하는 것이 좋다. 공통된 스타일을 맞추는 것도 중요하지만 이 규칙에 발목 잡혀서 작업 속도가 느리면 안 되니까!
• 하루 종일 오류 수정하고 끝나니까 기운이 없다 ㅠㅠ
• 기준 시는 UTC로 하는 게 좋다. 나중 국제화를 한다면은 한국시간←UTC → 태평양시 이렇게 변환을 한 번만 해줄 수 있어서 좋다.
• 새로운 기술을 도입할 때는 기회비용, 고객 관점에서의 생각 ⇒ 시간이 많고 학습하고 싶다면 새로운 기능을 도입해도 괜찮다.
• 개발에는 사소한 결정에도 이유가 있어야 된다. 이 기술을 안 쓴다면 안 쓰는 이유는? 없는 이유도 있어야 한다.
• 이러한 플젝 경험은 좋았던 경험의 근거를 쌓는 과정 중 하나이다.
• 개별로 동작하는 함수고 자주 호출된다면 util 폴더로 빼고 import 해줘서 사용해주면 좋다.

 

📌 참고

• webpack resolve.alias eslint import/no-unresolved : Front-end Build System