๐Ÿคairpnp - Retrospect (1)

sanha_OvOยท2021๋…„ 12์›” 26์ผ
0

Project

๋ชฉ๋ก ๋ณด๊ธฐ
6/7

๐Ÿค 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

โŒจ๏ธ ๊ตฌํ˜„

๊ธธ๋„์—ฐ

  • ๊ฒ€์ƒ‰ ๋ฒ„ํŠผ ํด๋ฆญ์‹œ ๋ชจ๋‹ฌ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ตฌํ˜„ ๋ฐ ์Šคํƒ€์ผ๋ง
  • ํšŒ์› ๋กœ์ง์„ ์œ„ํ•œ ๋“œ๋กญ๋‹ค์šด ๋ฉ”๋‰ด ๊ตฌํ˜„
  • ์ปค์Šคํ…€ Datepicker๋ฅผ ํ†ตํ•ด ํŠน์ • ๋‚ ์งœ ์‚ฌ์ด์˜ ํ˜ธ์ŠคํŠธ ๊ฒ€์ƒ‰๊ธฐ๋Šฅ ๊ตฌํ˜„

ํ˜ธ์ŠคํŠธ ๋“ฑ๋ก ํŽ˜์ด์ง€

  • ๋„ค์ŠคํŠธ ๋ผ์šฐํŒ…์„ ํ†ตํ•œ ํ˜ธ์ŠคํŠธ ๋“ฑ๋ก์ ˆ์ฐจ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ์ดํ›„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • FormData๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ ์„œ๋ฒ„ ์ „์†ก

Map

  • ๋„ค์ด๋ฒ„ ์ง€๋„ API๋ฅผ ํ†ตํ•ด ๊ตฌํ˜„
  • ์ปค์Šคํ…€ ๋งˆ์ปค ๊ตฌํ˜„ ๋ฐ ์˜จํด๋ฆญ ์‹œ ์ง€์—ญ์— ๋”ฐ๋ฅธ ๋ฆฌ์ŠคํŠธ ํ•„ํ„ฐ๋ง ๊ตฌํ˜„

๊น€ํ˜œ๋ฆฌ

ํ˜ธ์ŠคํŠธ ๋ฆฌ์ŠคํŠธ ํŽ˜์ด์ง€

  • ํŽ˜์ด์ง€๋„ค์ด์…˜์„ ํ†ตํ•ด ๋‹ค์ˆ˜์˜ ๋ฐ์ดํ„ฐ๋ฅผ ํŽ˜์ด์ง€๋กœ ๋ถ„๋ฆฌ
  • ์ฒดํฌ๋ฐ•์Šค ๋ฐ ๋„ค์ด๋ฒ„ ๋งต์„ ์ด์šฉํ•œ ์นดํ…Œ๊ณ ๋ฆฌ/์ง€์—ญ ํ•„ํ„ฐ๋ง
  • ์Šฌ๋ฆญ์Šฌ๋ผ์ด๋”๋ฅผ ํ†ตํ•œ ์ด๋ฏธ์ง€ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ธฐ๋Šฅ

๋กœ๊ทธ์ธ

  • ์นด์นด์˜ค SDK๋ฅผ ์ด์šฉํ•œ ์นด์นด์˜ค ์†Œ์…œ๋กœ๊ทธ์ธ ๊ตฌํ˜„

์ด๋‚˜์€

ํ˜ธ์ŠคํŠธ ์ƒ์„ธ ํŽ˜์ด์ง€

  • ์ „๋ฐ˜์ ์ธ ๋ ˆ์ด์•„์›ƒ ๊ตฌํ˜„
  • ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ์‹œ description ๋ชจ๋‹ฌ์ฐฝ ๊ตฌํ˜„
  • slick ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์ง„ ์บ๋Ÿฌ์…€ ๊ธฐ๋Šฅ ๊ตฌํ˜„ ๋ฐ ์Šคํƒ€์ผ๋ง

๐Ÿ–ฅ ๊ฒฐ๊ณผ

Preview


profile
Web Developer / Composer

0๊ฐœ์˜ ๋Œ“๊ธ€