Skip to content

KUSITMS-DongaST-DashBoard-C/DashBoard-Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ’Šย MEDIFLIX Admin Dashboard Frontend ๐Ÿ’Š

์‚ฌ์šฉ์ž ํ†ต๊ณ„์™€ ์ฝ˜ํ…์ธ  ํ†ต๊ณ„์˜ ๋‹ค์–‘ํ•œ ์‹œ๊ฐํ™” ์ž๋ฃŒ๋ฅผ ์ด์šฉํ•˜์—ฌ ์ •๋Ÿ‰์ ์ธ ๋ฐ์ดํ„ฐ ๋ถ„์„์„ ํ†ตํ•œ ๋งˆ์ผ€ํŒ… ์ธ์‚ฌ์ดํŠธ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Untitled

Untitled



Description

์–ด๋–ค ๋ฌธ์ œ์ ์„ ํ•ด๊ฒฐํ•˜๊ณ ์ž ํ–ˆ๋‚˜์š”?

MEDIFLIX ๋Š” ์‚ฌ์šฉ์ž์˜ ์ด์šฉ ์ •๋ณด๋ฅผ ํ™œ์šฉํ•œ ๋งˆ์ผ€ํŒ… ์ธ์‚ฌ์ดํŠธ๋ฅผ ์–ป๊ณ ์ž ํ–ˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜, ์œ ์ € ํŠธ๋ž˜ํ”ฝ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ๋Œ€์‹œ๋ณด๋“œ๊ฐ€ ์—†์—ˆ์Šต๋‹ˆ๋‹ค.

ํ˜„์žฌ potal์˜ ํ˜•ํƒœ๊ฐ€ ์•„๋‹Œ OTT ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๊ณ  ์žˆ์–ด, ํŠนํžˆ ์„ธ๋ถ€ ์ฝ˜ํ…์ธ ์— ๋Œ€ํ•œ ๋ฐ์ดํ„ฐ ๋ถ„์„์ด ์ค‘์š”ํ•œ ์ƒํ™ฉ์ž…๋‹ˆ๋‹ค.

MEDIFLIX ๋Š” ์ „๊ตญ์˜ ๋งŽ์€ ์˜๋ฃŒ์ง„๋“ค์ด ์ด์šฉํ•˜์—ฌ ์ˆ˜๋„๊ถŒ๊ณผ ์ง€๋ฐฉ์˜ ์˜๋ฃŒ ๊ฒฉ์ฐจ๋ฅผ ํ•ด์†Œํ•˜๊ณ ์ž ํ–ˆ์Šต๋‹ˆ๋‹ค.


์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋‚˜์š”? ๐Ÿง

์ด๋Ÿฌํ•œ ์ ๋“ค์„ ์ข…ํ•ฉ์ ์œผ๋กœ ๋ฏธ๋ฃจ์–ด ๋ดค์„ ๋•Œ, ์œ ์ € ํ†ต๊ณ„์™€ ์ฝ˜ํ…์ธ  ํ†ต๊ณ„๋ฅผ ์ข…ํ•ฉ์ ์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋Œ€์‹œ๋ณด๋“œ๊ฐ€ ํ•„์š”ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ธฐ๊ฐ„๋ณ„ ์‚ฌ์šฉ์ž ํ†ต๊ณ„ ์ง€ํ‘œ ๋ฐ ์ฐจํŠธ์™€ ์ฝ˜ํ…์ธ  ์ด์šฉ ๋ถ„์„ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ, ์ง€์—ญ๋ณ„ ์ด์šฉ์ž ์ˆ˜, ์‹ ๊ทœ ๊ฐ€์ž…์ž ์ˆ˜๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋„๋ก, ์ง€๋„ ์ฐจํŠธ๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.


Development project timeline

์ „์ฒด ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„

  • 2023.03.04 - 2023.03.24

