๋ฐ์ํ vscode2 VScode - React styled-components ์์ฑ ์์์ ๊ตฌ๋ถํ์(extenstion - vscode-styled-componenets) ๊ธฐ๋ณธ์ ์ผ๋ก React๋ฅผ ์คํํ๊ณ ์คํ์ผ๋ง์ ์ํด styled-components๋ฅผ ์ฌ์ฉํ ๊ฒฝ์ฐ ์คํ์ผ์ property์ value์ ์์์ด ๊ตฌ๋ถ์ด ๋์ง ์์ต๋๋ค. ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด vscode์ ํ์ฅ์๋ฅผ ์ค์นํฉ๋๋ค. 1. extension์์ vscode-styled-components๋ฅผ ๊ฒ์ํ์ฌ ์ค์นํฉ๋๋ค. 2. ๋ 3. ์ฒ๋ค๋ณด์ธ์. ๊ด์ฐฐํ์ธ์. vscode-styled-components ์ค์น ์ vscode-styled-components ์ค์น ํ 2021. 8. 7. VScode - ์ฝ๋๋ฅผ ์์๊ฒ ๋ง๋ค์ (extension - Prettier, bracket pair colorizer2 ) ์ฝ๋๋ฅผ ์ ๋ ฅํ๋ค ๋ง์ฃผ์น๋ ๋ค์ํ ๊ดํธ๋๋ค ({}, (), ) ํ๋ ๋๊ฐ ๋นผ๋จน์ผ๋ฉด ์ฝ๋๋ ๋์๊ฐ์ง๋ ์๊ณ ๊ฐ๋ ์ด๋ค ์๋ฌ์ธ์ง ์ ํํ๊ฒ ์๋ ค์ฃผ์ง ์์ ๋ ์ฐ๋ฆฌ๋ ๊น์ ๋นก์นจ์ ์ป์ ๊ฒ์ ๋๋ค. ๊ดํธ ํ๋ ๋นผ๋จน์ด์ ์ฝ๋ ์๋ค์ด๊ฐ์ ๋ฌธ์ ํ๋ฆฐ๊ฑฐ ์๊ฐํ๋ ๊ฐ์๊ธฐ ๋ ๋นก์น๊ธด ํ์ง๋ง ๊ทธ๋์ ์ฐ๋ฆฌ๋ ์ด๋ฐ ์ฝ๋๋ฅผ๊ฐ vscode์์ ๋์ฑ ์์๊ณ ์๋ฆ๋ต์ ๋ง๋ค์ด ์ด๋ฐ ํผ๋์ ํผํ ์ ์์ต๋๋ค. ์ฒซ ๋ฒ์งธ extension ๋ด ์ฝ๋์ ๊ดํธ๋ฅผ ํ ๋์ ์์๊ฒ ๋ง๋ค์ด๋ณด์ 1 . Prettier ๊ฐ๋ฆฌํฐ์ด! extension ์ด๋ฆ์์๋ถํฐ ํ๊ธฐ๋ ์์จ์์จ์ด ์ค์น ๋ฐฉ๋ฒ 1. extesion์์ prettier๋ฅผ ๊ฒ์ํ๊ณ ์ ํํ๋ค install ํด๋ฆญ 2. settings ๋๋ cmd+, ๋ฅผ ํตํด settings์ผ๋ก ์ด๋ 3. search se.. 2021. 8. 4. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