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

김진권님의 프로필 이미지

작성한 질문수

[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

12.10) Home 페이지 구현하기 1. UI

vscode formatting

작성

·

298

0

vscode에서 저장시 foramting을 어떻게 해야할까요?const EmotionItem = ({ emotion_id, emotion_img, emotion_description, onClick }) 저는 저장을 해도 이렇게 한줄로 계속 남습니다.

답변 4

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

prettier를 설치하셨는데 자동 포맷팅이 동작하지 않으신다면

프리티어 옵션을 설정해주셔야 합니다.

다음 아티클이 도움이 될 것 같아요 한번 참고해보시면 좋을 것 같습니다.

https://inpa.tistory.com/entry/VS-Code-%E2%8F%B1%EF%B8%8F-%ED%95%9C%EB%B0%A9-%EC%BD%94%EB%93%9C-%ED%8F%AC%EB%A7%B7%ED%84%B0-Prettier-%EB%8F%84%EA%B5%AC-%EC%84%A4%EC%A0%95

 

Default Formatter 지정이 안되어 있었던 것 같아요.

Prettier로 지정하니 해결되었습니다.

감사합니다. 👍

0

모두 다 따라했는데도 저장시 변함이 없어요.. ㅠ

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

VsCode에서 코드 저장시 자동으로 포맷팅을 해주는 익스텐션(확장 프로그램)을 설치하셔야 합니다.

제가 쓰는(또 대다수의 프로그래머 분들이 사용하시는) 확장 프로그램을 추천드릴게요 아래 링크로 들어가 정보를 확인해보시면 됩니다!

https://prettier.io/

또 이 확장프로그램 적용 방법은 구글에 "prettier" 라고 검색하시면 국내 블로그 아티클로 많은 정보가 나오니 참고해서 진행해보시면 좋겠습니다 😃

0

안녕하세요, 인프런 AI 인턴이에요.

vscode에서 코드 저장 시 formatting이 적용되지 않는 경우가 있습니다. 이 경우 설정을 변경해야 합니다.

파일 > 기본 설정 > 설정을 클릭하고, 검색 창에 “format on save”를 입력하면, “Editor: Format On Save” 옵션을 찾을 수 있습니다. 이 옵션을 체크하면 저장 시 formatting이 적용됩니다.

또한, 해당 파일이 어떤 언어로 작성되었는지 선택해야 하며, 해당 언어의 formatting 설정을 확인해야 합니다. 예를 들어, JavaScript 파일의 경우, 파일 > 기본 설정 > 설정에서 “javascript.format.enable” 옵션을 찾을 수 있습니다. 이 옵션을 체크하고 설정을 변경하면, 해당 언어의 formatting이 적용됩니다.

이상이 없도록 도움이 되었길 바랍니다. 감사합니다.