์ฌ๋์ 1000์ผ ๋์ ์ด๋ณด์๋ก ๋จ์์์ต๋๋ค. ๊ทธ๋ 10000๋ง์ผ์ ์ค์ฒ ๋์ ์ง์ค์ ์ฐพ์๋ธ๋ค.
์ด๊ฒ์ ๊ธฐ์ฌ์ ์์ ์ ์์ฃผ ์ ์์ฝํ ์ค์ผ๋ง ๋ง์คํ์ธ ์ ์ธ์ฉ๋ฌธ์ ๋๋ค. ํ๋ฅญํ ๊ฐ๋ฐ์๊ฐ ๋๊ณ ์ถ๋ค๋ฉด ๋ ธ๋ ฅ์ ๊ธฐ์ธ์ด์ญ์์ค. ์ด๊ฒ์ด ์ ์ฒด ๋น๋ฐ์ ๋๋ค. ํค๋ณด๋์์ ๋ง์ ์๊ฐ์ ๋ณด๋ด๊ณ ์ฐ์ตํ๋ ๊ฒ์ ๋๋ ค์ํ์ง ๋ง์ญ์์ค. ๊ทธ๋ฌ๋ฉด ๋น์ ์ ๊ฐ๋ฐ์๋ก ์ฑ์ฅํ ๊ฒ์ ๋๋ค.
์ฌ๊ธฐ ๋น์ ์ ๋ฐ์ ์ ๋์์ด ๋ ์ ์๋ 7๊ฐ์ง ํ๋ก์ ํธ๊ฐ ์์ต๋๋ค. ์์ ๋กญ๊ฒ ๊ธฐ์ ์คํ์ ์ ํํ์ธ์. ์ํ๋ ๊ฒ์ ๋ฌด์์ด๋ ์ฌ์ฉํ์ธ์.
(์ด์ ํ๋ จ ์์
๋ชฉ๋ก: 1)
ํ๋ก์ ํธ 1: ํฉ๋งจ
๋๋ง์ ํฉ๋งจ ๋ฒ์ ์ ๋ง๋ค์ด๋ณด์ธ์. ์ด๊ฒ์ ๊ฒ์์ด ์ด๋ป๊ฒ ๊ฐ๋ฐ๋๋์ง์ ๋ํ ์์ด๋์ด๋ฅผ ์ป๊ณ ๊ธฐ๋ณธ์ ์ดํดํ๋ ์ข์ ๋ฐฉ๋ฒ์
๋๋ค. JavaScript ํ๋ ์์ํฌ์ธ React ๋๋ Vue๋ฅผ ์ฌ์ฉํ์ธ์.
ะั ะทะฝะฐะตัะต:
- ์์๊ฐ ์ด๋ํ๋ ๋ฐฉ๋ฒ
- ๋๋ฅผ ํค๋ฅผ ๊ฒฐ์ ํ๋ ๋ฐฉ๋ฒ
- ์ถฉ๋ ์๊ฐ์ ๊ฒฐ์ ํ๋ ๋ฐฉ๋ฒ
- ๋ ๋์๊ฐ ๊ณ ์คํธ ์ด๋ ์ปจํธ๋กค์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
์ด ํ๋ก์ ํธ์ ์๋ฅผ ์ฐพ์ ์ ์์ต๋๋ค
โ์ด๋ณด์๊ฐ ์๋ํ๋ ๊ฒ๋ณด๋ค ๋๊ฐ๊ฐ ์ค์๋ฅผ ๋ ๋ง์ด ํ๋คโ
์ถํ ์ง์ - ํ์ฌ
ํ๋ก์ ํธ 2: ์ฌ์ฉ์ ๊ด๋ฆฌ
๊ณํ
์ฌ์ฉ์ ๊ด๋ฆฌ๋ฅผ ์ํ CRUD ์ ํ ์ ํ๋ฆฌ์ผ์ด์ ์ ์์ฑํ๋ฉด ๊ฐ๋ฐ์ ๊ธฐ๋ณธ ์ฌํญ์ ๋ฐฐ์ธ ์ ์์ต๋๋ค. ์ด๋ ํนํ ์๋ก์ด ๊ฐ๋ฐ์์๊ฒ ์ ์ฉํฉ๋๋ค.
ะั ะทะฝะฐะตัะต:
- ๋ผ์ฐํ ์ด๋ ๋ฌด์์ ๋๊น?
- ๋ฐ์ดํฐ ์ ๋ ฅ ์์์ ์ฒ๋ฆฌํ๊ณ ์ฌ์ฉ์๊ฐ ์ ๋ ฅํ ๋ด์ฉ์ ํ์ธํ๋ ๋ฐฉ๋ฒ
- ๋ฐ์ดํฐ๋ฒ ์ด์ค ์์ ๋ฐฉ๋ฒ - ์์ ์์ฑ, ์ฝ๊ธฐ, ์ ๋ฐ์ดํธ ๋ฐ ์ญ์
ํ๋ก์ ํธ 3: ํ์ฌ ์์น์ ๋ ์จ ํ์ธํ๊ธฐ
๊ณํ
์ฑ์ ๋ง๋ค๊ณ ์ถ๋ค๋ฉด ๋ ์จ ์ฑ์ผ๋ก ์์ํด ๋ณด์ธ์. ์ด ํ๋ก์ ํธ๋ Swift๋ฅผ ์ฌ์ฉํ์ฌ ์๋ฃํ ์ ์์ต๋๋ค.
์ ํ๋ฆฌ์ผ์ด์ ๊ตฌ์ถ ๊ฒฝํ์ ์๋ ๊ฒ ์ธ์๋ ๋ค์์ ๋ฐฐ์ฐ๊ฒ ๋ฉ๋๋ค.
- API๋ก ์์ ํ๋ ๋ฐฉ๋ฒ
- ์์น์ ๋ณด๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ
- ํ ์คํธ ์ ๋ ฅ์ ์ถ๊ฐํ์ฌ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋์ฑ ๋์ ์ผ๋ก ๋ง๋์ธ์. ์ฌ๊ธฐ์ ์ฌ์ฉ์๋ ์์ ์ ์์น๋ฅผ โโ์ ๋ ฅํ์ฌ ํน์ ์์น์ ๋ ์จ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
API๊ฐ ํ์ํฉ๋๋ค. ๋ ์จ ๋ฐ์ดํฐ๋ฅผ ์ป์ผ๋ ค๋ฉด OpenWeather API๋ฅผ ์ฌ์ฉํ์ธ์. OpenWeather API์ ๋ํ ์ถ๊ฐ ์ ๋ณด
ํ๋ก์ ํธ 4: ์ฑํ ์ฐฝ
๋ด ์ฑํ
์ฐฝ์ด ๋ ๊ฐ์ ๋ธ๋ผ์ฐ์ ํญ์์ ์ด๋ฆฝ๋๋ค.
์ฑํ ์ฐฝ์ ๋ง๋๋ ๊ฒ์ ์์ผ์ ์์ํ๋ ์๋ฒฝํ ๋ฐฉ๋ฒ์ ๋๋ค. ๊ธฐ์ ์คํ์ ์ ํ์ ์์ฒญ๋ฉ๋๋ค. ์๋ฅผ ๋ค์ด Node.js๋ ์๋ฒฝํฉ๋๋ค.
์์ผ์ ์๋ ๋ฐฉ์๊ณผ ๊ตฌํ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๊ฒ ๋ฉ๋๋ค. ์ด๊ฒ์ด ์ด ํ๋ก์ ํธ์ ๊ฐ์ฅ ํฐ ์ฅ์ ์ด๋ค.
์์ผ ์์
์ ์ํ๋ Laravel ๊ฐ๋ฐ์๋ผ๋ฉด ์ ๊ธ์ ์ฝ์ด๋ณด์ธ์.
ํ๋ก์ ํธ 5: GitLab CI
CI(์ง์์ ํตํฉ)๋ฅผ ์ฒ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ GitLab CI๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์. ๋ช ๊ฐ์ง ํ๊ฒฝ์ ์ค์ ํ๊ณ ๋ช ๊ฐ์ง ํ ์คํธ๋ฅผ ์คํํด ๋ณด์ธ์. ๋ณ๋ก ์ด๋ ค์ด ํ๋ก์ ํธ๋ ์๋์ง๋ง, ์ด ํ๋ก์ ํธ๋ฅผ ํตํด ๋ง์ ๊ฒ์ ๋ฐฐ์ธ ์ ์์ ๊ฑฐ๋ผ ํ์ ํฉ๋๋ค. ํ์ฌ ๋ง์ ๊ฐ๋ฐํ์ด CI๋ฅผ ์ฌ์ฉํ๊ณ ์์ต๋๋ค. ์ฌ์ฉ๋ฒ์ ์์๋๋ฉด ์ ์ฉํฉ๋๋ค.
ะั ะทะฝะฐะตัะต:
- GitLab CI ๋ ๋ฌด์์ ๋๊น?
- ๊ตฌ์ฑ ๋ฐฉ๋ฒ
.gitlab-ci.yml
GitLab ์ฌ์ฉ์์๊ฒ ๋ฌด์์ ํด์ผ ํ ์ง ์๋ ค์ค๋๋ค. - ๋ค๋ฅธ ํ๊ฒฝ์ ๋ฐฐํฌํ๋ ๋ฐฉ๋ฒ
ํ๋ก์ ํธ 6: ์น์ฌ์ดํธ ๋ถ์๊ธฐ
์น์ฌ์ดํธ์ ์๋ฏธ๋ฅผ ๋ถ์ํ๊ณ ๋ฑ๊ธ์ ๋งค๊ธฐ๋ ์คํฌ๋ ์ดํผ๋ฅผ ๋ง๋์ธ์. ์๋ฅผ ๋ค์ด ์ด๋ฏธ์ง์ ๋๋ฝ๋ ๋์ฒด ํ๊ทธ๊ฐ ์๋์ง ํ์ธํ ์ ์์ต๋๋ค. ๋๋ ํ์ด์ง์ SEO ๋ฉํ ํ๊ทธ๊ฐ ์๋์ง ํ์ธํ์ธ์. ์คํฌ๋ ์ดํผ๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ์์ด ์์ฑ๋ ์ ์์ต๋๋ค.
ะั ะทะฝะฐะตัะต:
- ์คํฌ๋ ์ดํผ๋ ์ด๋ป๊ฒ ์๋ํ๋์?
- DOM ์ ํ์๋ฅผ ๋ง๋๋ ๋ฐฉ๋ฒ
- ์๊ณ ๋ฆฌ์ฆ์ ์์ฑํ๋ ๋ฐฉ๋ฒ
- ๊ฑฐ๊ธฐ์ ๋ฉ์ถ๊ณ ์ถ์ง ์๋ค๋ฉด ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋์ธ์. ํ์ธํ๋ ๊ฐ ์น์ฌ์ดํธ์ ๋ํ ๋ณด๊ณ ์๋ฅผ ์์ฑํ ์๋ ์์ต๋๋ค.
ํ๋ก์ ํธ 7: ์์ ๋ฏธ๋์ด์ ๊ฐ์ฑ ๊ฐ์ฑ
์์ ๋ฏธ๋์ด์ ๊ฐ์ ๊ฐ์ง๋ ๊ธฐ๊ณ ํ์ต์ ์๊ฐํ๋ ์ข์ ๋ฐฉ๋ฒ์ ๋๋ค.
ํ๋์ ์์ ๋คํธ์ํฌ๋ง ๋ถ์ํ๋ ๊ฒ๋ถํฐ ์์ํ ์ ์์ต๋๋ค. ๋ชจ๋ ์ฌ๋์ ๋๊ฐ ํธ์ํฐ๋ก ์์ํฉ๋๋ค.
์ด๋ฏธ ๋จธ์ ๋ฌ๋ ๊ฒฝํ์ด ์๋ค๋ฉด ๋ค์ํ ์์ ๋คํธ์ํฌ์์ ๋ฐ์ดํฐ๋ฅผ ์์งํ๊ณ ๊ฒฐํฉํด ๋ณด์ธ์.
ะั ะทะฝะฐะตัะต:
- ๋จธ์ ๋ฌ๋์ด๋?
์ฆ๊ฑฐ์ด ์ฐ์ต์ด ๋์ธ์.
๋ฒ์ญ: ๋ค์ด์๋ ์
ฐ๋ ๋ฏธ์๋ฐ
์ถ์ฒ : habr.com