1,400๋ง ๊ฐ์ ์ ์ฌ ๋ฉ๋ด๋ฅผ ๋ณด๊ณ ์๋ค.
โ์ค๋์ ๋ญ ๋จน์ง?โ ๋ผ๋ ๊ณ ๋ฏผ์ ์ง์น ์ง์ฅ์ธ๋ค์ ์ํ ์ค๋์ ์ ์ฌ ๋ฉ๋ด ๊ฒฐ์ ํํฐ๋ง ์๋น์ค
- ๐ Site is Live! ๐
- https://lunch-strange.netlify.app/ (์๋ฒ๋ Heroku๋ก ๋ฐฐํฌ)
- '๊ตฌ์
' ํ ํ๋ก์ ํธ :
- ํ์ฅ ๊ตฌ๋ฏผํ @kkoomin (ํ๋ก ํธ์๋ ๊ฐ๋ฐ)
- ํ์ ์์ฌ์ @EomJaeWoong (๋ฐฑ์๋ ๊ฐ๋ฐ)
-
์ ์ ๊ฐ ์ค์ ํ ํํฐ๋ฅผ ๊ฑฐ์น ์ ์ฌ ๋ฉ๋ด ๋ฐ ์์์ ์ ๋ณด ์ ๊ณต
- ๊ฐ๊ฒฉ, ํ ์์น๋ก๋ถํฐ์ ๊ฑฐ๋ฆฌ, ์์ ์นดํ
๊ณ ๋ฆฌ๋ฅผ ํํฐ๋ก ์ค์
(ex) 8000์ ๋ฏธ๋ง, ํ์ฌ ์์น ๊ธฐ์ค 500m ์ด๋ด, ํ์, ๋ถ์ ๋ฑ) - ์ ์ ํธ์๋ฅผ ์ํ ํด๋ฆญํ ํํฐ ํ๊ทธ ๊ธฐ๋ฅ ์ ๊ณต
- ๊ฐ๊ฒฉ, ํ ์์น๋ก๋ถํฐ์ ๊ฑฐ๋ฆฌ, ์์ ์นดํ
๊ณ ๋ฆฌ๋ฅผ ํํฐ๋ก ์ค์
-
์ง๋ API๋ฅผ ์ด์ฉํ์ฌ ์์์ ์์น ๋ฐ ํด๋น ์์์ ์ ๋ฉ๋ด ์ ๋ณด ์ ๊ณต
- Kakao Map API ์ ์ฉ
- ์ง๋ ์์ ํํฐ๋ง ๋ ์์์ ์์น ๋ง์ปค๋ก ํ์
- ํด๋น ๋ง์ปค์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ฆฌ๋ฉด ์์์ ์ด๋ฆ์ด ํ์, ๋ง์ปค๋ฅผ ํด๋ฆญํ๋ฉด ์์์ ์์ธ ํ์ด์ง๋ก ์ด๋
- ํํฐ๋ง ๊ฒฐ๊ณผ ์์์ ๋ฆฌ์คํธ๋ 6๊ฐ์ฉ ๋ณด์ฌ์ง๋ฉฐ, ๋๋ณด๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด ์ถ๊ฐ์ ์ผ๋ก ๋๋๋ง ๋จ
- ์์์ ๋ฆฌ์คํธ ํ๋ฉด์์๋ ํํฐ๋ง ๋ ๊ฐ๊ฒฉ์ ํด๋นํ๋ ๋ฉ๋ด๋ง ๋ณผ ์ ์๊ณ , ์์์ ์์ธ ํ์ด์ง์์ ์์์ ์ ์ฒด ๋ฉ๋ด๋ฅผ ๋ณผ ์ ์์
-
์์์ ์ ๋ณด ์ ๊ณต
- ํํฐ๋ง ๋ ๋ฆฌ์คํธ์์ ๋๋ณด๊ธฐ๋ฅผ ํด๋ฆญํ ์ ์์์ ์์ธ ํ์ด์ง๋ก ์ด๋
- ์์ธ ํ์ด์ง์์ ์์์ ์ด๋ฆ, ์ฃผ์, ์ฐ๋ฝ์ฒ, ์์น, ์ ์ฒด ๋ฉ๋ด, ํ๊ทธ, ์ฌ์ง ๋ฑ์ ํ์ธ ๊ฐ๋ฅ
-
๊ตฌ๋ด์๋น ๋ฐ ์ ์ฌ๋ถํ ๋ฉ๋ด
- ๊ตฌ๋ด์๋น์ ์๋จํ์ ์ ์ฌ ํ์ ๋ทํ๋ฅผ ์ ๊ณตํ๋ ์์์ ์ ๋น์ผ ๋ฉ๋ด๋ฅผ ๋ณผ ์ ์์
- ์ด๋ฏธ์งํ์์ผ๋ก ๋ณด์ฌ์ง๋ฏ๋ก, ์ฃผ๊ธฐ์ ์ผ๋ก ์๋จํ๋ฅผ ์ ๊ณตํ๊ฑฐ๋ ํ๋ณด ์ฐจ ์ฌ๋ฆฌ๋๋ก ๋ฌธ์ํ ์ ์๋ ๋ฌธ์ ์์์ ์ ๊ณต
-
ํธ์์ ์ถ์ฒ ์กฐํฉ ๊ณต์ ๊ฒ์ํ
- ๊ฒ์ํ ๊ธ์ฐ๊ธฐ, ์ฝ๊ธฐ, ์์ , ์ญ์ ๊ธฐ๋ฅ
- ๊ฒ์๊ธ ์ข์์ ๊ธฐ๋ฅ
- ๊ธ์ฐ๊ธฐ, ์์ , ์ญ์ ๋ ๋ก๊ทธ์ธํ ์ ์ ๋ง ์ฌ์ฉ ๊ฐ๋ฅ
-
Kakao Login API์ ํตํ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ
- ๋ก๊ทธ์ธ, ๋ก๊ทธ์์ ๊ฐ๋ฅ
- ์ฌ์ฉ์ Email, Nickname์ ์ฌ์ฉ์ ๋์ ํ์ ์ ๊ณต๋ฐ์ ์ฌ์ฉ
- ๋ก๊ทธ์ธ ๋ ์ ์ ์ ํํ์ฌ ์์์ ํ์ ์ฃผ๊ธฐ ๋ฐ ๋ฆฌ๋ทฐ ์์ฑ ๊ฐ๋ฅ
- ๊ฐ๋จ, ์ญ์ผ ์ง์ญ๊ถ ์ด์์ผ๋ก ์์์ ์ ๋ณด ํ๋
- ๋ณด๋ค ์ ํํ ํ ์์น ์ฐพ๊ธฐ ๊ธฐ๋ฅ
- Front-end: Vue.js, SCSS, JavaScript
- Back-end: Node.js, Express, TypeScript
- Database: MongoDB
- Etc: Vuex, Vue Apollo, GraphQL, Apollo Server, Kakao Map, Kakao Login