[Env] Prettier Configuration File 적용

💻 결과

Project
  ㄴnode_module
  ㄴsrc
  ㄴ.prettierrc

• 프로젝트 Root 폴더에서 .prettierrc 파일을 생성한다.

{
    "arrowParens": "always",
    "printWidth": 120,
    "semi": true,
    "tabWidth": 4,
    "useTabs": true
}

• JSON형식으로 필요한 Configuration을 작성한다.
  • 설정참고: https://prettier.io/docs/en/configuration

Prettier · Opinionated Code Formatter

• 프로젝트 별 Prettier 설정 완료.

 

📝 console.log(history)

회사 프로젝트를 하다 보니 이전 프로젝트와 다르게 코드가 길어지게 구현해야 할 페이지가 생겼다. 코드가 길어지다 보니 Prettier 기능을 통해 줄 바꿈이 많이 일어나서 가독성이 매우 좋지 않았다.

 

Prettier 개인 설정을 변경하면 같이 작업하시는 분들이 같은 코드를 작업할 때마다 전체가 수정될 것이기 때문에 프로젝트 자체에 적용해야 했다.

 

먼저 대리님에게 해당 이슈에 대해 말씀드리고 프로젝트에 Configuration File을 생성해 설정을 완료했다. 확실히 "printWidth" 옵션을 80에서 120으로 늘리니 코드 가독성이 좋아졌다.

 

회사에서는 eslint 기능을 사용하지 않기 때문에 추가적인 설정이 필요 없으나 만약 eslint를 활용하고 있다면 eslint와 연동하여 사용하기 위해 추가적인 설정이 필요하다.

 

다른 프로젝트할 때도 prettier 옵션에 대한 문제가 있었는데 Configuration File을 통해 해결할 수 있어서 추후 프로젝트에서도 적극 활용할 예정이다.