My taste ver2

Giseleยท2021๋…„ 4์›” 4์ผ
0

Toy Project

๋ชฉ๋ก ๋ณด๊ธฐ
6/11
post-thumbnail

my-taste ver1

๐Ÿ™‹About

๐Ÿ‘‰ ๋‘˜๋Ÿฌ๋ณด๊ธฐ

์ข‹์•„ํ•˜๋Š” ๊ฒƒ์€ ๋ณด๊ณ ๋งŒ ์žˆ์–ด๋„ ๊ธฐ๋ถ„์ด ์ข‹์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฐ ๊ฒƒ๋“ค์„ ํ•œ ๋‹ด๊ณ , ๊ธฐ๋กํ•ด, ๋ชจ์•„์„œ ๋ณธ๋‹ค๋ฉด ํŒํŒํ•œ ํ•˜๋ฃจ์— ์ž ๊น์ด๋ผ๋„ ๊ธฐ์  ์ˆ˜ ์žˆ์ง€์•Š์„๊นŒ?๋ผ๋Š” ๋งˆ์Œ์—์„œ ์ถœ๋ฐœํ•œ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.
์šฐ์„ ์€ ๊ฐœ๋ฐœ์ž์˜ ๋…์„œ์Šต๊ด€์„ ๋‹ด์•„ ์ฑ…์— ๋Œ€ํ•œ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

  • stack : React, redux, thunk, styled-component, firebase
  • ๊ฐœ๋ฐœ๊ธฐ๊ฐ„ : 21.3.28~21.4.1(1์ฐจ) ์ดํ›„ ๊ฐœ์„  ์ค‘

ํฌ๊ฒŒ ๋‹ฌ๋ผ์ง„ ๊ฒƒ?

  • scss ๋Œ€์‹  styled ์ปดํฌ๋„ŒํŠธ ์ ์šฉ
  • nextjs ๋Œ€์‹  react-router ์ด์šฉ
  • ๋ฐ˜์‘ํ˜•์œผ๋กœ ์ˆ˜์ •, ๋ฐ˜์‘ํ˜• ํ—ค๋” ์ถ”๊ฐ€
  • saga๋ง๊ณ  thunk๋ฅผ ์ ์šฉํ•ด ๋ด„
  • lodash ์‚ฌ์šฉ
  • ๋ฐฑ์—”๋“œ firebase ์ ์šฉ
  • realtime database๋ฅผ ์ด์šฉํ•ด ์•Œ๋ฆผ๊ธฐ๋Šฅ ์ ์šฉ
  • ๊ธ€์“ฐ๊ธฐ ๋ˆ„๋ฅด๋ฉด ์ธ๋„ค์ผ ์ž๋™ ์‚ฝ์ž…
  • ๋ฌดํ•œ์Šคํฌ๋กค๋ง + ์Šคํ”ผ๋„ˆ ์ ์šฉ

์ƒ์„ธ๊ธฐ๋Šฅ

๋ฉ”์ธํ™”๋ฉด

  • dashboard์—์„œ ์ €์žฅํ•œ ์ฑ…, ์ฝ์€ ์ฑ…, ๊ธฐ๋กํ•œ ์ฑ… ํ†ต๊ณ„๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค
  • ์ €์žฅํ•œ ๋ฌธ์žฅ์„ ๋žœ๋ค์œผ๋กœ ๋ณด์—ฌ์ค€๋‹ค

ํšŒ์›๊ฐ€์ž…

  • ํšŒ์›๊ฐ€์ž… ํ›„ ๋ฐ”๋กœ ๋กœ๊ทธ์ธ

ํ”„๋กœํ•„ ์ˆ˜์ •

  • firebase auth ๊ธฐ๋Šฅ ์ด์šฉ

๊ฒ€์ƒ‰ ํ›„ ์ €์žฅ

  • ๋ฌดํ•œ ์Šคํฌ๋กค, spinner ์ถ”๊ฐ€

ํฌ์ŠคํŠธ ์“ฐ๊ธฐ

  • ์ธ๋„ค์ผ ์ž๋™ ์ถ”๊ฐ€
  • ๋ฌธ์žฅ, ๊ฐ์ƒ ์Šค์œ„์น˜๋ฅผ ์ด์šฉํ•ด ํ•˜๋‚˜์˜ text area์—์„œ ์ž‘์„ฑ
  • ์ด๋ฏธ ์ž‘์„ฑํ•œ ๊ธ€์ด ์žˆ์œผ๋ฉด ์ˆ˜์ • ํŽ˜์ด์ง€๋กœ ๊ฐ

Feed

  • ๋ฌดํ•œ ์Šคํฌ๋กค ์ ์šฉ
  • ์ข‹์•„์š”, ๋Œ“๊ธ€ ๊ธฐ๋Šฅ - ์•Œ๋ฆผ ๊ธฐ๋Šฅ ์ถ”๊ฐ€
  • ํฌ์ŠคํŠธ ์ˆ˜์ •, ์‚ญ์ œ

Calendar

  • shelf์—์„œ ์ฝ์Œ ํ‘œ์‹œํ•˜๋ฉด ๋‹ฌ๋ ฅ์— ์ €์žฅ
profile
ํ•œ์•ฝ์€ ๊ฑฐ๋“ค๋ฟ

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

comment-user-thumbnail
2021๋…„ 4์›” 5์ผ

ํ™”์ดํŒ…

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