FE ๊ฐœ๋ฐœ ๊ธฐ๊ฐ„

  • 2023.03.13 - 2023.03.24 (12์ผ)

Technologies Used

  • Frontend Untitled
  • Recharts react-datepicker

Features

Untitled

DAU/WAU/MAU, ์‚ฌ์šฉ์ž ํ†ต๊ณ„ ์ง€ํ‘œ

ezgif.com-video-to-gif (1).gif

  • ์ฐจํŠธ๋ฅผ ํ†ตํ•ด DAU, WAU, MAU์™€ ์ผ๊ฐ„, ์ฃผ๊ฐ„, ์›”๊ฐ„ ์‹ ๊ทœ ๊ฐ€์ž…์ž๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์˜ค๋Š˜์˜ ๋ฐฉ๋ฌธ์ž ์ˆ˜, ํŽ˜์ด์ง€ ๋ทฐ ์ˆ˜, ์‹ ๊ทœ ๊ฐ€์ž…์ž ์ˆ˜, ํšŒ์› ์ดํƒˆ์œจ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๊ณ , ์ „๋‚  ๋Œ€๋น„ ์ฆ๊ฐ ๋น„์œจ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ง€์—ญ๋ณ„ ํŠธ๋ž˜ํ”ฝ

ezgif.com-crop.gif

  • ์ง€์—ญ๋ณ„ ์ผ์ผ ๋ฐฉ๋ฌธ์ž ๋ฐ ์‹ ๊ทœ ๊ฐ€์ž…์ž ์ˆ˜๋ฅผ ์ง€๋„ ์ฐจํŠธ๋กœ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.
์ง„๋ฃŒ๊ณผ๋ณ„ ์œ ์ € ์ˆ˜

แ„Œแ…ตแ†ซแ„…แ…ญแ„€แ…ชแ„‡แ…งแ†ฏ แ„‹แ…ฒแ„Œแ…ฅ แ„‰แ…ฎ.gif

  • ์ง„๋ฃŒ๊ณผ๋ณ„ ์œ ์ € ์ˆ˜ ํ†ต๊ณ„ ํŒŒ์ด์ฐจํŠธ
    • โ€˜๋‚ด๊ณผ, ์ •ํ˜•์™ธ๊ณผ, ๋‚ด๋ถ„๋น„๋Œ€์‚ฌ๋‚ด๊ณผ, ์‹ ๊ฒฝ๊ณผ, ๊ทธ ์™ธโ€™๋กœ ๋ถ„๋ฆฌํ•˜์—ฌ ์ „์ฒด ๊ฐ€์ž… ํšŒ์› ์ค‘ ํ•ด๋‹น ๊ณผ์˜ ํšŒ์› ๋น„์œจ์„ ๋‚˜ํƒ€๋ƒ„
    • ๋งˆ์šฐ์Šค ์˜ค๋ฒ„ ์‹œ, ์ƒ์„ธ ์ •๋ณด ๋…ธ์ถœ ( ์ด ์œ ์ € ์ˆ˜ )
์—…๋กœ๋“œ ์˜ˆ์ • ์ฝ˜ํ…์ธ 
  • ๋“œ๋กญ๋‹ค์šด ๋ฉ”๋‰ด: ์นดํ…Œ๊ณ ๋ฆฌ ์ง€์ •
  • ์นดํ…Œ๊ณ ๋ฆฌ ๋ณ„๋กœ ์ธ๋„ค์ผ ์ด๋ฏธ์ง€, ์ œ๋ชฉ, ์ „๊ณต, ์—…๋กœ๋“œ ์˜ˆ์ • ๋‚ ์งœ ๋ณด์—ฌ์คŒ

แ„‹แ…ฅแ†ธแ„…แ…ฉแ„ƒแ…ณแ„‹แ…จแ„Œแ…ฅแ†ผ.gif

