์ฝ๋ฉ 1์ ์ ํ๋ฒ ์กฐ์ฝ๋ฉ์ ์ค์ ์์ถ! ์ฝ๊ณ ์ฌ๋ฏธ์๋ ์น ํ์คํ ๊ฐ๋ฐ ๊ฐ์
์น ํ์คํ ํ๋ก๊ทธ๋๋ฐ
ํ๋ก ํธ์๋ ๊ฐ๋ฐ (HTML/CSS, Bootstrap & Tailwindcss)
๋๋ฉ์ธ ๋ฑ๋ก, SEO ์ต์ ํ, Google Analytics
API ํ์ฉ
JavaScript
Node.js & Express
๋ฐ์ดํฐ๋ฒ ์ด์ค & SQLite
Deploy
CRUD
์ฝ๋ฉ ๊ธฐ์ด, ์น ํ์คํ์ผ๋ก ์ฝ๊ณ ์ฌ๋ฐ๊ฒ!
์๋ ํ์ธ์, ๋๊ตฌ๋ ๋ฐฐ์ธ ์ ์๋ ์ฌ์ด ์ฝ๋ฉ ์ฑ๋์ ์ด์ํ๋ ์กฐ์ฝ๋ฉ์ ๋๋ค.
์กฐ์ฝ๋ฉ์ 2019๋ ์น ๊ฐ๋ฐ ๊ต์ก ์ฝํ ์ธ ๋ฅผ ์์์ผ๋ก ์ธ๊ธฐ๋ฅผ ์ป์ผ๋ฉฐ ๊ตญ๋ด 1์ ์ฝ๋ฉ ์ฑ๋๋ก ๋ฐ์ ํด ์์ต๋๋ค. ํ์ง๋ง ๊ทธ๋์ ์ฑ ๊ณผ ๊ฐ์๋ก ๋ค๋ฃจ์๋ ์ฝํ ์ธ ๋ฅผ ๋ณด๋ฉด ์ค์ค๋ก๋ ์์ฌ์ด ๋ถ๋ถ๋ค์ด ๋ง์๋๋ฐ์, ์ด๋ฒ์ 2022๋ ์ต์ ๋ฒ์ ์ผ๋ก ์๋กญ๊ฒ ์น ํ์คํ ๊ฐ๋ฐ ๊ฐ์๋ฅผ ์ ๋ฐ์ดํธ ํ์์ต๋๋ค.
์ด๋ฒ ๊ฐ์๋ ๋๊ตฌ๋ ์ฝ๊ณ ์ฌ๋ฏธ์๊ฒ ์ฝ๋ฉ ๊ธฐ์ด์ ์น ํ๋ก๊ทธ๋๋ฐ์ ๋ฐฐ์ธ ์ ์๋ ์ค์ฉ์ ์ธ ๊ฐ์๊ฐ ๋ ๊ฑฐ์์. ์ ์ฒด ์น ์๋น์ค ๊ฐ๋ฐ์ ๊ฐ๋ ์ ์ก์ผ๋ฉด์ ๋ด๊ฐ ๋ง๋ค๊ณ ์ถ์ ์๋น์ค๋ฅผ ์ค์ ๋ก ๊ตฌํํ๋ ๊ฐ์ฅ ์ฝ๊ณ ๋น ๋ฅธ ๋ฐฉ๋ฒ์ ์๋ ค๋๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค.
์กฐ์ฝ๋ฉ ์ ํ๋ธ ์ฑ๋์ ๋จ๊ฒจ์ฃผ์ ๋๊ธ
์น ํ๋ก๊ทธ๋๋ฐ์ ์ฝ๋ฉ์ ์ ๋ฌธํ๋ ์ต๊ณ ์ ๋ฐฉ๋ฒ์ ๋๋ค. ์ฝ๋ฉ์ ์ฒ์ ์ ํ ๋ ๋ฐฐ์ฐ๋ฉด ๊ธฐ์ด๋ถํฐ ์ ์ฒด์ ์ธ ์๋น์ค ๊ฐ๋ฐ์ ํ๋ฆ์ ์ก๊ธฐ ์ข์ ์์์ ์ด์ง์. ์ง๋ฃจํ๊ฒ ๊ฒ์ ํ๋ฉด์ ์ฝ๋๋ง ์น๋ ๊ฒ ์๋๋ผ, ์ ์ธ๊ณ ๋๊ตฌ๋ ์ธ ์ ์๋ ์น ์๋น์ค๋ฅผ ์ง์ ๋ง๋ค๋ฉด์ ์ฌ๋ฌ๋ถ๋ ์ฌ๋ฏธ์๊ฒ ์ฝ๋ฉ์ ๋ฐฐ์ธ ์ ์์ต๋๋ค. ๋๋ง์ ์น์ฌ์ดํธ๋ฅผ ๋ง๋ค๊ณ ์ฝ๋ฉ๊ณผ ์น ๊ฐ๋ฐ์ ์ค์ฉ์ ์ธ ํต์ฌ ๊ธฐ์ ๋ค์ ๋ฐฐ์๋ณผ๊ฒ์.
๐ต
์ฝ๋ฉ์ ๋ฐฐ์ฐ๊ณ ์ถ์๋ฐ
๋ญ๋ถํฐ ํด์ผ ํ ์ง ๋ชจ๋ฅด๊ฒ ๋ ๋ถ
๐
์ฌ์ด๋ ํ๋ก์ ํธ๋ ์ฐฝ์
์ ์ํ
์น/์ฑ ์๋น์ค ๊ฐ๋ฐ์ ํ๊ณ ์ถ์ ๋ถ
๐
๊ธฐํ, ๋์์ธ, PM ๋ฑ ๊ฐ๋ฐ์๋ ์๋์ง๋ง
์ํต์ ์ํ ๊ฐ๋ฐ ํ๋ฆ์ ์ก๊ณ ์ถ์ ๋ถ
๐
์ง์ ์๋น์ค ๋ฐ ์ ํ์ ๊ตฌํํ๋ฉฐ
์น ๊ฐ๋ฐ์ ์ ์ฒด ํ๋ฆ์ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ
์ฝ๋ฉ, ์ง์ง ์๊ธฐ์ด๋ถํฐ ์์ํฉ๋๋ค!
์ฝ๋ฉ ์ ๋ฌธ์ด ๋๋ ค์ฐ์ ๊ฐ์? ๊ฑฑ์ ๋ง์ธ์! ์ด๋ฆฐ์ด๋ค๋ ์ถฉ๋ถํ ์ดํดํ ์ ์๋ ์๋์์น ์ฝ๋ฉ ๋ฑ, ํ๋ก๊ทธ๋๋ฐ์ ์ฝ๊ณ ์ง๊ด์ ์ธ ๋ฐฉ๋ฒ์ผ๋ก ๊ธฐ์ด๋ถํฐ ์ฐจ๊ทผ์ฐจ๊ทผ ์๋ ค๋๋ฆฝ๋๋ค.
์ฝ๋ฉ์ ์๊ธฐ๊ฐ ์๋๋๋ค.
๋จํธ์ ์ธ ์ง์์ ์ ๋ฌํ์ง ์์ต๋๋ค. ๊ทธ ๋์ ์ ์ฒด ์๋น์ค ๊ฐ๋ฐ์ ํฐ ๊ทธ๋ฆผ์ ๋ณด๋ฉด์ ๊ฒ์์ ํตํด ์ง์ ๋ฌธ์ ๋ฅผ ์ง์ ์ฐพ์์ ํด๊ฒฐํ๋ ๊ณผ์ ์ ๊ต์กํจ์ผ๋ก์จ ๋ฌธ์ ํด๊ฒฐ ๋ฐ ์์ฉ ๋ฅ๋ ฅ์ ํค์๋๋ฆฝ๋๋ค.
์น ํ์คํ ๊ฐ๋ฐ์ ํต์ฌ ๊ธฐ์ ์ ๋ฐฐ์๋๋ค.
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ํ์ํ HTML, CSS, JavaScript ์ง์์ ๊ตฌ๊ธ ํด๋ก ์ฌ์ดํธ, ์คํํฌ๋ํํธ ์น๊ฒ์ ๋ง๋ค๊ธฐ์ฒ๋ผ ์ฌ๋ฏธ์๋ ์ค์ ์์ ์ ํจ๊ป ๋ฐฐ์๋๋ค. ๋ํ Deploy ๋ฐฉ๋ฒ ๋ฐ Bootstrap, Tailwindcss ๋ฑ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ Open API ๋ฑ์ ํ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ตํ ๋ค์, ๋ฐฑ์๋ ๊ฐ๋ฐ์ ์ํ Node.js, Express, ๋ฐ์ดํฐ๋ฒ ์ด์ค(DB), SQLite ๋ฑ ํ์คํ ์น ๊ฐ๋ฐ์ ์ํ ํต์ฌ ๊ธฐ์ ์ ๋ชจ๋ ๊ฒฝํํ ์ ์์ต๋๋ค.
์ฝ๋ฉ์ ์ค์ฉ์ ์ธ ํ๋ฌธ์ ๋๋ค.
๋จ์ํ ํ์ด์ง ๋ช ๊ฐ๋ฅผ ๋ฐ๋ผ ๊ฐ๋ฐํ๋ ๋ฐ์ ๋๋์ง ์์ต๋๋ค. ๋๋ฉ์ธ ๋ฑ๋ก, ๊ฒ์์์ง ๋ฑ๋ก, SEO ์ต์ ํ, ๋ฐฉ๋ฌธ์ ๋ถ์ ๋ฑ ๋ด๊ฐ ๊ฐ๋ฐํ ์น์ฌ์ดํธ๋ฅผ ์ค์ ๋น์ฆ๋์ค์ ํ์ฉํ๋ ๋ฐฉ๋ฒ๊น์ง ๋ฐฐ์ธ ์ ์์ต๋๋ค.
์ ์ฒด์ ์ธ ์น ์๋น์ค ๊ฐ๋ฐ, ๊ตฌํํ๋ฉฐ ๋ฐฐ์๋ณด์ธ์!
์ด ์ปค๋ฆฌํ๋ผ์ ๋ค ๋ฐฐ์ฐ๊ณ ๋๋ฉด ๋น์ ๊ณต์๋, ๊ฐ๋ฐ ์ ๋ฌธ์๋ ํ๋ก ํธ์๋์ ๋ฐฑ์๋๋ฅผ ๋ชจ๋ ์ง์ ๊ฐ๋ฐํ ์ ์๊ฒ ๋ฉ๋๋ค. ๋ฟ๋ง ์๋๋ผ ์ถ๊ฐ๋ก ๋ฌด์์ ๋ ๊ณต๋ถํ๊ณ , ์ ๋ฐฐ์์ผ ํ๋์ง์ ๋ํ ์ฝ๋ฉ ๋ก๋๋งต๊น์ง ์ป์ด๊ฐ์ค ์ ์์ต๋๋ค. ํ์คํ ์น ์๋น์ค ๊ฐ๋ฐ์ ํ์ํ ํ๋ฆ์ ์ง์ ๊ตฌํํ๋ฉฐ ์ตํ๋ณด์ธ์!
๐ก ๋๊ตฌ๋ ๋ฐฐ์ธ ์ ์๋ ์ฌ์ด ์ฝ๋ฉ ์ฑ๋์ ๋ง๋ค์ด๊ฐ๋ ์กฐ์ฝ๋ฉ์ ๋๋ค. ํ๋ก๊ทธ๋๋ฐ์ ๋ํด ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๋๋ผ๋ ๊ฐ๋ฐ์ด ๊ฐ๋ฅํ๋๋ก ๊ธฐ์ด๋ถํฐ ์ฐจ๊ทผ์ฐจ๊ทผ ์ฝ๊ฒ ์ค๋ช ํด๋๋ฆฝ๋๋ค. ๋ํ, ๋จ์ํ ์ฝ๋ฉ ์ง์์ ๋ฐฐ์ฐ๋ ๊ฒ์ ๋์ด์ ์น, ์ฑ, ๊ฒ์ ๊ฐ์ ๊ฒฐ๊ณผ๋ฌผ์ ๋ง๋ค๊ณ ๋น์ฆ๋์ค ๋ชจ๋ธ์ ๋ง๋ค์ด ์์ตํํ๊ฑฐ๋ ์ฃผ์/์ฝ์ธ ํฌ์ ์๋ํ, ์ ๋ฌด ์๋ํ๋ฅผ ํ๋ ๋ฑ ์ค์ฉ์ ์ธ ๊ด์ ์์ ์ฝ๋ฉ์ ๊ต์กํฉ๋๋ค.
Q. ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๋๋ฐ ๊ฐ์๋ฅผ ๋ฐ๋ผ๊ฐ ์ ์์๊น์?
๋ฌผ๋ก ์ด์ฃ . ์ด๋ฑํ์๋ค์ด ๋ฐฐ์ฐ๋ ์๋์์น ์ฝ๋ฉ์ ํตํด ์ฝ๋ฉ ๊ฐ๋ ๋ถํฐ ์ก๊ณ ์์ํฉ๋๋ค.
Q. ์ด ๊ฐ์ ๋ฐฐ์์ ๋ญ ํ๋์?
์ ์ธ๊ณ์ธ์ด ์ธ ์ ์๋ ์น์ฌ์ดํธ๋ฅผ ์ง์ ๋ด ์์ผ๋ก ๋ง๋ค ์ ์๊ณ , ์น/์ฑ ์๋น์ค์ ๋ํ ์ ๋ฐ์ ์ธ ์ดํด๋ฅผ ํ ์ ์๊ฒ ๋ฉ๋๋ค.
Q. ์กฐ์ฝ๋ฉ ์ ํ๋ธ ์์๊ณผ ์ด๋ป๊ฒ ๋ค๋ฅธ๊ฐ์?
์ฑํ ๋ด์ฉ์ ์ ๊ฑฐํ๋ ๋ฑ ํ์ต์ ์ง์คํ ์ ์๋๋ก ์๋กญ๊ฒ ํธ์งํ์์ผ๋ฉฐ, ๋ฉค๋ฒ์ญ ์ ์ฉ ์ ๋ฃ ์์ ๋ ํฌํจ๋ ์ปค๋ฆฌํ๋ผ์ ๋๋ค.
๐พ ์๊ฐ ๊ด๋ จ ์ฐธ๊ณ ์ฌํญ
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
์ฝ๋ฉ ๋ฐฐ์ฐ๊ณ ์ถ์๋ฐ ๋ญ๋ถํฐ ํด์ผ ํ ์ง ๋ชจ๋ฅด๊ฒ ๋ ๋ถ
์ฌ์ด๋ ํ๋ก์ ํธ ํน์ ์ฐฝ์ ์ ์ํ ์น/์ฑ ์๋น์ค ๊ฐ๋ฐ์ ํ๊ณ ์ถ์ผ์ ๋ถ
๊ธฐํ, ๋์์ธ, PM ๋ฑ ๊ฐ๋ฐ์๋ ์๋์ง๋ง ์ํต์ ์ํ ๊ฐ๋ฐ ํ๋ฆ์ ์ก๊ณ ์ถ์ผ์ ๋ถ
์น ๊ฐ๋ฐ์ ์ ์ฒด ํ๋ฆ์ ์ง์ ์ ํ์ ๊ตฌํํ๋ฉฐ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ
์ ์ ์ง์,
ํ์ํ ๊น์?
ํค๋ณด๋ ๋๋ฅด๋ ๋ฐฉ๋ฒ
๋ง์ฐ์ค ํด๋ฆญํ๋ ๋ฐฉ๋ฒ
3,593
๋ช
์๊ฐ์
85
๊ฐ
์๊ฐํ
8
๊ฐ
๋ต๋ณ
4.8
์
๊ฐ์ ํ์
2
๊ฐ
๊ฐ์
๋๊ตฌ๋ ๋ฐฐ์ธ ์ ์๋ ์ฌ์ด ์ฝ๋ฉ ์ฑ๋์ ๋ง๋ค์ด๊ฐ๋ ์กฐ์ฝ๋ฉ์ ๋๋ค. ํ๋ก๊ทธ๋๋ฐ์ ๋ํด ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๋๋ผ๋ ๊ฐ๋ฐ์ด ๊ฐ๋ฅํ๋๋ก ๊ธฐ์ด๋ถํฐ ์ฐจ๊ทผ์ฐจ๊ทผ ์ฝ๊ฒ ์ค๋ช ํด๋๋ฆฝ๋๋ค. ๋ํ, ๋จ์ํ ์ฝ๋ฉ ์ง์์ ๋ฐฐ์ฐ๋ ๊ฒ์ ๋์ด์ ์น, ์ฑ, ๊ฒ์ ๊ฐ์ ๊ฒฐ๊ณผ๋ฌผ์ ๋ง๋ค๊ณ ๋น์ฆ๋์ค ๋ชจ๋ธ์ ๋ง๋ค์ด ์์ตํ ํ๊ฑฐ๋ ์ฃผ์/์ฝ์ธ ํฌ์ ์๋ํ, ์ ๋ฌด ์๋ํ๋ฅผ ํ๋ ๋ฑ ์ค์ฉ์ ์ธ ๊ด์ ์์ ์ฝ๋ฉ์ ๊ต์กํฉ๋๋ค.
์ ์ฒด
42๊ฐ โ (6์๊ฐ 30๋ถ)