Giter VIP home page Giter VIP logo

boostcampwm2023 / ios04-heatpick Goto Github PK

View Code? Open in Web Editor NEW
15.0 3.0 1.0 9.74 MB

๐Ÿ”ฅ ์—ฌ๋Ÿฌ๋ถ„์ด ๋จธ๋ฌธ ์ž๋ฆฌ์— ๋”ฐ๋œปํ•œ ์˜จ๊ธฐ๋ฅผ ๋‚จ๊ฒจ๋ณด์„ธ์š” - ์œ„์น˜๊ธฐ๋ฐ˜ SNS ์„œ๋น„์Šค

Home Page: https://hogumachu.github.io/articles/heatpick/

Swift 88.65% JavaScript 0.05% TypeScript 11.27% Dockerfile 0.03%

ios04-heatpick's Issues

๋กœ๊ณ  ์ด๋ฏธ์ง€ ๋ฆฌ์†Œ์Šค scale ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๋กœ๊ณ  ์ด๋ฏธ์ง€ ํฌ๊ธฐ๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. (x2, x3 ๋ชจ๋‘ ์ถ”๊ฐ€)
  • Launch Screen์—์„œ ์ด๋ฏธ์ง€๊ฐ€ ๊นจ์ง
  • ๋กœ๊ทธ์ธ ํ™”๋ฉด์—์„œ ์ด๋ฏธ์ง€๊ฐ€ ๊นจ์ง

โœ… ํ•  ์ผ

  • Launch Screen Logo ์ด๋ฏธ์ง€ ์ถ”๊ฐ€ (logo)
  • Login Logo ์ด๋ฏธ์ง€ ์ถ”๊ฐ€ (logoWithTitle)

๋กœ๊ทธ์ธ ์„œ๋น„์Šค ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • Naver AccessToken์„ ์ด์šฉํ•ด ์„œ๋ฒ„์™€ ์ž˜ ๋™์ž‘ํ•˜๋„๋ก ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • ๋กœ๊ทธ์ธ ์„œ๋น„์Šค ์ถ”๊ฐ€

RIBs Routing ์œ ํ‹ธ ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • Navigation ๋ฐ ViewControllable ๋ผ์šฐํŒ…์„ ์œ„ํ•œ ์œ ํ‹ธ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • NavigationControllable ์ถ”๊ฐ€
  • ViewControllable Extension ์ถ”๊ฐ€

TextField ๋””์ž์ธ ์‹œ์Šคํ…œ ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๊ณต์šฉ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ํ…์ŠคํŠธ ํ•„๋“œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • ํ…์ŠคํŠธ ํ•„๋“œ ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌํ˜„

์•ฑ ์‹œ์ž‘ ์‹œ ์นดํ…Œ๊ณ ๋ฆฌ ์ •๋ณด ์ „์†ก

๐Ÿ—’๏ธ ์„ค๋ช…

  • ์•ฑ ์ตœ์ดˆ ์‹คํ–‰ ์‹œ ์นดํ…Œ๊ณ ๋ฆฌ ์ •๋ณด๋ฅผ ์ „์†กํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์—์„œ ์นดํ…Œ๊ณ ๋ฆฌ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์™€์„œ ์ „์†ก
  • ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ž‘์„ฑ

๋„ค์ด๋ฒ„, ์• ํ”Œ ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ UI ์ˆ˜์ •

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๋ฒ„ํŠผ์ด Press ์ƒํƒœ์—์„œ ์•„์ด์ฝ˜ ์ด๋ฏธ์ง€๋Š” Press ๋˜์ง€ ์•Š์€ ์ด์Šˆ

โœ… ํ•  ์ผ

  • ๋„ค์ด๋ฒ„ ๋ฒ„ํŠผ ์•„์ด์ฝ˜ Press ๋˜๋„๋ก ์ˆ˜์ •
  • ์• ํ”Œ ๋ฒ„ํŠผ ์•„์ด์ฝ˜ Press ๋˜๋„๋ก ์ˆ˜์ •

Search Tab ๊ตฌํ˜„

๐Ÿ—’๏ธ ์„ค๋ช…