์„ธ๋ถ€ ์ฝ˜ํ…์ธ  ๋ถ„์„
  • ์ด ์กฐํšŒ์ˆ˜: ํ•„ํ„ฐ๋ง ํ›„ ๋™์˜์ƒ์— ๋Œ€ํ•œ ์ด ์กฐํšŒ์ˆ˜

  • ๊ธฐ๊ฐ„ ์„ค์ • : ๋‹ฌ๋ ฅ์„ ํ†ตํ•ด ๋ฒ”์œ„ ์„ค์ • (default: 2023-03-01~2023-04-10)

  • ๋“œ๋กญ๋‹ค์šด ๋ฉ”๋‰ด : ์นดํ…Œ๊ณ ๋ฆฌ ์ง€์ •

  • ์ง€์ •๋œ ์นดํ…Œ๊ณ ๋ฆฌ ๋ณ„ ๊ฐ€์ ธ์˜ค๋Š” ์ •๋ณด

โ’ ORIGINAL
- thumbnailUrl
- seriesName _episodeNum
- uploadDate | major
- commentNum / likeNum / reviewNum
- viewsNum

โ’ VOD
- thumbnailUrl
- title
- uploadDate |  major
- vodId
- viewsNum

โ’ Live
- title
- uploadDate
- applicantNum
- applicableNum
- viewsNum

โ’ LIFE
- title
- uploadDate_videoCategory
- commentNum / likeNum
- viewsNum
  • ์ •๋ ฌ ์„ค์ • : ์นดํ…Œ๊ณ ๋ฆฌ๋ณ„๋กœ ์ •๋ ฌ ๊ธฐ์ค€ ๋ถˆ๋Ÿฌ์˜ด

    const original = {
      "view/desc": "์กฐํšŒ์ˆ˜ ๋†’์€ ์ˆœ",
      "view/asc": "์กฐํšŒ์ˆ˜ ๋‚ฎ์€ ์ˆœ",
      comment: "๋Œ“๊ธ€ ๋งŽ์€ ์ˆœ",
      like: "์ข‹์•„์š” ๋งŽ์€ ์ˆœ",
      review: "๋ฆฌ๋ทฐ ๋งŽ์€ ์ˆœ",
    };
    
    const vod = {
      "view/desc": "์กฐํšŒ์ˆ˜ ๋†’์€ ์ˆœ",
      "view/asc": "์กฐํšŒ์ˆ˜ ๋‚ฎ์€ ์ˆœ",
    };
    const live = {
      "view/desc": "์กฐํšŒ์ˆ˜ ๋†’์€ ์ˆœ",
      "view/asc": "์กฐํšŒ์ˆ˜ ๋‚ฎ์€ ์ˆœ",
      comment: "๋Œ“๊ธ€ ๋งŽ์€ ์ˆœ",
      applicant: "์‹ ์ฒญ์ธ์› ๋งŽ์€ ์ˆœ",
    };
    
    export const life = {
      "view/desc": "์กฐํšŒ์ˆ˜ ๋†’์€ ์ˆœ",
      "view/asc": "์กฐํšŒ์ˆ˜ ๋‚ฎ์€ ์ˆœ",
      comment: "๋Œ“๊ธ€ ๋งŽ์€ ์ˆœ",
      like: "์ข‹์•„์š” ๋งŽ์€ ์ˆœ",
    };

    ezgif.com-video-to-gif (1).gif

์ฝ˜ํ…์ธ  ๋ณ„ ์œ ์ž…๋ฅ 
  • ํŒŒ์ด ์ฐจํŠธ ๋งˆ์šฐ์Šค ์˜ค๋ฒ„์‹œ ๊ฐ ์ฝ˜ํ…์ธ  ์ข…๋ฅ˜๋ณ„ ์œ ์ž…๋ฅ  ํ™•์ธ ๊ฐ€๋Šฅ
  • ์ฝ˜ํ…์ธ  ์ข…๋ฅ˜: original, vod, live, life

