๊ฐ๋ฐ์ 99% ์ปค๋ฎค๋ํฐ์์ ์๋ค ๋จ์ด์!
https://housing-subscription-noti.web.app/
[Service Screenshots]
(1) ์๊ธฐ์๊ฐ
๋ํ๊ต 3ํ๋ ์ฌํ ์ค์ธ ๋ํ์์ ๋๋ค. ์ด๋ฆด ๋๋ถํฐ ๋ก๋ด, ์๊ณ ๋ฆฌ์ฆ ๋ฑ ๋ค์ํ ๋ถ์ผ์ ํ๋ก๊ทธ๋๋ฐ์ ๊ณต๋ถํ์ผ๋ฉฐ ์ ๋ณด๋ณด์ ์ชฝ์ผ๋ก ๋ํ์ ์งํํ์ผ๋, Nico์ ๊ฐ์๋ฅผ ๋ฃ๊ณ ์ ๊ฐ ์ผ์์์ ๋๋ผ๋ ๋ถํธํจ์ ํ๋ก๊ทธ๋๋ฐ์ผ๋ก ํด๊ฒฐํ๋ ์ฌ๋ฏธ๋ฅผ ๋๋ผ๋ฉฐ ์ต๊ทผ์๋ ์น ํ๋ก๊ทธ๋๋ฐ ์ชฝ์ ๊ณต๋ถํ๊ณ ์์ต๋๋ค.
(2) ์๋น์ค ์๊ฐ ๋ฐ ํ๋ก์ ํธ ๊ณ๊ธฐ
https://github.com/Seungje-Lee/Housing-Subscription-Notification
์ฒญ์ฝํ์์ ์ ๊ณตํ๋ ์ฒญ์ฝ ์๋ฆผ ์๋น์ค๋ฅผ ๊ฐ์ ํ์ฌ ์ฒญ์ฝ ์๋ฆผ ์ง์ญ ๊ฐ์ ์ ํ ์์ด, ์์ธํ ์ค๋ช ์ ์ฒจ๋ถํ์ฌ ์ด๋ฉ์ผ๋ก ์ ๊ณตํ๋ ์๋น์ค์ ๋๋ค.
๋ถ๋์ฐ ๊ณต๋ถ์ ๊ด์ฌ์ด ๋ง์ ์ฒญ์ฝํ(https://applyhome.co.kr)์ ์นดํก์ผ๋ก ๋ฐ์๋ณผ ์ ์๋ ์ฒญ์ฝ ์๋ฆฌ๋ฏธ๋ฅผ ์ค์ ํด๋๋๋ฐ ์๋ฆผ ์์คํ ์ด ๊ฐ์ธ์ ์ผ๋ก ๋ถํธํ์ต๋๋ค.
์ํํธ, ๊ณต๊ณต์ง์๋ฏผ๊ฐ์๋, ๋ฌด์์์ฒญ์ฝ, ๋ถ๋ฒํ์์ฌ๊ณต๊ธ ๋ฑ ์ฌ๋ฌ ์ ํ์ ์ฒญ์ฝ์ด ์์์๋ ์ ์ ํ์ ํฉ์ณ ์ต๋ 10๊ฐ ์ง์ญ(์ ๋จ์)์ ๋ํด์๋ง ์๋ฆผ์ ๋ฐ์ ์ ์๋ค๋ ์ ์ด ์์ฌ์ ์ต๋๋ค.
๋ฐ๋ผ์ ์ด๋ฌํ ํ๊ณ๋ฅผ ๋ณด์ํ์ฌ ๊ฐ์ ์ ํ ์์ด ๋ ๋ง์ ์ง์ญ๊ณผ ๋ค์ํ ์ ํ์ ์ฒญ์ฝ, ์ฒญ์ฝ์ ๋ํ ์์ธํ ์ ๋ณด๋ฅผ ๋ด์ ์ด๋ฉ์ผ๋ก ๋ฐ์๋ณผ ์ ์๋๋ก ํ์์ต๋๋ค. ๋ํ, ์ง๋๋ฅผ ์ด์ฉํ ์ง์ญ ์ ํ ๊ธฐ๋ฅ์ ์ ๊ณตํ์ฌ ๊ธฐ์กด์ ๊ฐ๋๋ค์ ๋ชฉ๋ก์์ ์ํ๋ ์ง์ญ์ ์ฝ๊ฒ ์ ํํ๊ธฐ ์ด๋ ค์ ๋ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ์ต๋๋ค.
(3) Tech Stack
FE: HTML, JavaScript, CSS
BaaS: Firebase
Dependencies & Libraries:
Leaflet.js
firebase
firebase-admin
firebase-functions
firebase-tools
nodemailer
(4) ํ๊ณ ์ถ์ ๋ง
๋ง์ ์น ํ๋ก๊ทธ๋๋ฐ์ ํด๋ณด๋ CSS๊ฐ ์ ๋ง ์ฝ์ง ์์ ๊ฒ ๊ฐ์ต๋๋ค. CSS๋ฅผ ์ฌ์ฉํด ์ ์ฌ์ ์์ ์์๋ฅผ ๋ฐฐ์นํ๋ ๊ฒ์ ๋ฌผ๋ก ๋์์ธ ๊ฐ๊ฐ๋ ์์ด์ผ ํ๋ค๋ณด๋ ๋น๋ก ์ฒ์ฐธํ ๋์์ธ์ด ๋์ค๊ธด ํ์ง๋ง... ๊ทธ๋๋ ๋ง์ ๋ถ๋ค์ด ๋ณด์๊ณ ํ๋ก์ ํธ ์ ๋ฐ์ ๋ํ ํผ๋๋ฐฑ์ ํด์ฃผ์ ๋ค๋ฉด ๋์ฑ ๋ฐ์ ํ ์ ์๋ ๊ณ๊ธฐ๊ฐ ๋ ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ถ์กฑํ ํ๋ก์ ํธ์ ๊ด์ฌ ๊ฐ์ง๊ณ ๋ค์ด์์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!