โœ… ํ•  ์ผ

  • ๊ฒ€์ƒ‰ ์นดํ…Œ๊ณ ๋ฆฌ ๋ทฐ ๊ตฌํ˜„
  • ๊ฒ€์ƒ‰ ํ…์ŠคํŠธ ์ž…๋ ฅ์‹œ ๋ทฐ ๊ตฌํ˜„
  • ๊ฒ€์ƒ‰ ํ…์ŠคํŠธ ์ž…๋ ฅ ์™„๋ฃŒ์‹œ ๊ฒฐ๊ณผ ๋ทฐ ๊ตฌํ˜„
  • ์„œ๋ฒ„์™€ ์—ฐ๊ฒฐ

BasePresentation ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • Presentation์—์„œ ๊ณต์šฉ์œผ๋กœ ์‚ฌ์šฉ๋  ๋ชจ๋“ˆ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • BasePresentation ์ถ”๊ฐ€

Log ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • Log๋ฅผ ์ฐ์–ด๋ณด๊ธฐ์œ„ํ•ด CoreKit์— Logger๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • CoreKit์— Logger ์ถ”๊ฐ€

Story, Category Entity ์ƒ์„ฑ

๐Ÿ—’๏ธ ์„ค๋ช…

  • Story Entity ์ƒ์„ฑ
  • Category Entity ์ƒ์„ฑ

โœ… ํ•  ์ผ

  • Story Entity ์ƒ์„ฑ
  • Category Entity ์ƒ์„ฑ

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

๐Ÿ—’๏ธ ์„ค๋ช…

  • ํšŒ์›๊ฐ€์ž… ์ถ”๊ฐ€
  • ๋กœ๊ทธ์ธ -> ์ตœ์ดˆ ์œ ์ € -> ํšŒ์›๊ฐ€์ž…
  • ๋กœ๊ทธ์ธ -> ์ตœ์ดˆ ์œ ์ € X -> ํ™ˆ ํ™”๋ฉด

โœ… ํ•  ์ผ

  • ํšŒ์›๊ฐ€์ž… ํ™”๋ฉด ์ถ”๊ฐ€
  • ํšŒ์›๊ฐ€์ž… ๊ธฐ๋Šฅ ์ถ”๊ฐ€

์Šคํ† ๋ฆฌ ์ƒ์„ธ

๐Ÿ—’๏ธ ์„ค๋ช…

  • ์Šคํ† ๋ฆฌ ์ƒ์„ธ ๋‚ด์šฉ์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • ์ž‘์„ฑ์ž ํ”„๋กœํ•„ view ๊ตฌํ˜„
  • ์Šคํ† ๋ฆฌ ์ด๋ฏธ์ง€ ๋ฆฌ์ŠคํŠธ view ๊ตฌํ˜„
  • ์Šคํ† ๋ฆฌ ์ œ๋ชฉ, ๋‚ด์šฉ view ๊ตฌํ˜„
  • ์Šคํ† ๋ฆฌ ์œ„์น˜ ์ง€๋„ view ๊ตฌํ˜„
  • ์ถ”์ฒœ ์Šคํ† ๋ฆฌ ๋ฆฌ์ŠคํŠธ view ๊ตฌํ˜„
  • ์Šคํ† ๋ฆฌ ์ƒ์„ธ API ์—ฐ๊ฒฐ
  • ์ถ”์ฒœ ์Šคํ† ๋ฆฌ API ์—ฐ๊ฒฐ

ํšŒ์›๊ฐ€์ž… ์™„๋ฃŒ ํ™”๋ฉด ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • ํšŒ์›๊ฐ€์ž… ์™„๋ฃŒ ํ™”๋ฉด ์ถ”๊ฐ€
  • ๋กœ๊ทธ์ธ ํ™”๋ฉด -> ํšŒ์›๊ฐ€์ž… -> ํšŒ์›๊ฐ€์ž… ์™„๋ฃŒ

โœ… ํ•  ์ผ

  • ํšŒ์›๊ฐ€์ž… ์™„๋ฃŒ ํ™”๋ฉด ์ถ”๊ฐ€

