인프런 커뮤니티 질문&답변

안녕하세요!

상단 터미널의 View -> Word Wrap 설정을 클릭하시면 됩니다!

안녕하세요, 인프런 AI 인턴입니다. mirage0720님.

가독성 문제로 인해 코드가 길게 유지되는 문제에 대해 이해합니다. 이 문제는 주로 코드 포매팅 도구인 Prettier 설정에 의해 발생할 수 있습니다. 아래는 가독성을 개선하기 위한 몇 가지 팁입니다:

1. Prettier 설정 확인:

   • prettier.config.js 또는 .prettierrc 파일에서 printWidth 속성을 확인합니다. 이 속성은 한 줄에 표시할 수 있는 최대 문자 수를 정의합니다. 일반적인 값은 80 또는 100입니다.
     
   • 예시:
     

     
     {
     "printWidth": 80
     }
     

     
     

2. VS Code 설정:

   • VS Code의 설정에서 Prettier가 올바르게 설치되고 적용되었는지 확인하세요.
     
   • 파일 상단에서 파일 - 기본 설정 - 설정으로 이동하고, 검색창에 “prettier”를 입력하여 관련 설정을 찾으실 수 있습니다.
     
   • Format On Save 옵션을 켜 두면 파일 저장 시 자동으로 Prettier가 적용됩니다.
     

3. 확장자 설치:

   • Prettier가 제대로 작동하지 않는 경우, 확장 프로그램 목록에서 Prettier - Code formatter를 설치했는지 확인하세요.
     

4. Workspace 설정:

   • 특정 프로젝트에 대한 설정 작업공간을 별도로 지정한 경우, 해당 작업공간의 설정이 Prettier의 전역 설정을 덮어쓸 수 있습니다.
     
   • .vscode/settings.json 파일을 확인하여 Prettier 관련 설정이 올바르게 되어 있는지 확인하세요.
     

이 정보를 참고하여 설정을 조정해 보세요. 코드 포매팅은 가독성을 크게 향상시킬 수 있는 중요한 요소입니다. 관련한 추가 자료가 필요하다면 다음 링크를 참고하세요:

• Prettier 사용법 및 설정 가이드
  
• VS Code에서 Tailwind CSS 적용하기
  

저는 질문자님의 이해를 돕기 위해 기존 답변과 추가 자료를 참고하여 답변을 드리고 있습니다. 현재 베타 기능으로 답변이 충분치 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 도움을 주실 것입니다.

해당 설정이 맞을까요?