๐ค airpnp
์์ด๋น์ค๋น ํด๋ก ํ๋ก์ ํธ ํ๊ณ
-
์๋น์ค ์๊ฐ
- ํน์ ์ง์ญ์ ๋ด๊ฐ ์ํ๋ ์ฌ๋ฅ์ ๊ฐ์ง ์ฌ๋์ ์๊ฐ์ ๋น๋ฆฌ๋ ์๋น์ค
-
ํ์
- FE: ๊ธธ๋์ฐ, ๊นํ๋ฆฌ, ์ด๋์
- BE: ์ด์ฃผ๋ช
, ๊น์ํ, ์ผ๊ธฐ์ฑ
Frontend ๊ฐ๋ฐ ์ด๊ธฐ ์ธํ
์ CRA๋ฅผ ์ด์ฉํ์ฌ ์ง์ ์งํ
๐ Source
๐ Tech Stack
- Frontend : HTML5/CSS3(Styled-component), React.js, AWS S3, NAVER MAP API, kakao Social SDK
- Backend : Python3, Django, bcrypt, JWT, AWS EC2, S3
- Database : MySQL
- SCM : Git, Github
- Team Collaboration Tool : Slack, Trello, Notion
โจ๏ธ ๊ตฌํ
๊ธธ๋์ฐ
Nav
- ๊ฒ์ ๋ฒํผ ํด๋ฆญ์ ๋ชจ๋ฌ ์ ๋๋ฉ์ด์
๊ตฌํ ๋ฐ ์คํ์ผ๋ง
- ํ์ ๋ก์ง์ ์ํ ๋๋กญ๋ค์ด ๋ฉ๋ด ๊ตฌํ
- ์ปค์คํ
Datepicker๋ฅผ ํตํด ํน์ ๋ ์ง ์ฌ์ด์ ํธ์คํธ ๊ฒ์๊ธฐ๋ฅ ๊ตฌํ
ํธ์คํธ ๋ฑ๋ก ํ์ด์ง
- ๋ค์คํธ ๋ผ์ฐํ
์ ํตํ ํธ์คํธ ๋ฑ๋ก์ ์ฐจ ๊ธฐ๋ฅ ๊ตฌํ
- ์ด๋ฏธ์ง ์
๋ก๋ ์ดํ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ธฐ๋ฅ ๊ตฌํ
- FormData๋ฅผ ์ด์ฉํ์ฌ ๋ฐ์ดํฐ ์๋ฒ ์ ์ก
Map
- ๋ค์ด๋ฒ ์ง๋ API๋ฅผ ํตํด ๊ตฌํ
- ์ปค์คํ
๋ง์ปค ๊ตฌํ ๋ฐ ์จํด๋ฆญ ์ ์ง์ญ์ ๋ฐ๋ฅธ ๋ฆฌ์คํธ ํํฐ๋ง ๊ตฌํ
๊นํ๋ฆฌ
ํธ์คํธ ๋ฆฌ์คํธ ํ์ด์ง
- ํ์ด์ง๋ค์ด์
์ ํตํด ๋ค์์ ๋ฐ์ดํฐ๋ฅผ ํ์ด์ง๋ก ๋ถ๋ฆฌ
- ์ฒดํฌ๋ฐ์ค ๋ฐ ๋ค์ด๋ฒ ๋งต์ ์ด์ฉํ ์นดํ
๊ณ ๋ฆฌ/์ง์ญ ํํฐ๋ง
- ์ฌ๋ฆญ์ฌ๋ผ์ด๋๋ฅผ ํตํ ์ด๋ฏธ์ง ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ธฐ๋ฅ
๋ก๊ทธ์ธ
- ์นด์นด์ค SDK๋ฅผ ์ด์ฉํ ์นด์นด์ค ์์
๋ก๊ทธ์ธ ๊ตฌํ
์ด๋์
ํธ์คํธ ์์ธ ํ์ด์ง
- ์ ๋ฐ์ ์ธ ๋ ์ด์์ ๊ตฌํ
- ๋๋ณด๊ธฐ ๋ฒํผ ํด๋ฆญ์ description ๋ชจ๋ฌ์ฐฝ ๊ตฌํ
- slick ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉํ์ฌ ์ฌ์ง ์บ๋ฌ์
๊ธฐ๋ฅ ๊ตฌํ ๋ฐ ์คํ์ผ๋ง
๐ฅ ๊ฒฐ๊ณผ
Preview