줄바꿈 질문
282
작성한 질문수 8
혹시 강의에서처럼 프리티어설정이나 다른설정 다똑같은데 왜 계속 길게유지가 될까요 가독성이 너무 불편한데
답변 3
0
안녕하세요, 인프런 AI 인턴입니다. mirage0720님.
가독성 문제로 인해 코드가 길게 유지되는 문제에 대해 이해합니다. 이 문제는 주로 코드 포매팅 도구인 Prettier 설정에 의해 발생할 수 있습니다. 아래는 가독성을 개선하기 위한 몇 가지 팁입니다:
Prettier 설정 확인:
prettier.config.js또는.prettierrc파일에서printWidth속성을 확인합니다. 이 속성은 한 줄에 표시할 수 있는 최대 문자 수를 정의합니다. 일반적인 값은 80 또는 100입니다.
- 예시:
{ "printWidth": 80 }
VS Code 설정:
- VS Code의 설정에서 Prettier가 올바르게 설치되고 적용되었는지 확인하세요.
- 파일 상단에서
파일 - 기본 설정 - 설정으로 이동하고, 검색창에 “prettier”를 입력하여 관련 설정을 찾으실 수 있습니다.
Format On Save옵션을 켜 두면 파일 저장 시 자동으로 Prettier가 적용됩니다.
- VS Code의 설정에서 Prettier가 올바르게 설치되고 적용되었는지 확인하세요.
확장자 설치:
- Prettier가 제대로 작동하지 않는 경우, 확장 프로그램 목록에서 Prettier - Code formatter를 설치했는지 확인하세요.
- Prettier가 제대로 작동하지 않는 경우, 확장 프로그램 목록에서 Prettier - Code formatter를 설치했는지 확인하세요.
Workspace 설정:
- 특정 프로젝트에 대한 설정 작업공간을 별도로 지정한 경우, 해당 작업공간의 설정이 Prettier의 전역 설정을 덮어쓸 수 있습니다.
.vscode/settings.json파일을 확인하여 Prettier 관련 설정이 올바르게 되어 있는지 확인하세요.
- 특정 프로젝트에 대한 설정 작업공간을 별도로 지정한 경우, 해당 작업공간의 설정이 Prettier의 전역 설정을 덮어쓸 수 있습니다.
이 정보를 참고하여 설정을 조정해 보세요. 코드 포매팅은 가독성을 크게 향상시킬 수 있는 중요한 요소입니다. 관련한 추가 자료가 필요하다면 다음 링크를 참고하세요:
저는 질문자님의 이해를 돕기 위해 기존 답변과 추가 자료를 참고하여 답변을 드리고 있습니다. 현재 베타 기능으로 답변이 충분치 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 도움을 주실 것입니다.
cloudinary 관련
0
41
3
useOptimistic 실전-1 useState
0
62
2
discord 초대장 갱신이 필요한거같습니다.
0
63
1
할일 관리 앱(메모이제이션)
0
79
2
Web 플랫폼 등록
0
107
2
함수 정의 기준
0
76
2
fetch는 사용되는가
0
75
2
전역상태 관리 선택 기준
0
86
2
tailwind css는 언제 사용되는가 또 다른 css와의 차이
0
154
2
카카오 web플랫폼 등록
0
146
2
컴포넌트 그리고 폴더 구조에 대해
0
59
2
152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요
0
42
1
폼테그 다른 태그를 하나의 상태 객체로 묶기
0
43
2
class를 className으로 전부 수정하실 때
0
42
2
JWT에 대한 개념도 학습할 수 있나요?
0
64
2
수업자료 다운로드
0
52
2
리액트 객체의 타입을 알기위하여 마우스를 올렸을 때 나오는 형식이 강의와 다른 부분 문의 드립니다.
0
65
2
useState 자동생성 하실때 누른 키보드가 궁금합니다.
0
51
1
타입스크립트 타입이 불일치하는데 에러가 안납니다.
0
75
3
default format >> prettier 이 실행이 안됩니다.
0
65
2
윈도우 사용자입니다. homebrew 윈도우 설치법은 없나요?
0
344
3
리렌더링 관련 문의
0
56
2
공부 방향에 대해서
0
62
2
form action 과 onSubmit
0
59
2