prettier
-
[ESLint] React 사용을 위한 기본적인 설정하기개발/React 2022. 8. 10. 22:51
바닐라 자바스크립트 개발환경 구성에 추가적으로 더해야 할 것이 있습니다. CRA로 리액트 앱을 구성하면 eslint, prettier가 자동으로 설치되므로 따로 의존성을 추가하지 않아도 되지만 특정 버전이 필요하다면 그에 맞게 별도로 설치해줍니다. eslint는 기본적으로 jsx를 알지 못하므로 오류로 인식합니다. 이를 해결하기 위해서는 parserOptions에 ecmaFeatures.jsx 프로퍼티에 true를 설정합니다. parserOptions: { ecmaVersion: 'latest', sourceType: 'module', ecmaFeatures: { jsx: true, }, } jsx 오류는 사라졌지만 새로운 오류가 등장합니다. Map 컴포넌트를 가져와 사용했는데도 no-unused-var..
-
[VScode] 익스텐션으로 Prettier 설정하기개발/Javascript 2022. 5. 31. 14:33
1. 좌측의 Extension(확장) 탭에서 Prettier을 설치합니다 2. 기본 Formatter를 Prettier로 설정합니다 Ctrl + ,를 눌러서 설정창을 띄운 다음 '설정 검색'에서 formatter을 검색합니다. Default Formatter을 Prettier로 선택합니다. 3. 필요한 설정 값을 넣어줍니다 설정창의 좌측 확장 탭에서 Prettier로 들어가서 필요한 걸 체크해도 되고 settings.json에서 직접 타이핑해줘도 됩니다. Ctrl + P(이름으로 파일 검색)를 타이핑하면 검색창이 나오고 settings.json을 띄워 필요한 값을 입력합니다. settings.json에서는 키에 prettier. 접미사를 붙여야 합니다. 만약 .prettierrc 파일에서 설정한다면 안 ..