XNUMX์์ ์๋ธ๋ด๋์ ๋ฌ์ ๋๋ค. ์ฐ๋ฆฌ ํ์ ๋ํ ๊ฐ์ ์ ๋ฆฌ ์์ ์ ์งํํ๊ณ Habrรฉ์ ๋ํ ๋ช ๊ฐ์ง ์ง๋ฌธ์ ์์๋๋ก ์ ๋ฆฌํ์ต๋๋ค. ์ด๋ ๋ค์ ์ฌ๋ฌ๋ถ์๊ฒ ์์์ ์ผ๋ถ๋ฅผ ์ ๊ณตํ๋ค๋ ๊ฒ์ ์๋ฏธํฉ๋๋ค. ์ค๋ ์ฐ๋ฆฌ๋ ๋ ๋ค๋ฅธ ์ง์์๋ต ์ธ์ (AMA)์ ๊ฐ์ตํฉ๋๋ค. Habr ์ฌ์ฉ์์ Habr ํ์ ๋น์ฆ๋์ค์ ๊ดํด ๋ํ๋ฅผ ๋๋ ์ ์์ต๋๋ค. ๋๊ตฐ๊ฐ ๋ฌ๋ ฅ์ ๋ณด๋ ๊ฒ์ ์์๋ค๋ฉด, ์ค๋์ XNUMX์์ ๋ง์ง๋ง ๊ธ์์ผ์ ๋๋ค. ์ด๋ ์ฌ๋ฌ๋ถ์ด ์ง๋ฌธํ๊ณ ์ ์ ์ฌํญ์ ์์ฑํ๊ณ , ์ฐ๋ฆฌ๊ฐ ๋ต๋ณํ๊ณ ๋์๋ ๋ฐ๋ฆฐ ์ ๋ฌด๋ฅผ ๋ณด์ถฉํ ์๊ฐ์ ๊ฐ์ง ์๊ฐ์ด๋ผ๋ ์๋ฏธ์ ๋๋ค.
์ฃผ์ ์์ด ์ง๋ฌธ์ ํ๊ฑฐ๋, "๋์์ด๋์๊ฒ ์ง๋ฌธ"์ ์ฐ๊ฑฐ๋, ํน์ ์ง์์๊ฒ ์ฐ๋ฝํ ์ ์์ต๋๋ค.
์ ํต์ ์ผ๋ก AMA ๊ฒ์๋ฌผ์์๋ ํ ๋ฌ ๋์ ์ฐ๋ฆฌ๊ฐ ํ ์ผ์ ๋ํด ์ด์ผ๊ธฐํฉ๋๋ค. ์ด๋ฒ์๋ ๋ณ๊ฒฝ ๋ก๊ทธ๊ฐ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
๋ณ๊ฒฝ ๋ด์ญ
1. ์จ๋ณด๋ฉ
์ค๋ฌธ ์กฐ์ฌ์ ๋ฐ๋ฅด๋ฉด ์ ๊ท ์ฌ์ฉ์๊ฐ ์ฌ์ดํธ์ ์ต์ํด์ง๋ ๊ฒ์ด ์ด๋ ค์ธ ์ ์๋ ๊ฒ์ผ๋ก ๋ํ๋ฌ์ต๋๋ค. ์๋ฅผ ๋ค์ด, ๊ทธ๋ค์ ์์ ์ด ๊ฐ์ง๊ณ ์๋ ๊ณ์ ์ ํ, ์ด ๊ณ์ ์ผ๋ก ๋ฌด์์ ํ ์ ์๋์ง, ์นด๋ฅด๋ง๊ฐ ๋ฌด์์ธ์ง, ๊ณ์ ์ ์ค์ ํ๋ ๋ฐฉ๋ฒ์ ์์ง ๋ชปํฉ๋๋ค. ์ฌ๋ฃ ๋ฑ ์์ด๋ฅผ ์ฌ์ฉํ๋ ์ฌ์ฉ์์๊ฒ๋ ์ด๋ค ๊ฒ์ธ์ง ์์ํ๊ธฐ ์ด๋ ต์ต๋๋ค.
๊ทธ๋์ ์ฐ๋ฆฌ๋ ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๋ฐ ๋์์ด ๋ ์์ ์จ๋ณด๋ฉ์ ์ํํ์ต๋๋ค. ๊ฐ๊ฒฐํ ๊ต์ก ๋ถ๋ถ ์ธ์๋ ํ๋ฐํธ ์๋ ํ๋ธ, ํต์ ์ฃผ์ , ๊ด๋ฆฌ ๋ฑ๊ณผ ๊ฐ์ ํ๋ธ ์ปฌ๋ ์
์ ๊ตฌ๋
ํ ์ ์์ต๋๋ค.
์ด๋ณด์๋ ์๋์ง๋ง ์จ๋ณด๋ฉ์ ์งํํ๊ณ ํ๋ธ ์ปฌ๋ ์
์ ๊ตฌ๋
ํ๊ณ ์ถ๋ค๋ฉด ์ฌ๊ธฐ๋ก ๊ฐ์ธ์.
2. ๋ด์ค
๋ด์ค ์น์
์ฐ๋ฆฌ
๋ํ ๋ด์ค ๋ธ๋ก์ ์ฝ๊ฐ ์ ๋ฆฌํ๊ณ ์๋ก์ด ๋๊ธ์ ๋ํ ์นด์ดํฐ๋ฅผ ์ถ๊ฐํ์ต๋๋ค. ๊ฐ์ฅ ์ข์ ๋ด์ค๋ ์ถํ๋ฌผ๊ณผ ํจ๊ป ๋ฉ์ผ ์์ฝ์ ํฌํจ๋ ๊ฒ์
๋๋ค(๊ตฌ๋
๊ฐ๋ฅ)
๊ทธ๋ค์ ๋ํ ์๊ฐ์ด ๊ฑฐ์ ์๋ ์ฌ๋๋ค์ ์ํด ๋งค์ฃผ ๋ด์ค ๋ณด๋๋ฅผ ๋ง๋ค๊ธฐ ์์ํ์ต๋๋ค.
3. ์๋๋ฐ์ค
์๋๋ฐ์ค ์์ ์ ๋์ฑ ํธ๋ฆฌํ๊ฒ ํ๊ธฐ ์ํด ๋ณ๊ฒฝ ์ฌํญ์ ๋์ฑ ๊ด๋ฆฌ์ ์ ๋๋ค. ํ์ง๋ง ์ด๋ณด์๋ฅผ ์ํด ์ฝ๊ฐ์ ํธ์ํจ์ด ์ถ๊ฐ๋์์ต๋๋ค. ์ด์ (์๋๋ฐ์ค์์) ์ค์ฌ๋ฅผ ์ํด ์ ์ก๋ ๋ฐํ๋ฌผ์ด ์ฌ์ฉ์ ํ๋กํ์ ํ์๋๊ณ ์ค์ฌ์์ ์๊ฒฌ(์๋ฃ๋ฅผ ๊ฐ์ ํด์ผ ํ๋ ๊ฒฝ์ฐ)์ด ๋ฐํ๋ฌผ ํ์ด์ง์ ํ์๋ฉ๋๋ค(์ด์ ์๋ ํธ์ง ํ์ด์ง์ ํ์๋จ).
์ด๋ป๊ฒ ๋ณด์ด๋์ง
๊ทธ๋ฐ๋ฐ ์๋๋ฐ์ค๊ฐ ์ด๋ป๊ฒ ์๋ํ๋์ง ์ฝ์ด๋ณด๊ณ ์ถ์ผ์ ๊ฐ์?
4. ์คํฌ๋กค ํ ์ด๋ธ
๋ํ ํ ์ด๋ธ์ Habrรฉ(๋ฐ ๊ทธ ์ด์)์์ ์ค๋ซ๋์ ๋ฌธ์ ๊ฐ ๋์ด ์์ต๋๋ค. ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์๋ ์ฌ๋์ ๊ฑฐ์ ์์ผ๋ฉฐ, ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์๋ ์ฌ๋์ ๊ฑฐ์ ์์ต๋๋ค. ๋ชจ๋ ๊ฒ์ด ๋งค์ฐ ์๊ฑฐ๋ ๋ชจ๋ ๊ฒ์ด ๋ถ์๋๊ฑฐ๋ ์คํฌ๋กค์ด ๋ํ๋๊ฑฐ๋ ์ด๋ฏธ์ง๊ฐ ์ฝ์ ๋ฉ๋๋ค. ๊ฐ ์ต์ ์๋ ์ฅ๋จ์ ์ด ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ฐ๋ฆฌ๋ ๊ทธ๊ฒ์ ๋ํด ์๊ฐํด๋ณด๊ณ ์ด๋ค ์ฅ์น์์๋ ์ ์ฒด ํฌ๊ธฐ๋ก ๋ณผ ์ ์๋๋ก ์คํฌ๋กค ๊ธฐ๋ฅ์ด ์๋ ํ ์ด๋ธ์ ๋ง๋๋ ๊ฒ์ด ๊ฐ์ฅ ์ข์ ์ต์ ์ด๋ผ๊ณ ๊ฒฐ์ ํ์ต๋๋ค. ๋ฐ๋ผ์ ์ด์ ๋์ ํ ์ด๋ธ์ด ์คํฌ๋กค๋ฉ๋๋ค. ๋๊ตฐ๊ฐ๊ฐ ์ค๋๋ ์ถํ๋ฌผ์์ ๊ทธ๋ฌํ ๋ฌธ์ ๋ฅผ ๊ฒช์ ๊ฒฝ์ฐ, ๊ฐ๋จํ ๋ค์ ์ ์ฅํ์ญ์์ค.
์์ ํ ์ด๋ธ
์ด | ์ด | ์ด | ์ด | ์ด | ์ด | ์ด | ์ด | ์ด | |
---|---|---|---|---|---|---|---|---|---|
ํน์ฑ | ะะฐ | ะะฐ | ะะฐ | ะะฐ | ะะฐ | ะะฐ | |||
ํ๋ ๋ | ์๋ | ์๋ | ์๋ |
5. PWA ๊ณํ
์ด ์์์ ์ฌ์ ํ โโHabr ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์ (์ฌ๋ฌ ๊ฐ์ง ์ด์ ๋ก ์ง์์ ์ค๋จํจ)์ ์ฌ์ฉํ๋ ์ฌ๋๋ค์๊ฒ ๊ฐ์ฅ ๋งค๋ ฅ์ ์ผ ๊ฒ์ ๋๋ค. ์ฐ๋ฆฌ๋ ๋ชจ๋ฐ์ผ ๋ฒ์ ์ ํ์ํ ๋ชจ๋ ์ธํ๋ผ๋ฅผ ์ค๋นํ PWA๋ฅผ ๋ง๋ค๊ธฐ๋ก ๊ฒฐ์ ํ์ต๋๋ค.
๊ณง ๋ชจ๋ฐ์ผ ๋ฒ์ ์ ์๋ก์ด ์ํคํ ์ฒ์ ๋ฒ ํ ๋ฒ์ ์ด ์ถ์๋ ์์ ์ด๋ฉฐ, ์ดํ ์ฐ๋ฆฌ๋ ์ต๊ณ ์ PWA๋ฅผ ๋ง๋ค๊ธฐ ์ํด ๋ชจ๋ ๋ ธ๋ ฅ์ ๊ธฐ์ธ์ผ ๊ฒ์ ๋๋ค.
ํ๊ฐ์ง ๋ ...
์ฐ๋ฆฌ๋ ์ฌ๊ธฐ์ ํ ๊ฐ์ง๋ฅผ ์๊ฐํ๊ณ ์์ง๋ง ์ง๊ธ๊น์ง๋ ๊ฐ๋ ์์ค์ ๋๋ค :)
์ข์ ์ฃผ๋ง!
์ถ์ฒ : habr.com