[ํ๋ฃจ 10๋ถ|Web Project] HTML/JS/CSS๋ก ๋๋ง์ ์ฌ๋ฆฌํ ์คํธ ์ฌ์ดํธ ๋ง๋ค๊ธฐ
HTML / JS / CSS ๋ง์ ๊ฐ์ง๊ณ ์ง์ ์ฌ๋ฆฌ ํ ์คํธ ์ฌ์ดํธ๋ฅผ ๋ง๋ค๊ณ , ๋ฐฐํฌํด๋ณด๋ Project ์ฌ์ดํธ๋ฅผ ์ ์ํฉ๋๋ค.
์๊ฐ์ 5,393๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
์๋ ํ์ธ์. ํ๋ค์ฝ๋ฉ์ ๋๋ค :)
์ ๊ฐ ์ฒ์์ผ๋ก ๋ง๋ projectํ ๊ฐ์์ธ๋ฐ, ์๊ฐ๋ณด๋ค ๋ง์ ์ฌ๋๋ค์ด ๊ด์ฌ์ ๊ฐ์ ธ์ฃผ์ ์ ์ง์ฌ์ผ๋ก ๋๋์ต๋๋ค.
์ด๋ฒ MBTI ํ๋ก์ ํธ ๊ฐ์๋ฅผ ์งํํ๋ฉด์,
ํด๋น ๋งํฌ์ ์ ์ํ ์๋ต์์ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ๋ก ์ ์ฅํ๊ณ ์ถ๋ค๋ ์๊ฒฌ์ ๋ฐ์์ต๋๋ค.
๋จ์ํ HTML/JS/CSS๋ง ๋ค๋ฃจ๋ ์ด๋ฒ ํ๋ก์ ํธ์๋ ๋ค๋ฅด๊ฒ,
ํด๋น ์๊ฑด์ ํด๊ฒฐํ๋ ค๋ฉด ์๋ฒ๋ฅผ ๊ตฌ์ถํ๊ณ , ๋ฐฐํฌํ๋ ๋ฐฉ๋ฒ์ ์์์ผ ํฉ๋๋ค.
https://www.mbtifriends.site/
์ฌ์ฉ์ ์๋ต์ ์ ์ฅํ๊ณ , ๋๊ตฌ๋ ์ ์ํด์ ๋ณธ์ธ๋ง์ ๋งํฌ๋ฅผ ๋ง๋ค ์ ์๋ ํ๋ก์ ํธ๋ฅผ ๋ง๋ค์ด ๋ณด์์ต๋๋ค.
์๋ฒ๋ express, DB๋ MongoDB ๋ฅผ ํตํด ๊ตฌ์ถํ์๊ณ , ejs ๋ฌธ๋ฒ์ ์ฌ์ฉํ์์ต๋๋ค.
๋งํฌ๋ฅผ ์์ฑํ๋ฉด ๋ณธ์ธ๋ง์ ๋งํฌ๋ฅผ ๋ถ์ฌํ๊ณ , ๊ทธ ๋งํฌ์ ๋ฐ๋ฅธ ๊ฒฐ๊ณผ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
์ด ํ๋ก์ ํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๊ฐ์๋ฅผ ๊ธฐํํ๊ณ ์์ต๋๋ค.
์๋ฌด๋๋ ํ ๊ฐ์๋ณด๋ค๋ ๋์ด๋๊ฐ ์๋นํ ์ฌ๋ผ๊ฐ๊ธฐ์, ์ด๋ก ๊ณผ ๋ณํํ์ฌ ์งํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
์ ๊ฐ์๋ฅผ ์๊ฐํด์ฃผ์ ์๊ฐ์๋ถ๋ค์ ์๊ฒฌ์ ๋ฃ๊ณ ์ ์ด๋ ๊ฒ ๊ฒ์๊ธ์ ์์ฑํ๊ฒ ๋์์ต๋๋ค.
์ด๋ ํ ๋ฐฉํฅ์ด๋ ๊ฐ์ฌํ ๋ง์์ผ๋ก ์๊ฒจ๋ฃ๊ฒ ์ต๋๋ค.
์ด ๊ฒ์๊ธ์ ๋๊ธ์ด๋ nani6765@gmail.com์ผ๋ก ํผ๋๋ฐฑ ์ฃผ์๋ฉด ์ ๋ง ๊ฐ์ฌํ๊ฒ ์ต๋๋ค!
๊ทธ๋ฌ๋ฉด ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋์๊ธธ ๋ฐ๋ผ๊ฒ ์ต๋๋ค :)
Happy Coding!
์๋ ํ์ธ์ ํ๋ค์ฝ๋ฉ์ ๋๋ค!
ํ๋ฃจ10๋ถ Web Project๋ฅผ ์๊ฐํ์๋ ๋ถ๋ค๊ป ๊ณต์ง์ฌํญ์ ๋จ๊ธฐ๊ณ ์ ๊ธ์ ์์ฑํ๊ฒ ๋์์ต๋๋ค.
QnA์์ Answer ์์ญ์ ๋ฒํผ์ด ์๋ ์ด๋ฏธ์ง๋ก ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ ๋ํด,
์๊ฐ์๋ถ๊ป์ ์ ์๊ฒ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ จ์ต๋๋ค.
์ ๋ง ๊ด์ฐฎ์ ์ง๋ฌธ์ด๋ผ ์๊ฐํ๊ธฐ์ ๋ค๋ฅธ ๋ถ๋ค๊ณผ๋ ์ด ๋ด์ฉ์ ๊ณต์ ํ๊ธฐ ์ํด์ ์ถ๊ฐ์ ์ผ๋ก ์์์ ์ดฌ์ํ์๊ณ ,
[์ง์์๋ต] ์น์ ์ผ๋ก ๊ฐ์๋ฅผ ์ฌ๋ ธ์ต๋๋ค.
์ด ์ฒ๋ผ ์์์ ์์ฒญํ์๋ฉด์ ๋ณธ์ธ์ ์์ด๋์ด๋ก ์น์ฌ์ดํธ๋ฅผ ๋ ๋ฐ์ ํด๋ณด๊ณ ์ถ์ง๋ง,
ํน์ ๊ตฌํ์ ์กฐ๊ธ ์ด๋ ค์์ ๊ฒช์ผ์๋ฉด ์ผ๋ง๋ ์ง ์ง๋ฌธํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค :)
์ ๋ ํ ๋ฟ๋ ๋ฐ๊น์ง ๋ต๋ณ์ ๋๋ฆฌ๊ณ , ํ์ํ๋ค๋ฉด ์ง๊ธ์ฒ๋ผ ์์์ ์ดฌ์ํด์ ๊ฐ์๋ก ์ฌ๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค.
๊ทธ ๋๋ฅผ ์ํด์ ๋ง๋ ์ง์์๋ต ์น์ ์ด๊ธฐ๋ ํฉ๋๋ค!
๊ทธ๋ฌ๋ฉด ์ค๋๋ ์ฆ๊ฑฐ์ด ์ฝ๋ฉํ์ธ์ :)
- ํ๋ค์ฝ๋ฉ ๋๋ฆผ






