โ์ด๋ณด์๊ฐ ์๋ํ๋ ๊ฒ๋ณด๋ค ๋๊ฐ๊ฐ ์ค์๋ฅผ ๋ ๋ง์ด ํ๋คโ
๋ง์ง๋ง
1. ํ ์คํธ ํธ์ง๊ธฐ
ํ
์คํธ ํธ์ง๊ธฐ์ ๋ชฉ์ ์ ์์์ ์ ํจํ HTML ๋งํฌ์
์ผ๋ก ๋ณํํ๋ ค๋ ์ฌ์ฉ์์ ๋
ธ๋ ฅ์ ์ค์ด๋ ๊ฒ์
๋๋ค. ์ข์ ํ
์คํธ ํธ์ง๊ธฐ๋ฅผ ์ฌ์ฉํ๋ฉด ์ฌ์ฉ์๊ฐ ๋ค์ํ ๋ฐฉ์์ผ๋ก ํ
์คํธ ์์์ ์ง์ ํ ์ ์์ต๋๋ค.
์ด๋ ์์ ์์ ๋ชจ๋ ์ฌ๋์ด ํ
์คํธ ํธ์ง๊ธฐ๋ฅผ ์ฌ์ฉํด ๋ณธ ์ ์ด ์์ ๊ฒ์
๋๋ค. ๊ทธ๋์ ์ ์๋ผ
2. ๋ ๋ง ํด๋ก
Reddit์ด ๋๋ถ๋ถ์ ์๊ฐ์ ์ฐจ์งํ์ง๋ง ๊ณ์ํด์ Reddit์ ์ฐธ์ฌํ๊ณ ์์ต๋๋ค. Reddit ๋ณต์ ๋ณธ์ ์์ฑํ๋ ๊ฒ์ (Reddit์ ํ์ํ๋ ๋์์) ํ๋ก๊ทธ๋๋ฐ์ ๋ฐฐ์ฐ๋ ํจ๊ณผ์ ์ธ ๋ฐฉ๋ฒ์ ๋๋ค.
Reddit์ ๋งค์ฐ ํ๋ถํ ์ ๋ณด๋ฅผ ์ ๊ณตํฉ๋๋ค.
๋๋ํ ๊ณ ๊ฐ์ ์์ ์ด ์ ๋๋ก ์ํ๋์ง ์๊ณ ์์์ ์ฆ์ ๊นจ๋ซ๊ณ ๋ค๋ฅธ ์ฌ๋์ ์ฐพ์ ๊ฒ์ ๋๋ค.
3. ์คํ์์ค NPM ํจํค์ง ๊ฒ์
Javascript ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฒฝ์ฐ ํจํค์ง ๊ด๋ฆฌ์๋ฅผ ์ฌ์ฉํ ๊ฐ๋ฅ์ฑ์ด ์์ต๋๋ค. ํจํค์ง ๊ด๋ฆฌ์๋ฅผ ์ฌ์ฉํ๋ฉด ๋ค๋ฅธ ์ฌ๋์ด ์์ฑํ๊ณ ๊ฒ์ํ ๊ธฐ์กด ์ฝ๋๋ฅผ ์ฌ์ฌ์ฉํ ์ ์์ต๋๋ค.
ํจํค์ง์ ์ ์ฒด ๊ฐ๋ฐ ์ฃผ๊ธฐ๋ฅผ ์ดํดํ๋ ๊ฒ์ ๋งค์ฐ ์ข์ ๊ฒฝํ์ ์ ๊ณตํ ๊ฒ์ ๋๋ค. ์ฝ๋๋ฅผ ๊ฒ์ํ ๋ ์์์ผ ํ ์ฌํญ์ด ๋ง์ด ์์ต๋๋ค. ๋ณด์, ์๋ฏธ๋ก ์ ๋ฒ์ ๊ด๋ฆฌ, ํ์ฅ์ฑ, ๋ช ๋ช ๊ท์น ๋ฐ ์ ์ง ๊ด๋ฆฌ์ ๋ํด ์๊ฐํด์ผ ํฉ๋๋ค.
ํจํค์ง๋ ๋ฌด์์ด๋ ๋ ์ ์์ต๋๋ค. ์์ด๋์ด๊ฐ ์์ผ๋ฉด ๋๋ง์ Lodash๋ฅผ ๋ง๋ค์ด ๊ฒ์ํ์ธ์.
๋ก๋ค์ฌ:
์จ๋ผ์ธ์์ ์ด๋ค ์ผ์ ํ๋ค๋ฉด ๋ค๋ฅธ ์ฌ๋๋ณด๋ค 10% ๋ ์์๊ฒ ๋ฉ๋๋ค.
4. freeCodeCamp ์ปค๋ฆฌํ๋ผ
freeCodecamp๋ ๋ง์ ๊ฒ์ ์์งํ์ต๋๋ค
freeCodeCamp๋ ๋น์๋ฆฌ ๋จ์ฒด์ ๋๋ค. ์ด๋ ๋ํํ ์น ๊ธฐ๋ฐ ํ์ต ํ๋ซํผ, ์จ๋ผ์ธ ์ปค๋ฎค๋ํฐ ํฌ๋ผ, ๋ํ๋ฐฉ, ๋งค์ฒด ๊ฐํ๋ฌผ ๋ฐ ๋ชจ๋ ์ฌ๋์ด ํ์ต ์น ๊ฐ๋ฐ์ ์ ๊ทผํ ์ ์๋๋ก ํ๋ ค๋ ์ง์ญ ์กฐ์ง์ผ๋ก ๊ตฌ์ฑ๋ฉ๋๋ค.
์ ์ฒด ๊ณผ์ ์ ์ด์ํ๋ค๋ฉด ์ฒซ ๋ฒ์งธ ์ง์
์ ๋ํ ์๊ฒฉ์ ์ถฉ๋ถํ ๊ฐ์ถ๊ฒ ๋ ๊ฒ์
๋๋ค.
5. ์ฒ์๋ถํฐ HTTP ์๋ฒ ๋ง๋ค๊ธฐ
HTTP ํ๋กํ ์ฝ์ ์ธํฐ๋ท์์ ์ฝํ ์ธ ๊ฐ ์ด๋ํ๋ ๋ฐ ์ฌ์ฉ๋๋ ์ฃผ์ ํ๋กํ ์ฝ ์ค ํ๋์ ๋๋ค. HTTP ์๋ฒ๋ HTML, CSS, JS์ ๊ฐ์ ์ ์ ์ฝํ ์ธ ๋ฅผ ์ ๊ณตํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค.
HTTP ํ๋กํ ์ฝ์ ์ฒ์๋ถํฐ ๊ตฌํํ ์ ์์ผ๋ฉด ์ฌ๋ฌผ์ด ์ํธ ์์ฉํ๋ ๋ฐฉ์์ ๋ํ ์ง์์ด ํ์ฅ๋ฉ๋๋ค.
์๋ฅผ ๋ค์ด NodeJ๋ฅผ ์ฌ์ฉํ๋ค๋ฉด Express๊ฐ HTTP ์๋ฒ๋ฅผ ์ ๊ณตํ๋ค๋ ๊ฒ์ ์ ์ ์์ต๋๋ค.
์ฐธ๊ณ ๋ก ๋ค์์ ์ํํ ์ ์๋์ง ํ์ธํ์ธ์.
- ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ์๋ฒ ์ค์
- ์๋ฒ๋ HTML, CSS ๋ฐ JS ์ฝํ ์ธ ๋ฅผ ์ ๊ณตํด์ผ ํฉ๋๋ค.
- ๋ผ์ฐํฐ๋ฅผ ์ฒ์๋ถํฐ ๊ตฌํํ๊ธฐ
- ๋ณ๊ฒฝ ์ฌํญ ๋ชจ๋ํฐ๋ง ๋ฐ ์๋ฒ ์ ๋ฐ์ดํธ
์ด์ ๋ฅผ ๋ชจ๋ฅธ๋ค๋ฉด ๋ค์์ ์ฌ์ฉํ์ธ์.
6. ๋ฉ๋ชจ์ฉ ๋ฐ์คํฌํฑ ์ฑ
์ฐ๋ฆฌ ๋ชจ๋ ๋ฉ๋ชจ๋ฅผ ํด์, ๊ทธ๋ ์ฃ ?
๋ฉ๋ชจ ์ฑ์ ๋ง๋ค์ด ๋ณด๊ฒ ์ต๋๋ค. ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ฉ๋ชจ๋ฅผ ์ ์ฅํ๊ณ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ๋๊ธฐํํด์ผ ํฉ๋๋ค. Electron, Swift ๋๋ ์ํ๋ ๊ฒ์ ์ฌ์ฉํ์ฌ ์์คํ ์ ์ ํฉํ ๊ธฐ๋ณธ ์ฑ์ ๊ตฌ์ถํ์ธ์.
์ด๊ฒ์ ์ฒซ ๋ฒ์งธ ์ฑ๋ฆฐ์ง(ํ ์คํธ ํธ์ง๊ธฐ)์ ์์ ๋กญ๊ฒ ๊ฒฐํฉํด ๋ณด์ธ์.
๋ณด๋์ค๋ก ๋ฐ์คํฌํฑ ๋ฒ์ ์ ์น ๋ฒ์ ๊ณผ ๋๊ธฐํํด ๋ณด์ธ์.
7. ํ์บ์คํธ(์ค๋ฒ์บ์คํธ ํด๋ก )
ํ์บ์คํธ๋ฅผ ๋ฃ์ง ์๋ ์ฌ๋์ ๋๊ตฌ์
๋๊น?
๋ค์ ๊ธฐ๋ฅ์ ์ฌ์ฉํ์ฌ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ญ๋๋ค.
- ๊ณ์ ์์ฑ
- ํ์บ์คํธ ๊ฒ์
- ํ์บ์คํธ ํ๊ฐ ๋ฐ ๊ตฌ๋
- 30์ด ๋์ ์ ์ง ๋ฐ ์ฌ์, ์๋ ๋ณ๊ฒฝ, ์์ผ๋ก ๋ฐ ๋ค๋ก ๊ธฐ๋ฅ์ ์ํํฉ๋๋ค.
iTunes API๋ฅผ ์ถ๋ฐ์ ์ผ๋ก ์ฌ์ฉํด ๋ณด์ธ์. ๋ค๋ฅธ ์๋ฃ๋ฅผ ์์๋ ๋ถ์ ๋๊ธ์ ์ฌ๋ ค์ฃผ์ธ์.
8. ํ๋ฉด ์บก์ฒ
์๋
ํ์ธ์! ์ง๊ธ ํ๋ฉด์ ์ดฌ์ํ๊ณ ์์ด์!
ํ๋ฉด์ ์บก์ฒํ๊ณ ํด๋ฆฝ์ ๋ค๋ฅธ ์ด๋ฆ์ผ๋ก ์ ์ฅํ ์ ์๋ ๋ฐ์คํฌํฑ ๋๋ ์น ์ฑ์ ๋ง๋ญ๋๋ค. .gif
์ฌ๊ธฐ์
๋ฒ์ญ์ ํ์ฌ์ ์ง์์ ๋ฐ์ ์งํ๋์์ต๋๋ค.
์ถ์ฒ : habr.com