Skip to content

๐Ÿ”ฅ [ํ•ด, ์ปค๋ฆฌ์–ด] ํ•ด์ปคํ†ค WinWin ํ”„๋กœ์ ํŠธ Frontend

Notifications You must be signed in to change notification settings

Hackathon-WinWin/WinWin_Front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

84 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

WinWin

โœ… ์š”์•ฝ

  • wanted์—์„œ ์ฃผ์ตœํ•œ [ํ•ด,์ปค๋ฆฌ์–ด] ์ฑ„์šฉ ์—ฐ๊ณ„ํ˜• ํ•ด์ปคํ†ค์—์„œ ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ ์ž…๋‹ˆ๋‹ค.
  • ํ˜ธํ…” ๋กœ๋น„์˜ ๋‚จ๋Š” ๊ณต๊ฐ„์— ์•„ํ‹ฐ์ŠคํŠธ๋“ค์˜ ์ž‘ํ’ˆ์„ ์ „์‹œํ•  ์ˆ˜ ์žˆ๋„๋ก ํ˜ธํ…”๊ณผ ์•„ํ‹ฐ์ŠคํŠธ๋ฅผ ์—ฐ๊ฒฐํ•ด์ฃผ๋Š” ํ”Œ๋žซํผ WinWin

โš™๏ธ ๊ธฐ์ˆ  ์Šคํƒ

Javascript React Redux Redux-saga Styled-components

๐ŸŽจ ๊ตฌํ˜„ํ•œ ๊ธฐ๋Šฅ(UI)

  • ์•„ํ‹ฐ์ŠคํŠธ/ํ˜ธํ…” ์‚ฌ์šฉ์ž๋กœ ๋‚˜๋ˆ„์–ด UI๋ฅผ ๊ฐœ๋ฐœํ•˜์˜€์Šต๋‹ˆ๋‹ค.

winwin

๐Ÿค” ๊ณ ๋ฏผ

  • Container/Presentational ๊ตฌ์กฐ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ตฌ์„ฑํ•˜์—ฌ view์™€ API์ƒํƒœ๋กœ์ง(Redux ๋กœ์ง)์„ ๋ถ„๋ฆฌํ•˜๊ณ ์ž ํ–ˆ์Šต๋‹ˆ๋‹ค.
  • Redux๊ฐ€ ๋น„๋™๊ธฐ ํ†ต์‹ ์— ์ ํ•ฉํ•œ ๋„๊ตฌ์ธ์ง€ ๊ณ ๋ฏผํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค. ๋น„๋™๊ธฐ ํ†ต์‹ ์„ ์œ„ํ•ด Redux-saga๋ฅผ ๋„์ž…ํ•˜์˜€์ง€๋งŒ JS์˜ generator์™€ ๊ฐ™์€ ์ตœ์‹  ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์–ด ์ต์ˆ™ํ•˜์ง€ ๋ชปํ•ด ๋Ÿฌ๋‹์ปค๋ธŒ๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.
  • ์„œ๋ฒ„ API๊ฐ€ ๋งŽ์•„์ง€๋ฉด์„œ ๋ฉ๋‹ฌ์•„ Redux ๋ชจ๋“ˆ์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ๊ฐ€ ์ฆ๊ฐ€ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ํ•˜๋‚˜์˜ API๋ฅผ ์‚ฌ์šฉํ•˜๋Š”๋ฐ์—๋„ ์ ์–ด๋„ 3๊ฐœ์˜ ์ƒํƒœ(๋ฐ์ดํ„ฐ, ๋กœ๋”ฉ, ์—๋Ÿฌ)๊ฐ€ ํ•„์š”ํ–ˆ๊ณ , reducer, action, action์ƒ์„ฑ ํ•จ์ˆ˜ ๋“ฑ์„ ์ž‘์„ฑํ•˜๋Š” ์ž‘์—…์ด ๋ฐ˜๋ณต๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฐ ๋ถˆํŽธํ•จ ๋•Œ๋ฌธ์— ํ”„๋กœ์ ํŠธ๊ฐ€ ๋๋‚˜๊ฐˆ ๋ฌด๋ ต์—๋Š” redux ๋ชจ๋“ˆ์„ ๋งŒ๋“ค์ง€ ์•Š๊ณ  ๊ทธ๋ƒฅ APIํ•จ์ˆ˜๋ฅผ ๊ฐ€์ ธ๋‹ค ์‚ฌ์šฉํ•˜๋Š” ์ƒํ™ฉ๊นŒ์ง€ ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค. ์„œ๋ฒ„ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด redux๋ง๊ณ  ๋‹ค๋ฅธ ๋„๊ตฌ๋ฅผ ๊ณ ๋ คํ•ด๋ณผ ํ•„์š”๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

About

๐Ÿ”ฅ [ํ•ด, ์ปค๋ฆฌ์–ด] ํ•ด์ปคํ†ค WinWin ํ”„๋กœ์ ํŠธ Frontend

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages