## 1.
## 2. ์๋ํ๋ ์ค ๊ธ (HTML)
“`html
๐ ๋๋ง์ ์น ๊ฐ๋ฐ ๊ฟ์ ํผ์ณ๋ผ! ์๋ฐ์คํฌ๋ฆฝํธ ๋ฌ๋์ค์ฟจ ์ฒซ๊ฑธ์ ๊ฐ์ด๋
๋ชฉ์ฐจ
- ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ฐฐ์์ผ ํ ๊น์?
- ์๋ฐ์คํฌ๋ฆฝํธ ๋ฌ๋์ค์ฟจ: ์ค๋น๋ฌผ๊ณผ ํ๊ฒฝ ์ค์
- ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ๋ณธ ๋ฌธ๋ฒ ๋ง์คํฐํ๊ธฐ
- ์ค์ ํ๋ก์ ํธ: ๊ฐ๋จํ ์น ํ์ด์ง ๋ง๋ค๊ธฐ
- ๋ ๋์๊ฐ๊ธฐ: ์๋ฐ์คํฌ๋ฆฝํธ ์ฌํ ํ์ต
์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ฐฐ์์ผ ํ ๊น์?
์น ๊ฐ๋ฐ ๋ถ์ผ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ ํ์์ ์ธ ์ธ์ด์ ๋๋ค. ์ธํฐ๋ํฐ๋ธํ ์น์ฌ์ดํธ, ์น ์ ํ๋ฆฌ์ผ์ด์ , ๋ชจ๋ฐ์ผ ์ฑ ๊ฐ๋ฐ ๋ฑ ๋ค์ํ ๋ถ์ผ์์ ํ์ฉ๋๋ฉฐ, ๋์์์ด ๋ฐ์ ํ๊ณ ์๋ ์๋๊ฐ ์๋ ์ธ์ด์ ๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ฐฐ์ฐ๋ฉด ๋ค์๊ณผ ๊ฐ์ ์ฅ์ ์ด ์์ต๋๋ค:
- ๋์ ์์์ ๋ฐ์ด๋ ์ทจ์ ๋ฅ : ์น ๊ฐ๋ฐ ์์ฅ์์ ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ๋ฐ์์ ์์๋ ๋งค์ฐ ๋์ต๋๋ค.
- ๋ค์ํ ๋ถ์ผ์ ํ์ฉ: ์น์ฌ์ดํธ, ์น ์ ํ๋ฆฌ์ผ์ด์ , ๊ฒ์, ๋ชจ๋ฐ์ผ ์ฑ ๋ฑ ๋ค์ํ ๋ถ์ผ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
- ๋์์๋ ์ฑ์ฅ๊ณผ ๋ฐ์ : ์๋ก์ด ํ๋ ์์ํฌ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๊พธ์คํ ๋ฑ์ฅํ์ฌ ํ์ต์ ์ฌ๋ฏธ์ ์ฑ์ฅ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค.
- ํ๋ถํ ์ปค๋ฎค๋ํฐ์ ์๋ฃ: ๋ง์ ๊ฐ๋ฐ์๋ค์ด ํ๋ํ๋ ์ปค๋ฎค๋ํฐ์ ํ๋ถํ ํ์ต ์๋ฃ๋ค์ด ์กด์ฌํฉ๋๋ค.
์๋ฐ์คํฌ๋ฆฝํธ ๋ฌ๋์ค์ฟจ: ์ค๋น๋ฌผ๊ณผ ํ๊ฒฝ ์ค์
์๋ฐ์คํฌ๋ฆฝํธ ํ์ต์ ์์ํ๊ธฐ ์ ์ ํ์ํ ์ค๋น๋ฌผ๊ณผ ํ๊ฒฝ ์ค์ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ด ์๋ค. ๋คํํ๋ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ต์ ๋ค๋ฅธ ์ธ์ด์ ๋นํด ์ง์ ์ฅ๋ฒฝ์ด ๋ฎ์ต๋๋ค.
- ํ ์คํธ ์๋ํฐ: Visual Studio Code, Sublime Text, Atom ๋ฑ ๋ฌด๋ฃ๋ก ์ฌ์ฉ ๊ฐ๋ฅํ ํ ์คํธ ์๋ํฐ๋ฅผ ์ ํํ์ธ์. (VS Code ์ถ์ฒ!)
- ์น ๋ธ๋ผ์ฐ์ : Chrome, Firefox, Safari ๋ฑ ์ด๋ค ๋ธ๋ผ์ฐ์ ๋ฅผ ์ฌ์ฉํด๋ ๋ฌด๋ฐฉํฉ๋๋ค.
- ๊ธฐ๋ณธ์ ์ธ ์ปดํจํฐ ์ฌ์ฉ ๋ฅ๋ ฅ: ํด๋ ์์ฑ ๋ฐ ํ์ผ ์ ์ฅ ๋ฑ ๊ธฐ๋ณธ์ ์ธ ์ปดํจํฐ ์ฌ์ฉ ๋ฅ๋ ฅ์ด ํ์ํฉ๋๋ค.
ํ๊ฒฝ ์ค์ ์ ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค. ํ ์คํธ ์๋ํฐ๋ฅผ ์ค์นํ๊ณ , ์๋ก์ด ํ์ผ์ ์์ฑํ์ฌ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์์ฑํ๋ฉด ๋ฉ๋๋ค. ์์ฑํ ์ฝ๋๋ ์น ๋ธ๋ผ์ฐ์ ์์ ์คํํ ์ ์์ต๋๋ค.
์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ๋ณธ ๋ฌธ๋ฒ ๋ง์คํฐํ๊ธฐ
์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ๋ณธ ๋ฌธ๋ฒ์ ๋ณ์, ๋ฐ์ดํฐ ํ์ , ์ฐ์ฐ์, ์ ์ด๋ฌธ, ํจ์ ๋ฑ์ผ๋ก ๊ตฌ์ฑ๋ฉ๋๋ค. ์ด ๋ถ๋ถ์ ํ์คํ ์ดํดํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ๋ค์ํ ์จ๋ผ์ธ ๊ฐ์๋ ํํ ๋ฆฌ์ผ์ ํ์ฉํ์ฌ ๊ธฐ๋ณธ ๋ฌธ๋ฒ์ ์ตํ๋ ๊ฒ์ ์ถ์ฒํฉ๋๋ค.
์์ ์ฝ๋:
let message = "Hello, world!";
console.log(message);
์ค์ ํ๋ก์ ํธ: ๊ฐ๋จํ ์น ํ์ด์ง ๋ง๋ค๊ธฐ
๊ธฐ๋ณธ ๋ฌธ๋ฒ์ ์ตํ๋ค๋ฉด, ๊ฐ๋จํ ์น ํ์ด์ง๋ฅผ ๋ง๋ค์ด ๋ณด์ธ์. ์๋ฅผ ๋ค์ด, ์ฌ์ฉ์์ ์ด๋ฆ์ ์ ๋ ฅ๋ฐ์ ์ธ์ฌ๋ง์ ์ถ๋ ฅํ๋ ์น ํ์ด์ง๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ์ค์ ๋ก ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๊ณ , ์์ ๊ฐ์ ํค์ธ ์ ์์ต๋๋ค.
ํ๋ก์ ํธ ์งํ ์์ ์ ๋ง์ถฐ ์์ธํ ๊ฐ์ด๋๋ฅผ ์ ๊ณตํ ์ ์์ต๋๋ค.
๋ ๋์๊ฐ๊ธฐ: ์๋ฐ์คํฌ๋ฆฝํธ ์ฌํ ํ์ต
์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ๋ณธ๊ธฐ๋ฅผ ์ตํ๋ค๋ฉด, ๋ค์ ๋จ๊ณ๋ก ๋์ด๊ฐ ์ ์์ต๋๋ค. ๋ค์ํ ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ ์์ํฌ (React, Vue, Angular) ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ(jQuery) ๋ฅผ ํ์ตํ์ฌ ๋์ฑ ๋ณต์กํ๊ณ ๊ฐ๋ ฅํ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ์ ์์ต๋๋ค. ๊พธ์คํ ํ์ต๊ณผ ๋ ธ๋ ฅ์ผ๋ก ์ฌ๋ฌ๋ถ๋ง์ ์น ๊ฐ๋ฐ ์ค๋ ฅ์ ํฅ์์์ผ ๋ณด์ธ์.
“`
..