Feature ํ…œํ”Œ๋ฆฟ ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • Tuist scaffold๋ฅผ ์ด์šฉํ•˜์—ฌ Feature ๋ชจ๋“ˆ์„ ํŽธํ•˜๊ฒŒ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.
  • ๋ฐ๋ชจ์•ฑ ์„ค์ •, Test ์„ค์ • ์ถ”๊ฐ€

โœ… ํ•  ์ผ

  • Feature ๋ชจ๋“ˆ ํ…œํ”Œ๋ฆฟ ์ถ”๊ฐ€

๊ฒ€์ƒ‰์–ด ์ž๋™์™„์„ฑ ๊ธฐ๋Šฅ

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๊ฒ€์ƒ‰ ์ž๋™์™„์„ฑ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•œ๋‹ค.

โœ… ํ•  ์ผ

  • ์ž…๋ ฅ ๋ฐ์ดํ„ฐ๋ฅผ ์ž์†Œ๋‹จ์œ„๋กœ ๋ถ„๋ฆฌํ•œ๋‹ค
  • ๋ถ„๋ฆฌ๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ถ”์ฒœ ๊ฒ€์ƒ‰์–ด๋ฅผ ์–ป์–ด๋‚ด๊ณ  ๋ฆฌํ„ดํ•œ๋‹ค.

๋ฐ์ดํ„ฐ ์Šคํ‚ค๋งˆ ์ž‘์„ฑ

๐Ÿ—’๏ธ ์„ค๋ช…

๋ฐ์ดํ„ฐ ์Šคํ‚ค๋งˆ ์ž‘์„ฑ

โœ… ํ•  ์ผ

  • ์–ด๋–ค DB ์‚ฌ์šฉํ• ์ง€ ๊ฒฐ์ •
  • ๋ฐ์ดํ„ฐ ์Šคํ‚ค๋งˆ ์ž‘์„ฑํ•˜๊ธฐ

Entity ์ถ”๊ฐ€ ํ›„ ๋ฒ„๊ทธ ํ”ฝ์Šค

๐Ÿ—’๏ธ ์„ค๋ช…

  • Entity ์ถ”๊ฐ€ ์ดํ›„์— ๋ฐœ์ƒํ•˜๋˜ ๋ฒ„๊ทธ๋ฅผ ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • import ๋ฒ„๊ทธ ์ˆ˜์ •
  • column ์™ธ๋ž˜ํ‚ค ์ง€์ • ๊ด€๋ จ ์—๋Ÿฌ ์ˆ˜์ •

๋ฒˆ๋“ค ์„ค์ •

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๋งˆ์Šคํ„ฐํด๋ž˜์Šค์—์„œ ์•Œ๋ ค์ฃผ์‹  ๋„ค์ด๋ฐ์œผ๋กœ ํ†ต์ผํ•˜๊ธฐ ์œ„ํ•ด ๋ฒˆ๋“ค ID ๋ณ€๊ฒฝ

โœ… ํ•  ์ผ

  • ๋ฒˆ๋“ค ID ๋ณ€๊ฒฝ

์„œ๋“œํŒŒํ‹ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ณ€๊ฒฝ

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๋งˆ์Šคํ„ฐ ํด๋ž˜์Šค๋ฅผ ํ†ตํ•ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ตœ์†Œํ™”
  • RxSwift๋ฅผ ์ œ๊ฑฐํ•˜๊ธฐ ์œ„ํ•ด ModernRIBs๋กœ ๋ณ€๊ฒฝ

โœ… ํ•  ์ผ

  • RIBs, RxSwift ์ œ๊ฑฐ
  • ModernRIBs ์ถ”๊ฐ€

Network ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๊ณต์šฉ์œผ๋กœ ์‚ฌ์šฉํ•  Network ์‹œ์Šคํ…œ์„ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • Network ์ถ”๊ฐ€

์œ„์น˜ ๊ถŒํ•œ ํ”Œ๋กœ์šฐ ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • ์ง€๋„ ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•œ ์œ„์น˜ ๊ถŒํ•œ ์ถ”๊ฐ€
  • ๋กœ๊ทธ์ธ ํ™”๋ฉด -> ํšŒ์›๊ฐ€์ž… -> ํšŒ์›๊ฐ€์ž… ์™„๋ฃŒ -> ์œ„์น˜ ๊ถŒํ•œ

