포스트: 'Select 컴포넌트 css 커스텀을 위한 여정' 게시

D0Dam · May 9, 2024 · 26612e1 · 26612e1
1 parent 398b49f
commit 26612e1
Show file tree

Hide file tree

Showing 3 changed files with 742 additions and 3 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,7 +1,7 @@
 {
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
-  "prettier.printWidth": 120,
+  "prettier.printWidth": 100,
   "prettier.semi": true,
   "prettier.singleQuote": true,
   "prettier.tabWidth": 2,

diff --git a/blog/react/config-stylelint.mdx b/blog/react/config-stylelint.mdx
@@ -71,7 +71,11 @@ pnpm add -D postcss-styled-syntax
 :::tip
 yarn berry의 경우 postcss-styled-syntax를 설치하면 이 의존성인 postcss를 같이 설치해 달라고 하니 참고해주세요.
 
-<img src="/img/blog/config-stylelint/yarn-postcss-install.png" alt="이미지" style={{ marginBottom: '20px' }} />
+<img
+  src="/img/blog/config-stylelint/yarn-postcss-install.png"
+  alt="이미지"
+  style={{ marginBottom: '20px' }}
+/>
 
 또한 postcss를 설치하게 되면 v8 이상이 설치될 텐데, 이렇게 되면 [stylelint에서 쓰는 postcss와 설치한 postcss랑 버전이 일치하지 않아 문제](https://github.com/stylelint-scss/stylelint-config-standard-scss/issues/2)가 생깁니다.
 package.json에서 postcss를 resolution에 넣어주세요.
@@ -124,7 +128,11 @@ npm run lint:css:fix
 
 vscode에서 stylelint extension을 설치해 주세요.
 
-<img src="/img/blog/config-stylelint/vscode-stylelint-extension.png" alt="이미지" style={{ marginBottom: '20px' }} />
+<img
+  src="/img/blog/config-stylelint/vscode-stylelint-extension.png"
+  alt="이미지"
+  style={{ marginBottom: '20px' }}
+/>
 
 설치가 끝나면 프로젝트 root에 .vscode 폴더를 만든 후 settings.json 파일을 만들어 프로젝트에 적용할 vscode 세팅을 설정합니다.