dhshffnfn123 / Netflixer

Netflix์—์„œ ์ œ๊ณตํ•˜๋Š” ์˜ํ™” ๋ฐ ๋“œ๋ผ๋งˆ์˜ ๋ฆฌ๋ทฐ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋Š” ์›น ์‚ฌ์ดํŠธ ํ”„๋กœ์ ํŠธ
2 stars 0 forks source link

๐ŸŽž NETFLIXER (๊ตฌํ˜„ ์ค‘)

NETFLIX์— ๊ฐ€์ž…์€ ํ–ˆ์ง€๋งŒ ๋ฌด์—‡์„ ๋ณผ์ง€ ๊ณ ๋ฏผ๋˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด ๋ฆฌ๋ทฐ ์„œ๋น„์Šค ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์˜ํ™”๋‚˜ ๋“œ๋ผ๋งˆ์˜ ์ •๋ณด ๋ฐ ๋ฆฌ๋ทฐ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ด€๋ฆฌ์ž๋Š” ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€๋ฅผ ํ†ตํ•˜์—ฌ ์‚ฌ์šฉ์ž์™€ ๋ฆฌ๋ทฐ, ์ฝ˜ํ…์ธ  ๋“ฑ์„ ์‚ญ์ œ,์ˆ˜์ •,๋“ฑ๋กํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ์„ ํ†ตํ•ด ๋ฆฌ๋ทฐ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ›  Program Stacks

๐Ÿ‘จโ€๐Ÿ’ป Client

  • React
  • react-router-dom v5
  • styled-components
  • redux (react-redux, redux-actions, immer ...)

๐Ÿ’ป Server

  • Node.js
  • koa (koa-bodyparser, koa-router ...)
  • MongoDB (mongoose)
  • jsonwebtoken


๐Ÿ™‹โ€โ™‚๏ธ ๊ธฐ๋Šฅ ์„ค๋ช…

  • ๋กœ๊ทธ์ธ ๋ฐ ํšŒ์›๊ฐ€์ž…
  • ๋ฏธ๋””์–ด์˜ ์ •๋ณด ์ œ๊ณต
  • ๋ฆฌ๋ทฐ ์ž‘์„ฑ ๊ธฐ๋Šฅ
  • ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€๋ฅผ ํ†ตํ•œ ํšŒ์›, ์ปจํ…์ธ , ๋ฆฌ๋ทฐ ๊ด€๋ฆฌ
  • ๋ชจ๋ฐ”์ผ, ํ…Œ๋ธ”๋ฆฟ, PC ํฌ๊ธฐ์— ๋”ฐ๋ฅธ ๋ฐ˜์‘ํ˜• ๋ Œ๋”๋ง ๊ตฌํ˜„
  • Styled-components์„ ์‚ฌ์šฉํ•œ ์›น ์Šคํƒ€์ผ ๊ตฌ์„ฑ
  • Redux๋ฅผ ํ†ตํ•œ ์ „์—ญ์—์„œ ์‚ฌ์šฉ์ž ๋กœ๊ทธ์ธ ๋ฐ์ดํ„ฐ ์ƒํƒœ๊ฐ’ ๊ด€๋ฆฌ


๐Ÿ–ฅ UI

๋กœ๊ทธ์ธ

login

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

register

๋ฉ”์ธ ํŽ˜์ด์ง€

main

์˜์ƒ ์ •๋ณด

1500px

videoviewer

768px 1024px

videoviewer7681024

๋ฆฌ๋ทฐ

reviews