2021-06-27 TIL

til  · 1 min read

Facts

  • 프로그래머스 문자열 압축 문제를 풀었다.
  • 인프런 프론트엔드 개발환경의 이해와 실습 강의에서 린트(Lint) 섹션을 수강하였다.

Feelings

  • 프론트엔드 개발을 진행하면서 환경을 세팅할 때 ESLint, Prettier 패키지를 설치하고 글로벌하게 쓰이는 설정을 그대로 가져와서 사용했었는데 강의를 수강하면서 설정 파일에서 추가하는 여러 기능들에 대해서 자세히 알게 되었다. 경험해보고 난 후에 제대로 배워보니까 더 잘 이해되는 것 같다.
  • 내일부터 다시 더블유키 프로젝트에서 수정된 기획, 디자인을 반영하여 개발을 진행해야 하는데 같은 부분만 반복해서 구현하고 수정하다 보니 계속 한 자리에 머무는 것 같아서 걱정이 된다. 그래도 열심히 참여해서 많이 배워야 겠다.

Findings

  • ESLint: ECMAScript 코드에서 문제점을 검사하고 일부는 더 나은 코드로 정정해주는 린트 도구 중 하나이다. 코드에서 검사하는 항목은 포맷팅코드 품질 크게 두 가지로 분류할 수 있다.
    • 포맷팅: 일관된 코드 스타일을 유지하도록 해준다. 예를 들어, 들여쓰기 규칙이나 코드 라인의 최대 너비 규칙을 적용하여 코드의 가독성을 높여준다.
    • 코드 품질: 어플리케이션의 잠재적인 오류나 버그를 예방할 수 있다. 예를 들어, 사용하지 않는 변수 쓰지 않기, 글로벌 스코프 함부로 다루지 않기 등을 다룰 수 있다.
  • Prettier: 코드를 예쁘게 만들어 주는 도구로서, ESLint의 역할 중 포맷팅과 겹치는 부분이 있지만 프리티어는 좀 더 일관적인 스타일로 코드를 다듬어준다. 예를 들어, ESLint는 max-len 규칙을 이용하여 코드를 검사하고 한 줄에 긴 코드가 있는 지에 대한 결과만 알려준다. 하지만 프리티어는 코드의 문맥을 어느 정도 파악하고 상황에 따라 최적의 모습으로 스타일을 수정한다.

Future Action Plans

  • 인프런 강의 완강하기.

Feedback

  • 오전에 알고리즘 문제를 푸는 데에 시간을 더 투자해도 될 것 같다.