Community

๊ฐœ๋ฐœ์ž 99% ์ปค๋ฎค๋‹ˆํ‹ฐ์—์„œ ์ˆ˜๋‹ค ๋–จ์–ด์š”!

โ† Go back

๐Ÿ ๋ถ€๋™์‚ฐ ์ฒญ์•ฝ ์•Œ๋ฆฌ๋ฏธ - ์ฒญ์•ฝ ์ •๋ณด๋ฅผ ์ด๋ฉ”์ผ๋กœ ๊ฐ„ํŽธํ•˜๊ฒŒ ๋ฐ›์•„๋ณด๊ธฐ

โ€ข#side_projectsโ€ข
2์ฃผ์ผ ์ „
โ€ข
212
โ€ข
3
โ€ข

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๋ฅผ ์‚ฌ์šฉํ•ด ์ ์žฌ์ ์†Œ์— ์š”์†Œ๋ฅผ ๋ฐฐ์น˜ํ•˜๋Š” ๊ฒƒ์€ ๋ฌผ๋ก  ๋””์ž์ธ ๊ฐ๊ฐ๋„ ์žˆ์–ด์•ผ ํ•˜๋‹ค๋ณด๋‹ˆ ๋น„๋ก ์ฒ˜์ฐธํ•œ ๋””์ž์ธ์ด ๋‚˜์˜ค๊ธด ํ–ˆ์ง€๋งŒ... ๊ทธ๋ž˜๋„ ๋งŽ์€ ๋ถ„๋“ค์ด ๋ณด์‹œ๊ณ  ํ”„๋กœ์ ํŠธ ์ „๋ฐ˜์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ์„ ํ•ด์ฃผ์‹ ๋‹ค๋ฉด ๋”์šฑ ๋ฐœ์ „ํ•  ์ˆ˜ ์žˆ๋Š” ๊ณ„๊ธฐ๊ฐ€ ๋  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋ถ€์กฑํ•œ ํ”„๋กœ์ ํŠธ์— ๊ด€์‹ฌ ๊ฐ€์ง€๊ณ  ๋“ค์–ด์™€์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

3 comments