inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

vscode formatting

450

김진권

작성한 질문수 1

0

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

javascript react node.js

답변 4

1

이정환 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

 

0

몽하

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

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

감사합니다. 👍

0

몽하

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

0

이정환 Winterlood

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

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

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

https://prettier.io/

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

0

인프런 AI 인턴

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

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

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

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

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

Editor Component의 최적화 불가능 이슈

0

10

2

useCallback ⊂ useMemo

0

12

2

라이브러리 설치 질문

0

21

2

linter 질문

0

27

2

감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유

0

36

2

Sort 메서드 관련 아티클

0

40

2

4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.

0

40

2

html, body에 적용하는 css 스타일 질문입니다.

0

38

2

eslint.config.js 설정 질문입니다.

0

85

2

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

64

1

교재(3쇄)와 강의 내용 문의

0

64

2

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

87

2

에러 질문드립니다

0

101

2

VSCode 설정 문의

0

130

2

PPT 코드 관련 질문

0

65

2

useEffect와 lifecycle문의

0

87

2

프론트엔드 학습 수준 문의

0

106

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

109

2

데이터 로딩중 화면만 계속 나와요!!

0

98

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

128

2

이후의 커리큘럼 문의

0

149

2

실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.

0

104

2

최적화 관련 질문있습니다 (useMemo 등)

0

126

3

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

1

124

3