[ํด๋ผ์ฐ๋ฉ ์ดํ๋ฆฌ์ผ์ด์ ์์ง๋์ด๋ง TIL] 1์ผ์ฐจ - OT ๋ฐ ๊ฐ๋ฐ ํ๊ฒฝ ์ธํ
TIL์ "Today I Learned"์ ์ฝ์๋ก ์ค๋ ๋ด๊ฐ ๊ณต๋ถํ ๋ด์ฉ์ ์ ๋ฆฌํ๋ ๊ฒ์ด๋ค.
๋ฐ๋ธ์ฝ์ค ๊ต์ก์ ๋ค์ผ๋ฉฐ ๋งค์ผ ๋ฐฐ์ด ๋ด์ฉ์ ๋ธ๋ก๊ทธ์ ๊ธฐ๋กํ ์์ ์ด๋ค.
Intro..
์ค๋์ ๋ฐ๋ธ์ฝ์ค ์ฒซ ๋ ์ด๋ผ ๊ฐ๋ณ๊ฒ ์ฝ์ค ๊ด๋ จํด์ OT๋ฅผ ๋ค์๋ค.
OT๋ ์์ผ๋ก ํ์ต ๋ฐฉ๋ฒ๊ณผ ์ถ๊ฒฐ ๊ด๋ จํ ๋ด์ฉ์ด์๋ค.
OT ์ค๊ฐ์ ์ข์ ๊ฐ๋ฐ์๊ฐ ๋๋ ์์ธ์ ๋ํ ๊ฐ์ฐ๋ ๋ค์๋ค.
์ข์ ๊ฐ๋ฐ์๋..
- ๋ฌธ์ ์ ์์ ํด๊ฒฐ์ ์ ํ๋ ๊ฐ๋ฐ์ (๊ฐ๋ฐ์ == IT ๊ธฐ์ ์ ์ฌ์ฉํด์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ์ฌ๋)
- ์ดํดํ๊ธฐ ์ฌ์ด ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฐ๋ฐ์
- ํ์ ๊ณผ ์ํต์ ์ํ๋ ๊ฐ๋ฐ์
- ์ง์์ ์ผ๋ก ํ์ตํ๋ ๊ฐ๋ฐ์
- ๋์์์ด ๊ฐ์ ํ๋ ๊ฐ๋ฐ์
์ด์ฉ๋ฉด ๊ธฐ๋ณธ์ ์ธ ๋ด์ฉ์ด๋ฉด์๋ ์ ๊ฒฝ์ฐ์ง ์์ผ๋ฉด ๋์น๊ธฐ ์ฌ์ด ๋ถ๋ถ์ธ ๊ฒ ๊ฐ๋ค.
๋จธ๋ฆฟ์์ผ๋ก ์์ฃผ ๋์๊ธฐ๊ณ ์ข์ ๊ฐ๋ฐ์๊ฐ ๋ ์ ์๋๋ก ๋ ธ๋ ฅํด์ผ๊ฒ ๋ค.
์ค๋ ํ์ตํ ๋ด์ฉ
: HTML/CSS ์ ๋ฌธ๊ณผ ๊ฐ์
๋ณธ๊ฒฉ์ ์ผ๋ก HTML/CSS/JS๋ฅผ ๋ฐฐ์ฐ๊ธฐ ์์ ๊ฐ๋ฐ ํ๊ฒฝ ์ธํ ๊ฐ์๋ฅผ ๋ค์๋ค.
์์ผ๋ก ๊ฐ๋ฐ์ Visual Studio Code ์๋ํฐ๋ฅผ ํตํด ์ค์ตํ ์์ ์ด๋ค.
๋๋ ์ด๋ฏธ VSCode๋ฅผ ๊น์๊ธฐ ๋๋ฌธ์ ์ถ๊ฐ์ ์ผ๋ก ๋ค์ด๋ก๋ ๋ฐ์ ๊ฑด ์๋ค.
VSCode ์ค์น๋ ํํ์ด์ง์์ ํ๋ฉด ๋๋ค.
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
- VSCode ์ค์ ์ด๊ธฐ: Cmd + ,
ํด๋๋ฅผ ์์ฑํ๋ค ๋ณด๋ฉด ํด๋ ์์ ๋ด์ฉ์ด ์์ด์ ๋ค์๊ณผ ๊ฐ์ด ์ผ๋ ฌ๋ก ํํ๋๋ ๊ฒฝ์ฐ๊ฐ ์๋ค.
์ค์ ์ Compact Folders๊ฐ ํ์ฑํ๋์ด ์๊ธฐ ๋๋ฌธ์ ์ด๋ฐ ํ์์ด ๋ฐ์ํ๋ค.
๋ณด๊ธฐ์ ๋ถํธํ๊ธฐ ๋๋ฌธ์ ์ค์ ์์ Compact Folders ์ฒดํฌ๋ฅผ ํด์ ํด ์ฃผ๋ฉด ๋ค์๊ณผ ๊ฐ์ด ๋ณด๊ธฐ ์ข๊ฒ ํด๋๊ฐ ๋ค์ฌ์ฐ๊ธฐ ๋ ๊ฑธ ๋ณผ ์ ์๋ค.
- VSCode ํ์ฅ์ฑ ์ถ์ฒ
Material Icon Theme
ํด๋์ ์์ด์ฝ ํ ๋ง๋ฅผ ์ง์ ํด ์ฃผ๋ ํ์ฅ์ฑ
HTML, CSS, JS ๋ฑ ํ์ผ์ ๋ง๋ ์์ด์ฝ์ด ์๋์ผ๋ก ์ง์ ๋จ
Live Server
์๋ก๊ณ ์นจํ์ง ์๊ณ ์ฝ๋๊ฐ ์ค์๊ฐ์ผ๋ก ๋ฐ์๋๋ ๊ฒ์ ํ์ธํ ์ ์๋ ํ์ฅ์ฑ
Indent-rainbow
๋ค์ฌ์ฐ๊ธฐ ์์ ๋ฃ์ด์ฃผ๋ ํ์ฅ์ฑ
์ฝ๋ ๋ณด๊ธฐ๊ฐ ํธํด์ง
๋ง๋ฌด๋ฆฌ..
๋ฐ๋ธ์ฝ์ค ํ์ดํ ..!! ๋ด์ผ๋ ํ์ดํ !!