โœ… ํ•  ์ผ

  • ์œ„์น˜ ๊ถŒํ•œ ํ”Œ๋กœ์šฐ ์ถ”๊ฐ€

Secret Key ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•œ ์œ ํ‹ธ ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๋„๋ฉ”์ธ, API Key ๋“ฑ ๋น„๋ฐ€ํ‚ค๋ฅผ ๊ด€๋ฆฌํ•  ์œ ํ‹ธ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
  • ํ˜„์žฌ Cryptokit์— ๋Œ€ํ•œ ์–ธ๊ธ‰์ด ๋‚˜์™”์—ˆ์Œ

โœ… ํ•  ์ผ

  • Secret Key ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•œ ์œ ํ‹ธ ์ถ”๊ฐ€

Story ์ƒ์„ฑ API ๊ตฌํ˜„

๐Ÿ—’๏ธ ์„ค๋ช…

  • Story ์ƒ์„ฑ API ๊ตฌํ˜„

โœ… ํ•  ์ผ

  • Story ์ƒ์„ฑ API ๊ตฌํ˜„
  • Story ์ƒ์„ฑ ํ…Œ์ŠคํŠธ ํ™•์ธ

AppRoot์— ๋กœ๊ทธ์ธ ํ™”๋ฉด, TabBar ํ™”๋ฉด ๋ถ„๊ธฐ ์ฒ˜๋ฆฌ ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • AppRoot์˜ TabBar์— ํ˜„์žฌ ํšŒ์›๊ฐ€์ž… ํ™”๋ฉด์ด ๋ถ™์–ด์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋กœ๊ทธ์ธ ์—ฌ๋ถ€๋ฅผ ํ†ตํ•ด TabBar๋ฅผ ๋ณด์—ฌ์ค„ ์ง€ ๋กœ๊ทธ์ธ ํ™”๋ฉด์„ ๋ณด์—ฌ์ค„ ์ง€ ๋ถ„๊ธฐ์ฒ˜๋ฆฌ ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • ๋กœ๊ทธ์ธ ์—ฌ๋ถ€์— ๋”ฐ๋ฅธ ๋กœ๊ทธ์ธ/TabBar ๋ถ„๊ธฐ ์ฒ˜๋ฆฌ

์Šคํ† ๋ฆฌ ์ƒ์„ฑ ๋ฐ ์ˆ˜์ • ์—๋””ํ„ฐ

๐Ÿ—’๏ธ ์„ค๋ช…

  • ์Šคํ† ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•˜๊ณ , ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • ์Šคํ† ๋ฆฌ ์ œ๋ชฉ ๋ฐ ๋‚ด์šฉ editor view ๊ตฌํ˜„
  • ์Šคํ† ๋ฆฌ ์‚ฌ์ง„ ์ถ”๊ฐ€ editor view ๊ตฌํ˜„
  • ์Šคํ† ๋ฆฌ ์†์„ฑ ์„ค์ • editor view ๊ตฌํ˜„
  • ์Šคํ† ๋ฆฌ ์ˆ˜์ • ์‹œ, ๊ธฐ์กด ๋‚ด์šฉ ๋กœ๋“œ ๋กœ์ง ๊ตฌํ˜„
  • ์Šคํ† ๋ฆฌ ์ƒ์„ฑ API ์—ฐ๊ฒฐ
  • ์Šคํ† ๋ฆฌ ์ˆ˜์ • API ์—ฐ๊ฒฐ

๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ ๊ตฌํ˜„

๐Ÿ—’๏ธ ์„ค๋ช…

์•ฑ์—์„œ ์ „์†ก๋œ Token์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ ๊ตฌํ˜„

โœ… ํ•  ์ผ

  • accessToken ๋ฐ”ํƒ•์œผ๋กœ ์œ ์ € ์ •๋ณด ๊ฐ€์ ธ์˜ค๊ธฐ (3hour) -> (2hour)
  • ๊ฐ€์ ธ์˜จ ์œ ์ € ์ •๋ณด ๋ฐ”ํƒ•์œผ๋กœ, ์ด๋ฏธ ๊ฐ€์ž…ํ•œ ์œ ์ €์ธ ๊ฒฝ์šฐ accessToken ๋ฐœ๊ธ‰ ํ›„ response / ์ฒซ ๋กœ๊ทธ์ธ์ธ ๊ฒฝ์šฐ ๋นˆ response ์ „๋‹ฌ (3hour) -> (3hour)
  • ํšŒ์›๊ฐ€์ž… ๊ตฌํ˜„ (1hour) -> (1hour)