แ„แ…ฉแ†ซแ„แ…ฆแ†ซแ„Žแ…ณแ„‡แ…งแ†ฏ แ„‹แ…ฒแ„Œแ…ฅ.gif

์‚ฌ์ด๋“œ๋ฐ”
  • ์‚ฌ์ด๋“œ ๋ฐ” ๋ฉ”๋‰ด

    • ๋Œ€์‹œ๋ณด๋“œ
    • ํšŒ์› ๊ด€๋ฆฌ
    • ์ฝ˜ํ…์ธ  ๊ด€๋ฆฌ
      • HOME ๊ด€๋ฆฌ
      • LIVE ๊ด€๋ฆฌ
      • ORIGINAL ๊ด€๋ฆฌ
      • VOD ๊ด€๋ฆฌ
      • LIFE ๊ด€๋ฆฌ
    • ์•Œ๋ฆผ ๊ด€๋ฆฌ
    • ๋Œ“๊ธ€ ๊ด€๋ฆฌ
    • ๊ณ ๊ฐ ์„ผํ„ฐ
    • ๊ธฐ๋ณธ ์„ค์ •
๋กœ๊ทธ์ธ ํ—ค๋”

แ„…แ…ฉแ„€แ…ณแ„‹แ…ตแ†ซ แ„’แ…ฆแ„ƒแ…ฅ.gif

  • ํ™œ๋™์ค‘์ธ ๊ด€๋ฆฌ์ž : ๋กœ๊ทธ์ธ ์ค‘์ธ ๊ด€๋ฆฌ์ž๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • 3๋ช… ์ด์ƒ์˜ ๊ด€๋ฆฌ์ž๊ฐ€ ํ™œ๋™์ค‘์ผ ๋•Œ์—๋Š”, ํšŒ์ƒ‰ ๋™๊ทธ๋ผ๋ฏธ์— ๋‚˜๋จธ์ง€ ๊ด€๋ฆฌ์ž ์ˆ˜๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
  • ๋ฉ”๋ชจ๋ฅผ ์—ด๊ณ  ๋‹ซ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋ฉ”๋ชจ
  • ๋ฉ”๋ชจ ์ƒ์„ฑํ•˜๊ธฐ

    ezgif.com-video-to-gif (5).gif

  • ๋ฉ”๋ชจ ์ˆ˜์ •/์‚ญ์ œํ•˜๊ธฐ

    ezgif.com-video-to-gif (4).gif ezgif.com-video-to-gif (3).gif

  • ๋Œ“๊ธ€ ์ž‘์„ฑ/ํ™•์ธํ•˜๊ธฐ

    ezgif.com-video-to-gif (2).gif


Team C

  • Frontend ์ด์•ˆ์ง„, ์‹ ํ–ฅ์•„
  • Backend ๊น€๋ฏผ์ˆ˜, ์žฅ์ง„์šฐ
  • ๊ธฐํš ๋ฌธ์„œํ˜„, ์†ก์˜ˆ์ง€
  • ๋””์ž์ธ ๊น€ํ˜œ๋ฆผ

Installation

  1. ๊นƒํ—ˆ๋ธŒ์—์„œ ํ”„๋กœ์ ํŠธ ์ €์žฅ์†Œ๋ฅผ ๋ณต์ œํ•˜์„ธ์š”.
  2. DashBoard/frontend/dashboard ๋กœ ์ด๋™ํ•˜์„ธ์š”.
  3. ๋ช…๋ น์–ด yarn add๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ•„์š”ํ•œ ์ข…์†์„ฑ์„ ์„ค์น˜ํ•˜์‹ญ์‹œ์˜ค.
  4. ์„œ๋ฒ„๋ฅผ ์‹œ์ž‘ํ•˜๋ ค๋ฉด yarn start ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.

About

๐Ÿ’Š MEDIFLIX Admin Dashboard Frontend

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published