ํ”ผํŠœ๋ธŒPtube

Concept

  • <ํ”ผํŠœ๋ธŒPTube>๋Š” ์œ ํŠœ๋ธŒ ๋งํฌ๋ฅผ ๊ฒŒ์‹œํ•˜๋Š” ํ”„๋ผ์ด๋น— ๊ทธ๋ฃน ์•ฑ์ด๋‹ค.
  • ์ดˆ๋Œ€์ฝ”๋“œ๋กœ๋งŒ ๋“ค์–ด์˜ฌ ์ˆ˜ ์žˆ๋Š” ๊ทธ๋ฃน(์ฑ„๋„) ์•ˆ์—์„œ ์œ ํŠœ๋ธŒ ๋งํฌ๋“ค์„ ๊ฒŒ์‹œํ•ด ํ•จ๊ป˜ ๋ฆฌ์ŠคํŠธ๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ์œ ํŠœ๋ธŒ๋Š” ์—…๋กœ๋“œ๋œ ์˜์ƒ์„ '๋งํฌ ๊ณต๊ฐœ' ์ƒํƒœ๋กœ ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ ๊ทธ๋Ÿฌํ•œ ์˜์ƒ๋“ค์„ ๋ชจ์•„ ๋ณด๊ธฐ์— ์œ ์šฉํ•˜๋‹ค.

why

  • ๋‚œ ์—ฌํ–‰์„ ๊ฐ€๋ฉด ๊ผญ ์˜์ƒ์„ ์ฐ๊ณ  ํŽธ์ง‘ํ•˜๋Š”๋ฐ ๋Œ€์šฉ๋Ÿ‰์ด๋ผ ์œ ํŠœ๋ธŒ์— ์˜ฌ๋ ค์„œ ๊ฐ™์ด ๊ฐ„ ์นœ๊ตฌ๋“ค์—๊ฒŒ ๊ณต์œ ํ•œ๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ๋ณด๋Š” ๊ฑธ ์›ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— '๋งํฌ ๊ณต๊ฐœ'๋กœ ํ•ด๋‘๋Š”๋ฐ ์ด๋Ÿฌ๋ฉด ๋‚ด ์ฑ„๋„์— ์™€๋„ ์˜์ƒ์„ ๋ณผ ์ˆ˜ ์—†์œผ๋ฉฐ ๊ทธ ์นœ๊ตฌ๋“ค์ด ํ›—๋‚  ๋‹ค์‹œ ์˜์ƒ์„ ๋ณด๊ณ  ์‹ถ์œผ๋ฉด ๋‚ด๊ฐ€ ๋‹ค์‹œ ๋งํฌ๋ฅผ ๋”ฐ์„œ ๊ณต์œ ํ•ด์•ผ ํ•˜๋Š” ๋ฒˆ๊ฑฐ๋กœ์›€์ด ์žˆ๋‹ค.
  • ๋•Œ๋ฌธ์— '๋น„๊ณต๊ฐœ ์ฑ„๋„'์˜ ๊ฐœ๋…์„ ๋งŒ๋“ค์–ด '๋งํฌ ์ž์ฒด'๋ฅผ ๋ฐ์ดํ„ฐ๋กœ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ทธ๋ฃน์„ ๋งŒ๋“ค๋ฉด ์–ด๋–จ๊นŒ ํ•ด์„œ ๋งŒ๋“ค์—ˆ๋‹ค.
  • ์‹ค์ œ๋กœ ์นœ๊ตฌ๋“ค์„ ์ดˆ๋Œ€ํ•œ ๋น„๊ณต๊ฐœ ์ฑ„๋„์— ์—ฌํ–‰ ์˜์ƒ๋“ค์„ ์˜ฌ๋ฆฌ๋ฉด์„œ ์ž˜ ํ™œ์šฉํ•˜๊ณ  ์žˆ๋‹ค.

Simple Scenario

  • ํ”„๋ผ์ด๋น— ์ฑ„๋„ ๊ฐœ์„ค (๋˜๋Š” ์ดˆ๋Œ€์ฝ”๋“œ ์ž…๋ ฅ) -> ๋™์˜์ƒ ์—…๋กœ๋“œ -> ๊ฒŒ์‹œ๋œ ๋™์˜์ƒ์„ ๋ˆ„๋ฅด๋ฉด ์œ ํŠœ๋ธŒ๋กœ ์—ฐ๊ฒฐ

Dev Story

  • Flutter, Youtube data API, Firebase
  • Flutter๋กœ ์ฒ˜์Œ ๋งŒ๋“  ์•ฑ์ด๋ผ ์•„ํ‚คํ…์ณ๊ฐ€ ์—†๋‹ค. ์—ฌ์œ ๊ฐ€ ๋  ๋•Œ ์ ์šฉํ•ด ๋ณผ ์˜ˆ์ •.
  • ๋ˆ„๊ฐ€ ๋ด๋„ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋””์ž์ธํ–ˆ๋„ค ํ•˜๋Š” ๋””์ž์ธ์ด์—ˆ์œผ๋‚˜ ๋””์ž์ด๋„ˆ ์ง€๋ง์ƒ ์นœ๊ตฌ๊ฐ€ ์—ฐ์Šต ์‚ผ์•„ ๋””์ž์ธ์„ ๋ถ™์—ฌ์คฌ๋‹ค. ํ˜‘์—…์€ XD๋ฅผ ํ™œ์šฉํ–ˆ๋‹ค.
  • ์ด๋•Œ ๋””์ž์ธํ•œ ๋‹ค์ด์•„๋ชฌ๋“œ ๋ชจ์–‘์˜ FAB Dial์ด Flutter์— ๋งˆ๋•…ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์—†์–ด์„œ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊นŒ์ง€ ๋งŒ๋“ค์–ด์„œ ๋ฐ˜์˜ํ–ˆ๋‹ค. diamond_dial_fab (Library)

#Flutter
#MVVM
#Widget