iOS ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

๐Ÿ—’๏ธ ์„ค๋ช…

  • iOS ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ฐ ์„ค์ •

โœ… ํ•  ์ผ

  • iOS ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ฐ ์„ค์ •
  • Tuist ์„ค์ •

๊ฒ€์ƒ‰ UI ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๊ฒ€์ƒ‰ํ™”๋ฉด UI๋ฅผ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • ๋„ค์ด๋ฒ„ ์ง€๋„ ๋ทฐ ์ถ”๊ฐ€
  • ๊ฒ€์ƒ‰ ํƒญ ์ถ”๊ฐ€
  • ํ˜„์žฌ ์œ„์น˜ ๋ฒ„ํŠผ ์ถ”๊ฐ€

ํšŒ์›๊ฐ€์ž… ์„ฑ๊ณต ํ™”๋ฉด

๐Ÿ—’๏ธ ์„ค๋ช…

  • ํšŒ์›๊ฐ€์ž…์ด ์„ฑ๊ณต์ ์œผ๋กœ ๋˜์—ˆ์œผ๋ฉด ์„ฑ๊ณตํ™”๋ฉด ๋„์›Œ์ฃผ๊ธฐ

โœ… ํ•  ์ผ

  • ํ™”๋ฉด ๊ตฌํ˜„

swagger ์„ค์ •

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๊ตฌํ˜„๋œ ๋กœ๊ทธ์ธ / ํšŒ์›๊ฐ€์ž… API๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ swagger ์ž‘์„ฑ

โœ… ํ•  ์ผ

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

Backend ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

๐Ÿ—’๏ธ ์„ค๋ช…

NestJS ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

โœ… ํ•  ์ผ

  • NestJS ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๊ธฐ
  • typeORM ์„ค์น˜ ๋ฐ ์„ค์ •
  • ssh ํ„ฐ๋„๋ง ๊ตฌํ˜„ ๋ฐ ํ…Œ์ŠคํŠธ

ํด๋ผ์šฐ๋“œ์— ์„œ๋ฒ„ ๋ฐฐํฌ ์ž๋™ํ™” [Github Action]

๐Ÿ—’๏ธ ์„ค๋ช…

  • iOS์ธก๊ณผ ์›ํ™œํ•œ API ์š”์ฒญ, ์‘๋‹ต์„ ์œ„ํ•ด ๋ฐฐํฌ ์ž๋™ํ™”

โœ… ํ•  ์ผ

  • ๋ฐฐํฌ์— ๋Œ€ํ•œ ๊ณผ์ • ํ•™์Šต
  • Github Action ํ•™์Šต
  • ํด๋ผ์šฐ๋“œ์— ํ™˜๊ฒฝ์„ค์ •
  • ํด๋ผ์šฐ๋“œ์— ๋ฐฐํฌ
  • ๋™์ž‘ ํ™•์ธ

ํ™ˆ UI ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • ํ™ˆ ํ™”๋ฉด์— ๋Œ€ํ•œ UI๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • ํ™ˆ Attach
  • ํ™ˆ UI ์ถ”๊ฐ€
    • ๋น„์–ด์žˆ๋Š” ๊ฒฝ์šฐ
    • ์ถ”์ฒœ Section
    • ํ•ซํ”Œ๋ ˆ์ด์Šค Section
    • ํŒ”๋กœ์ž‰ Section
    • ์นœ๊ตฌ ์ถ”์ฒœ Section

