You Can Become A
๋ฆ๊ฒ ์์ํด๋ ๋๊ตฌ๋ ์ง ๋ ธ๋ ฅํ๋ฉด ๊ฐ๋ฐ์๊ฐ ๋ ์ ์์ด์ !
IDE
๐ฝ IntelliJ - SerialVersionUID ์๋ ์์ฑ ์ค์
SerialVersionUID ์๋ ์์ฑํ๊ธฐ ์ธํ ๋ฆฌ์ ์ด ์ค์ ์ฐฝ์ ๋์ดํ ๊ฒ์์ฐฝ์ serializable ์ ๋ ฅ ํ ๊ฒ์ ๊ฒฐ๊ณผ๊ฐ ๋ํ๋๋ฉด, ๋ค์ ๊ทธ๋ฆผ๊ณผ ๊ฐ์ด๋ชฉ๋ก ํ๋จ ๋ถ๋ถ์ JVM languages > Serializable class without 'serialVersionUID' ์ฒดํฌ ํ์ฑํ๋ฅผ ํ๊ณ ์ ์ฉํ๋ค. ๊ทธ๋ฌ๋ฉด Serializable ์ ๊ตฌํํ ํด๋์ค๋ช ์ ๋ง์ฐ์ค ์ปค์๋ฅผ ์ฌ๋ ค๋์ผ๋ฉด SerialVersionUID ์๋ ์์ฑ ๋ฒํผ์ด ๋์ค๊ฒ ๋๋ค. ์ด๋ฅผ ํด๋ฆญํ๋ฉด ์๋์ผ๋ก ๋๋ค ํด์๊ฐ์ ์๋ณ ๋ฒํธ๊ฐ ํด๋น ํด๋์ค์ ์๋์ผ๋ก ์ถ๊ฐ๋๊ฒ ๋๋ค.
๐ฝ IntelliJ - ์๋ฐ JDK ๋ฒ์ ๋ณ๊ฒฝ ๋ฐฉ๋ฒ
์ธํ ๋ฆฌ์ ์ด ์๋ฐ ๋ฒ์ ๋ณ๊ฒฝํ๊ธฐ ๋ด ์ปดํจํฐ์์ ์ถ๊ฐ๋ก ์ฌ์ฉํ ๋๋ค๋ฅธ ์๋ฐ JDK ๋ฒ์ ์ ์ค์นํ์๋ค๋ฉด, ์ธํ ๋ฆฌ์ ์ด์์๋ ๋ณ๋๋ก ์๋ฐ ๋ฒ์ ์ ๋ณ๊ฒฝ ํด ์ฃผ์ด์ผ ํ๋ค. ์๋ํ๋ฉด ์ด๊ธฐ ์ค์น๋ ์๋ฐ ๋ฒ์ ์ผ๋ก ์๋์ผ๋ก ์ด๋ฏธ ๋ฑ๋ก๋์ด ์๊ธฐ ๋๋ฌธ์ด๋ค. ์ด ํฌ์คํ ์ ์๋ฐ 1.8 ๋ฒ์ ์ ์๋ฐ 9 ๋ฒ์ ์ผ๋ก ์ ๊ทธ๋ ์ด๋ํ๋ ๋ฐฉ๋ฒ์ ๋ณด์ฌ์ฃผ๋ฉฐ, ๊ทธ ์์ ๋ฒ์ ๋ ๋๊ฐ์ด ์ ์ฉํ ์ ์๋ค. Project Structure ์ค์ 1. File โ Project Structure (Ctrl + Alt + Shift + S)๋ฅผ ๋ค์ด๊ฐ์ Project ํญ์์ SDK๋ฅผ ์ํ๋ ๋ฒ์ ์ผ๋ก ๋ฐ๊ฟ์ค๋ค. โป ์ฐธ๊ณ ๋ก ์ธํ ๋ฆฌ์ ์ด ์์ฒด์์ JDK๋ฅผ ๊ฐํธํ๊ฒ ์๋์ผ๋ก ๋ค์ด๋ฐ์ ์ ์์ผ๋ ์ฐธ๊ณ ํ์. 2. ๊ทธ ๋ค์ Modules ํญ์์ Sources ํญ์ ๋๋ฅธ ๋ค L..
๐ฝ IntelliJ - Lombok ์ค์น ๋ฐฉ๋ฒ & ์ค๋ฅ ํด๊ฒฐ
์ธํ ๋ฆฌ์ ์ด Lombok ์ค์น ๋ฐฉ๋ฒ ๋กฌ๋ณต(Lombok)์ ์๋ฐ ํด๋์ค์์ ๋ฐ๋ณต์ ์ผ๋ก ์์ฑ๋๋ getter, setter, toString, ์์ฑ์ ์ฝ๋ ๋ฑ์ ์์ค๋ค์, ์ด๋ ธํ ์ด์ (Annotation)์ ์ฌ์ฉํ์ฌ ์๋ตํ ์ ์๋๋ก ์ปดํ์ผ ์์ ์ ์๋์ผ๋ก ์์ฑํด์ฃผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. @Getter @Setter @ToString public class Store extends Common { private String companyName; // ์ํธ๋ช private String industryTypeCode; // ์ ์ข ์ฝ๋ private String businessCodeName; // ์ ํ๋ช private String industryName; // ์ ์ข ๋ช (์ข ๋ชฉ๋ช ) private String telephone..
๐ฝ IntelliJ - ์ธ๋ถ jar ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ฐ๋จ ์ถ๊ฐํ๊ธฐ
์ธํ ๋ฆฌ์ ์ด ์๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ถ๊ฐ ๋ฐฉ๋ฒ ํ์ฌ ์๋ฐ ํ๋ก์ ํธ์ ์ฐ์ผ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ธํ ๋ฆฌ์ ์ด IDE๋ฅผ ํตํด ์ถ๊ฐํ๋ ๋ฐฉ๋ฒ์ด๋ค. 1. ํ์ผ(File) โ ํ๋ก์ ํธ ๊ตฌ์กฐ(Project Structure) 2. ๋ชจ๋(Modules) โ ์๋ฐ ํ๋ก์ ํธ ํด๋ฆญ โ ์ข ์ ์์(Dependencies) โ + ๋ฒํผ ํด๋ฆญ โ JARs or directories 3. ์ถ๊ฐํ JAR ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋์คํฌ์์ ์ ํ 4. ํ์ธ ๋ฒํผ์ ๋๋ฌ ์ ์ฉ ์๋ฃ
๐ฝ IntelliJ - JVM ํ ๋ฉ๋ชจ๋ฆฌ ์ฌ์ด์ฆ ๋ณ๊ฒฝํ๊ธฐ
์ธํ ๋ฆฌ์ ์ด ๋ฉ๋ชจ๋ฆฌ ์ฌ์ด์ฆ ๋ณ๊ฒฝํ๊ธฐ ์๋ฐ ํ๋ก๊ทธ๋จ ์ฑ๋ฅ ํ ์คํธ๋ฅผ ํ ๋๋ ์๋๋ฉด ์คํ์ ์ฌ๋ฆฌ๊ณ ์ถ์๋ ๊ฐ๋ ํ ๋ฉ๋ชจ๋ฆฌ๋ฅผ ๋ณ๊ฒฝํด์ผ ํ ๊ฒฝ์ฐ๊ฐ ์๊ธด๋ค. ์ธํ ๋ฆฌ์ ์ด์์๋ ์ ๋ง ๊ฐ๋จํ๊ฒ ๋ฉ๋ชจ๋ฆฌ ์ค์ ์ ํ ์ ์์ผ๋ฉฐ, ์ด์ธ์๋ JVM ์ต์ ๋ค์ ํ๊บผ๋ฒ์ ์ฒ๋ฆฌํด์ฃผ๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ค. ์ธํ ๋ฆฌ์ ์ด ์ ์ญ ๋ฉ๋ชจ๋ฆฌ ์ค์ 1. Help > Change Memory Settings ๋ฉ๋ด ํด๋ฆญ 2. Maximum Heap Size์ ์ฌ์ด์ฆ ๊ฐ์ ๋ณ๊ฒฝ ์ด๋ ๋ฐ๋์ Save and Restart๋ฅผ ํด์ฃผ์ด์ผ ๋ณ๊ฒฝ ์ฌํญ์ด ์ ์ฉ์ด ๋๋ค. 3. ์ธํ ๋ฆฌ์ ์ด ํ๋จ ํ์์ค์ ์ฐํด๋ฆญ ํ์ฌ Memory Indecator ์ฒดํฌํ๋ค. 4. ๊ทธ๋ฌ๋ฉด ํ๋จ ํ์์ค ๋งจ ์ฐ์ธก์ ์ฌ์ฉ ๋ฉ๋ชจ๋ฆฌ์์ด ํ์๋๋ค. ํ๋ก์ ํธ ๊ฐ๋ณ ๋ฉ๋ชจ๋ฆฌ ์ค์ ๋ง์ผ ์ธํ ๋ฆฌ์ ์ด ์ ์ญ ๋ฉ๋ชจ๋ฆฌ๊ฐ ์๋..
๐ฝ IntelliJ - Class Diagram & Sequence Diagram ๊ทธ๋ฆฌ๋๋ฒ
ํด๋์ค ๋ค์ด์ด๊ทธ๋จ ๊ทธ๋ฆฌ๊ธฐ ์ค๊ณ ๋ณด๊ณ ์๋ฅผ ์์ฑํ๊ฑฐ๋ ํด๋์ค ๊ตฌ์กฐ๋ฅผ ์ ์ฒด ๊ทธ๋ฆผ์ผ๋ก ํ์ธํด์ผํ ๋ UML ํด๋์ค ๋ค์ด์ด๊ทธ๋จ์ ๊ทธ๋ฆด ์ผ์ด ์์ ๊ฒ์ด๋ค.์ธํ ๋ฆฌ์ ์ด์์๋ ์์ค ํ์ผ๋ง ์๋ค๋ฉด ์๋์ผ๋ก ํด๋์ค ๋ค์ด์ด๊ทธ๋จ์ ๊ทธ๋ ค์ฃผ๋ ๊ธฐ๋ฅ์ด ๋ด์ฅ ๋์ด ์๋ค. ๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ์ ์๋ ๋งํฌ์์ ์ตํ์ ์๋ค. UML class diagrams | IntelliJ IDEA www.jetbrains.com ํด๋์ค ๋ค์ด์ด๊ทธ๋จ ์์ฑํ๋ ๋ฐฉ๋ฒ์, ํด๋์ค ํ์ผ๋ค์ ์ ํํ๊ณ โ ์ค๋ฅธ์ชฝ ๋ง์ฐ์ค ํด๋ฆญ โ Diagrams โ Show Diagram์ ์ ํํ๋ฉด ๋๋ค. ๊ผญ ํด๋์คํ์ผ์ ์ ํํ ํ์์๊ณ ํจํค์ง ์ฑ๋ก๋ ๊ฐ๋ฅํ๋ค. UML ๋ค์ด์ด๊ทธ๋จ ๋ฉ๋ด ์ฌ์ฉ๋ฒ ํด๋์ค ๋ค์ด์ด๊ทธ๋จ์ ์์ฑํ์์ง๋ง ํด๋์ค๋ช ๋ง ๋ธ๋ ์๊ณ ๋๋ฌด ํจ์ถ๋์ด ์๋ค. ์๋จ์ UML ๋ค์ด์ด๊ทธ..
๐ฝ IntelliJ - ํ๋ฌ๊ทธ์ธ & ์๋ํฐ ์ค์ ๋๊ธฐํ ๋ฐฉ๋ฒ
์ธํ ๋ฆฌ์ ์ด ์ธํ ๋๊ธฐํ(Sync) ๋ง์ผ ๋ค๋ฅธ ์ปดํจํฐ์์ ์ธํ ๋ฆฌ์ ์ด๋ก ๊ฐ๋ฐ์ ์งํํด์ผ ํ ๋ ๋ด ์ปดํจํฐ์์์ ์ธํ ๋ฆฌ์ ์ด ์ธํ ๊ณผ ํ๋ฌ๊ทธ์ธ ๊ตฌ์ฑ์ ๊ทธ๋๋ก ๋ค๊ณ ์ค๊ณ ์ถ์ ๊ฒฝ์ฐ๊ฐ ์์ ๊ฒ์ด๋ค. ํ๋ฌ๊ทธ์ธ ์ธํ ์ zip์ผ๋ก ๋ง๋ค์ด ํ์ผ ํํ๋ก ๋ด๋ณด๋ธ๋ค ๋ถ๋ฌ์ค๋ ์์ผ๋ก, ๋ก์ปฌ๋ก ์ฐ๋์ด ๊ฐ๋ฅํ์ง๋ง ๋งค๋ฒ ์๋ก์ด ์ธํ ์ ๋ณ๊ฒฝํด์ค ๋๋ง๋ค ๋ฐฑ์ ํด์ฃผ์ด์ผ ํ๋ค๋ ๋ถํธํจ์ด ์กด์ฌํ๋ค. ๋ฐ๋ผ์ ์ธํ ๋ฆฌ์ ์ด์์๋ ํด๋ผ์ฐ๋๋ก ์ธํ ์ ๋๊ธฐํ ์ํค๊ฒ ํด์ฃผ๋ ๊ธฐ๋ฅ์ ์ ๊ณตํด์ค๋ค. ์ด ํฌ์คํ ์์๋ JetBrains ๊ณ์ ๊ณผ Github ๊ณ์ ์ ์ธํ ๋๊ธฐํ ํ๋ ๋๊ฐ์ง ๊ณผ์ ์ ์๊ฐํด ๋ณผ ์์ ์ด๋ค. JetBrains ๊ณ์ ์ผ๋ก ๋๊ธฐํ ๊ฐ์ฅ ์ง๊ด์ ์ธ ์ค์ ๋ฒ์ jetbrains ๊ณ์ ์ ๋ด ์ธํ ๋ฆฌ์ ์ด๋ฅผ ์ฐ๋์์ผ ๋๊ธฐํ ํ๋ ๋ฐฉ๋ฒ์ด๋ค. ์ธํ ๋ฆฌ์ ์ด IDE์์ ์ฐ๋ํ..
๐ฝ ์ธํ ๋ฆฌ์ ์ด ์ค์น + ๋ฌด๋ฃ ํ์ ๋ผ์ด์ผ์ค ๋ฑ๋ก
์ธํ ๋ฆฌ์ ์ด ์ค์นํ๊ธฐ ์ธํ ๋ฆฌ์ ์ด๋ JetBrains ํ์ฌ์์ ๊ฐ๋ฐํ ํตํฉ ๊ฐ๋ฐ ํ๊ฒฝ(IDE) ์๋ํฐ ์ด๋ค. ๋ํ์ ์ธ ์๋ฐ(Java) ํตํฉ ๊ฐ๋ฐ ํ๊ฒฝ ์ค ํ๋์ธ ์ดํด๋ฆฝ์ค๋ณด๋ค ์ฌ๋ฌ ๋ฉด์์ ๋ฐ์ด๋๋ค๊ณ ํ๊ฐ๋๋ฉฐ, ํธ๋ฆฌํ ์ฝ๋ ์๋์์ฑ, ๋ฆฌํฉํ ๋ง ๊ธฐ๋ฅ์ ๊ฐ์ง๊ณ ์๋ค. ์์ฆ์๋ ๊ฐ๋ฐ์ ํ๋๋ฐ ์์ด ์ฌ๋ฌ๊ฐ์ง์ ๋ฐ์ด๋ IDE๋ค์ด ๋ง์ด ๋ฐ๋ช ๋์์ง๋ง, ์๋ฐ(Java) ํ๋ก๊ทธ๋จ์ ๊ฐ๋ฐํ๋๋ฐ ์์ด์๋ ์ธํ ๋ฆฌ์ ์ด๊ฐ ์ํ์ด๋ผ๊ณ ๋งํ ์ ๋๋ก ์๋ฐ ์ํ๊ณ์์ ์๋์ ์ธ ์ ์ ์จ์ ์ง๋๊ณ ์๋ค. ํด ์์ฒด๋ Java์ Swing์ ์ด์ฉํด์ ์ ์๋์๊ณ , ํ๋ฌ๊ทธ์ธ ๊ฐ๋ฐ์ ์ฌ์ฉ๋๋ ์ธ์ด ์ญ์ ์๋ฐ(Java) ์ด๋ค. (์๋ฐ๋ฅผ ์ํด ์๋ฐ๋ก ๋ง๋ค์ด์ง ํ๋ก๊ทธ๋จ) Download IntelliJ IDEA: The Capable & Ergonomic Ja..
๐ฝ TypeScript ์ฝ๋ฉํ๋๋ฐ ์ ์ฉํ VSCode ํ์ฅํฉ ์ถ์ฒ
ํ์ ์คํฌ๋ฆฝํธ ํ์ฅํฉ ๋ชจ์ ์ด๋ฒ ํฌ์คํ ์์๋ VSCode์์ Typescript๋ฅผ ์ฝ๋ฉํ๋๋ฐ ์์ด ํธ๋ฆฌํ๋ฉฐ ๊ฐ๋ ์ฑ์ด ์ข๊ฒ ์ฌ์ฉํ ์ ์๋ ํ์ฅํฉ์ ์ฌ๋ฌ๋ถ๋ค๊ป ์๊ฐํด ๋ณธ๋ค. ์๋ ์๊ฐํ๋ ์ต์คํ ์ ๋ค์ ํ์๊ฐ ์ง์ ์ค์นํด์ ์ฌ์ฉํด๋ณธ ๊ฒฐ๊ณผ ๋ง์กฑ์ค๋ฌ์์ ์๊ฐํ๋ ๊ฒ์ด๋ ๊ฒ์ฆ๋ ๊ฒ์ด๋ผ๊ณ ๋ด๋ ๋๋ค. ์๋ฌด๋๋ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ๊ฐ๋ฐํ ๋ณธ๊ณ ์ฅ(๋ง์ดํฌ๋ก ์ํํธ)์ด ๋ฐ์ด์ฃผ๋ ์๋ํฐ ์ด๊ธฐ ๋๋ฌธ์, ์ ๋งํ ์ ๋ฃ IDE๋ณด๋ค ํจ์ฌ ํธํ๊ณ ๊ธฐ๋ฅ์ด ๋ ๋ง๋ค. ๋ง์ผ ๋ ์ข์ ์ต์คํ ์ ์ ๋ฐ๊ฒฌํ๊ฒ ๋๋ค๋ฉด ์ง์์ ์ผ๋ก ํฌ์คํ ์ ์ ๋ฐ์ดํธ ํ๋ ๋ฐฉํฅ์ผ๋ก ํ ๊ณํ์ด๋ค. Code Runner + ts-node C/Java ์ ๊ฐ์ด ํ์ ์คํฌ๋ฆฝํธ ํ์ผ์ ๋ฐ๋ก ์ปดํ์ผํ์ฌ ์คํ ๊ฒฐ๊ณผ๋ฅผ ์ป์์ ์๋ค. ๋ฐ๋ก ์๋ฐ์คํฌ๋ฆฝํธ ๋ณํ(์ปดํ์ผ) ํ์๊ฐ ์์ด, ๊ณง๋ฐ๋ก ํ์ ์คํฌ..
๐ฝ ์ ์ฉํ VSCode ๋จ์ถํค ๋ชจ์ - ๊ฐ๋ฐ์ ๋๊ตฌ๋ณด๋ค ๋น ๋ฅด๊ฒ
VSCode ์ ์ฉํ ๋จ์ถํค ๋ชจ์ ๊ฐ๋ฐ(์ฝ๋ฉ) ํ๋๋ฐ ์์ด ์ ๋นํ ํ์ดํํ๋ฉด ๋์ง ๊ตณ์ด ๋จ์ถํค(shortcut)๋ฅผ ์ตํ์ผ ํ๋ ์ถ๊ฒ ์ง๋ง, ๋จ์ถํค๋ฅผ ์๋ ๋ชจ๋ฅด๋ ์ ๋ฌด์ ๋ฐ๋ผ ๊ฐ๋ฐ ์์ฐ์ฑ ์ฐจ์ด๊ฐ ์ด๋ง์ด๋ง ํด์ง๋ค. ์ฌ์ง์ด ๋ถํธ์บ ํ ๊ฐ์ ํ์์์๋ ๊ฐ์ฌ๋ค์ด ์ฝ๋ฉ์ด์ ๊ณผ ๋๋ถ์ด ๊ฐ์กฐํ๋๊ฒ์ด ๋ฐ๋ก ์๋ํฐ ๋จ์ถํค ํ์ฉ์ด๋ค. ๋ํ ์ธํ๋ฐ ๊ฐ์ ์ฝ๋ฉ ์ธ๊ฐ ์ฌ์ดํธ์์๋ ๋ฐ๋ก ๋จ์ถํค ๊ฐ์ข๊ฐ ์์ ์ ๋์ด๋ค. ์ด์ฒ๋ผ ์ฝ๋ฉํ๋๋ฐ ์์ด ์๋ํฐ์ ๋จ์ถ ๊ธฐ๋ฅ๋ค์ ํ์ฉํ๋ ๊ฒ์ ์๊ฐ๋ณด๋ค ๊ต์ฅํ ์ค์ํ๋ค. ์ด๋ฒ ์๊ฐ์๋ ์ ์ธ๊ณ์์ ๊ฐ์ฅ ์ธ๊ธฐ์๋ VSCode์ ์ ์ฉํ ๋จ์ถํค ๊ธฐ๋ฅ๋ค์ ๋ชจ์ ์ถ๋ ค๋ณด๋ ํ์ต์ ํด๋ณด์. ๋จ์ถํค - Visual Studio Code tutorial ๋จ์ถํค ํ์ผ > ๊ธฐ๋ณธ ์ค์ > ๋ฐ๋ก๊ฐ๊ธฐ ํค ์์ ํ์ฌ ํ์ฑํ๋ ํค๋ณด๋ ..
๐ฝ VSCode Remote SSH ์ฌ์ฉ๋ฒ (+ AWS์ ์ ์)
VSCode - Remote SSH ๊ฐ์๋จธ์ ํน์ ์ธ๋ถ ์ปดํจํฐ์ ๋ฆฌ๋ ์ค์ ์ ์ํด์ ํ์ผ์ด๋ ์์ค๋ฅผ ์์ ํ ์ผ์ด ์๋ค๊ณ ํ์. ๋ณดํต์ด๋ผ๋ฉด putty ๊ฐ์ ssh ํด๋ก ์ ์ํด์ vim ์๋ํฐ๋ฅผ ์ด์ฉํด์ ์์ ํ ๊ฒ์ด๋ค. ...ํ์ง๋ง ๋ถํธํ๋ค. SSH ๋ ๋ฌด์์ธ๊ฐ? SSH๋ Secure Shell์ ์ฝ์๋ก ์๊ฒฉ ์ ์์ ์ด์ฉํ์ฌ ํฐ๋ฏธ๋ ํ๊ฒฝ์ ์ฌ์ฉํ ์ ์๋๋ก ๊ณ ์๋ ์ธํฐ๋ท ํ๋กํ ์ฝ์ด๋ค. SHELL๋ก ์๊ฒฉ ์ ์์ ํ๋ ๊ฒ์ด๋ฏ๋ก ๊ธฐ๋ณธ์ ์ผ๋ก CLI์์์ ์์ ์ ํ๊ฒ ๋๊ณ , ๊ธฐ๋ณธ ํฌํธ๋ 22๋ฒ์ด๋ค. ์์ฃผ ์ฌ์ฉ๋๋ SSH์ ์ ํ๋ก๊ทธ๋จ์ผ๋ก๋ Xshell, PuTTY, MobaXterm ๋ฑ์ด ์๋ค. vim ์๋ํฐ๊ฐ ํ์ก๋ค๊ธฐ ๋ณด๋ค๋ ์น์ํ์ง์๊ณ , ์น์ํ์ง ์์ผ๋ 1์ด๋ง์ ์์ ํ ๊ฑฐ 5์ด ๊ฑธ๋ฆฌ๊ณ ๊ทธ๋ฐ๋ค. ๋ฟ๋ง ์๋๋ผ ์ธํ ๋ฆฌ์ผ์ค๊ฐ..
๐ฝ SCSS ์ฝ๋ฉํ๋๋ฐ ์ ์ฉํ VSCode ํ์ฅํฉ
SCSS ํ์ฅํฉ ๋ชจ์ ์ด๋ฒ ํฌ์คํ ์์๋ VSCode์์ css ์ ์ฒ๋ฆฌ๊ธฐ์ธ SCSS ์ฝ๋ฉํ๋๋ฐ ์์ด ํธ๋ฆฌํ๋ฉฐ ๊ฐ๋ ์ฑ์ด ์ข๊ฒ ์ฌ์ฉํ ์ ์๋ ํ์ฅํฉ์ ์ฌ๋ฌ๋ถ๋ค๊ป ์๊ฐํด ๋ณธ๋ค. ์๋ ์๊ฐํ๋ ์ต์คํ ์ ๋ค์ ํ์๊ฐ ์ง์ ์ค์นํด์ ์ฌ์ฉํด๋ณธ ๊ฒฐ๊ณผ ๋ง์กฑ์ค๋ฌ์์ ์๊ฐํ๋ ๊ฒ์ด๋ ๊ฒ์ฆ๋ ๊ฒ์ด๋ผ๊ณ ๋ด๋ ๋๋ค. ๋ํ ๋ง์ผ ๋ ์ข์ ์ต์คํ ์ ์ ๋ฐ๊ฒฌํ๊ฒ ๋๋ค๋ฉด ์ง์์ ์ผ๋ก ํฌ์คํ ์ ์ ๋ฐ์ดํธ ํ๋ ๋ฐฉํฅ์ผ๋ก ํ ๊ณํ์ด๋ค. Live Sass Compiler ์๋๋ผ๋ฉด ๋ ธ๋ ํฐ๋ฏธ๋์์ ์ปค๋งจ๋๋ฅผ ํตํด scss๋ฅผ css๋ก ์ปดํ์ผ ํด์ฃผ์ง๋ง, ์ด ์ต์คํ ์ ์ ์ฌ์ฉํ๋ฉด ์ ์ฅ๋ง ํ๋ฉด ์์์ cssํ์ผ๋ก ์ปดํ์ผ ํด์ค๋ค. Live Sass Compiler - Visual Studio Marketplace Extension for Visual Studio C..