์ด๋ฏธ์ง€ ์บ์‹ฑ ๊ธฐ๋Šฅ, ์ด๋ฏธ์ง€ ๋‹ค์šด๋กœ๋“œ ๊ธฐ๋Šฅ ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • ์ด๋ฏธ์ง€ ์ฒ˜๋ฆฌ๋ฅผ ํ•  ๋งค๋‹ˆ์ €๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
    • ๊ณ ๋ฏผ์‚ฌํ•ญ
      • ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ - CoreKit & DesignKit vs. Util ๋“ฑ
      • ์‹ฑ๊ธ€ํ†ค vs. ์œ ์Šค์ผ€์ด์Šค
  • ์ด๋ฏธ์ง€ ๋‹ค์šด๋กœ๋“œ๋ฅผ ์บ”์Šฌํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.

โœ… ํ•  ์ผ

  • ์ด๋ฏธ์ง€ ์บ์‹œ ๋งค๋‹ˆ์ € ์ถ”๊ฐ€
  • ์ด๋ฏธ์ง€ ๋‹ค์šด๋กœ๋“œ ๋ฐ ์บ”์Šฌ ๊ธฐ๋Šฅ ์ถ”๊ฐ€

๊ฒ€์ƒ‰์–ด ์ž…๋ ฅ ์™„๋ฃŒ ์‹œ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ๋ฅผ ์ „๋‹ฌ

๐Ÿ—’๏ธ ์„ค๋ช…

  • ๊ฒ€์ƒ‰์–ด ์ž…๋ ฅ ์™„๋ฃŒ ์‹œ, ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ๋ฅผ ์ „๋‹ฌํ•˜๊ณ  ๊ฒ€์ƒ‰ ๊ธฐ๋ก์„ ์บ์‹ฑ

โœ… ํ•  ์ผ

  • ์ „๋‹ฌ๋ฐ›์€ ๊ฒ€์ƒ‰์–ด๋ฅผ db์— ์ €์žฅํ•œ๋‹ค.
  • ์ดํ›„ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ๋ฅผ ์ „๋‹ฌํ•œ๋‹ค.

๋กœ๊ทธ์ธ ์ถ”๊ฐ€

๐Ÿ—’๏ธ ์„ค๋ช…

  • Naver ๋กœ๊ทธ์ธ ์ถ”๊ฐ€ (OAuth)

โœ… ํ•  ์ผ

  • Naver Login ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ถ”๊ฐ€
  • ๋กœ๊ทธ์ธ ํ™”๋ฉด ์ถ”๊ฐ€
  • ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ ์ถ”๊ฐ€

ํšŒ์›๊ฐ€์ž… ์‹œ ์ด๋ฏธ์ง€ ์ €์žฅ

๐Ÿ—’๏ธ ์„ค๋ช…

  • ํšŒ์›๊ฐ€์ž… ์‹œ, ์‚ฌ์šฉ์ž์˜ ์ด๋ฏธ์ง€ ๋ฐ์ดํ„ฐ๊ฐ€ ์˜ฌ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ํ•ด๋‹น ๋ฐ์ดํ„ฐ๊ฐ€ ์กด์žฌํ•˜๋Š” ๊ฒฝ์šฐ ์ €์žฅํ•œ๋‹ค.

โœ… ํ•  ์ผ

  • ์„œ๋ฒ„์— ํŒŒ์ผ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•œ๋‹ค.
  • ์ €์žฅ๋œ ๊ฒฝ๋กœ๋ฅผ db์— ์ €์žฅํ•œ๋‹ค.

AppRootComponent ๋ถ„๋ฆฌ

๐Ÿ—’๏ธ ์„ค๋ช…

  • AppComponent๋Š” ๋น„์–ด์žˆ๊ฒŒ ๋งŒ๋“ค๊ณ  AppRootComponent์—์„œ ์˜์กด์„ฑ์„ ์ฃผ์ž…ํ•ด์ฃผ๊ฒŒ ๋งŒ๋“ค๊ธฐ

โœ… ํ•  ์ผ

  • AppComponent ๋นˆ Component๋กœ ๋งŒ๋“ค๊ธฐ
  • AppRootComponent ํŒŒ์ผ ๋ถ„๋ฆฌ

README Figma link ์ˆ˜์ •

๐Ÿ—’๏ธ ์„ค๋ช…

  • README์˜ Figma link๊ฐ€ team invite๋กœ ๋˜์–ด์žˆ๋Š” ๋ฌธ์ œ

โœ… ํ•  ์ผ

  • README Figma link ์ˆ˜์ •

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.