Code Monkey home page Code Monkey logo

front's Introduction

KDT-Final-Project

header

๐Ÿ›  Tech Stack

๐Ÿ“Œย ์ˆ˜ํ–‰ ๊ธฐ๊ฐ„

  • 22๋…„ 09์›” 06์ผ(ํ™”) ~ 10์›” 14์ผ(๊ธˆ)

๐Ÿ”— ๊ด€๋ จ ๋…ธ์…˜ ๋งํฌ

๐Ÿ“— ํ”„๋กœ์ ํŠธ ์„ค๋ช…

๐ŸŽด ํ•œ๊ตญ์— ๋Œ€ํ•œ ์„ธ๊ณ„์˜ ๊ด€์‹ฌ์ด ๋†’์•„์ ธ๊ฐ์— ๋”ฐ๋ผ, ์†Œ๋น„์ž๋“ค์ด ํ•œ๊ตญ์ œํ’ˆ์„ ์กฐ๊ธˆ ๋” ์‰ฝ๊ฒŒ ์†Œ๊ฐœํ•  ์ˆ˜ ์žˆ๋Š”
   ๋งค๊ฑฐ์ง„ ํ๋ ˆ์ด์…˜ ํ˜•ํƒœ์˜ ์—ญ์ง๊ตฌ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค.

๐Ÿ™Œ ํŒ€์›

๋…ธ์˜์„œ ๊น€ํœ˜๋ฆฐ ์–‘๋‹ค์˜ ๋ฐ•์ธ์„

โ“๊ฐœ๋ฐœํ™˜๊ฒฝ๊ณผ ์„ ํƒํ•œ ์ด์œ 

โœ”๏ธ Vite

CRA๋ณด๋‹ค ๋น ๋ฅธ ๋นŒ๋“œ๋ฅผ ํ†ตํ•ด ๊ฐœ๋ฐœ์˜ ํšจ์œจ์„ ๋†’์ผ ์ˆ˜ ์žˆ์–ด ์„ ํƒํ•˜์˜€์Šต๋‹ˆ๋‹ค.

โœ”๏ธ RTK Query

ํ˜„์ง์—์„œ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๋ฆฌ๋•์Šค์™€ ๋ฆฌ๋•์Šค์˜ ๊ฐ•์ ์„ ๋†’์—ฌ์ค„ ์ˆ˜ ์žˆ์–ด ์ƒํƒœ๊ด€๋ฆฌ ํˆด๋กœ ์„ ํƒํ•˜์˜€์Šต๋‹ˆ๋‹ค.

โœ”๏ธ tailwind

๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ๋”ฐ๋ผ์žก์„ ์ˆ˜ ์žˆ์„ ๋งŒํผ ๊ธ‰ ๋ถ€์ƒํ•˜๊ณ  ์žˆ์œผ๋ฉฐ class๋ฅผ ํ†ตํ•ด ๋น ๋ฅด๊ณ  ํŽธ๋ฆฌํ•˜๊ฒŒ ๊ฐœ๋ฐœ ํ•  ์ˆ˜ ์žˆ์–ด ์„ ํƒํ•˜์˜€์Šต๋‹ˆ๋‹ค.

๐Ÿ’Ž ํŒ€์›๋ณ„ ์—ญํ• 

๋…ธ์˜์„œ(ํŒ€์žฅ)

๐ŸŒˆ API์—ฐ๊ฒฐ ๋ฐ ๋‹ด๋‹น ๋กœ์ง

  • ์ƒํ’ˆ ๋””ํ…Œ์ผ ํŽ˜์ด์ง€ ๊ด€๋ จ API์—ฐ๊ฒฐ
    • ์ƒํ’ˆ, ๋ฆฌ๋ทฐ, 1:1๋ฌธ์˜ API์—ฐ๊ฒฐ
  • 1:1 ๋ฌธ์˜ํŽ˜์ด์ง€ API ์—ฐ๊ฒฐ
  • ์žฅ๋ฐ”๊ตฌ๋‹ˆ
    • ๋น„ํšŒ์›: ๋กœ์ปฌ์Šคํ† ๋กœ์ง€์™€ reat-toolkit์ด์šฉ
    • ํšŒ์› ์žฅ๋ฐ”๊ตฌ๋‹ˆ API์—ฐ๊ฒฐ
  • ์ƒํ’ˆ ๋ฆฌ์ŠคํŠธ์— ์ฐœ๋ฆฌ์ŠคํŠธ ์—ฐ๊ฒฐ(๋น„ํšŒ์›, ํšŒ์›)
    • ๋น„ํšŒ์›: ๋กœ์ปฌ์Šคํ† ๋กœ์ง€์™€ reat-toolkit์ด์šฉ
    • ํšŒ์›: ์ฐœ API์ด์šฉ
  • ์ฃผ๋ฌธํ•˜๊ธฐ API ์—ฐ๊ฒฐ
  • ํšŒ์›๊ฐ€์ž… API์—ฐ๊ฒฐ
  • ํ”„๋ก ํŠธ ๋‹จ์—์„œ ๊ฒ€์ƒ‰ ๊ตฌํ˜„

๐ŸŽจ ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

  • ๋ฉ”์ธํŽ˜์ด์ง€ ไธญ ์ถ”์ฒœ๋งค๊ฑฐ์ง„, ๋งจ/์šฐ๋จผ/๋ผ์ดํ”„/ํ•œ๊ตญํŠธ๋ Œ๋“œ ํƒญ๋ฆฌ์ŠคํŠธ
  • ์˜ค๋Š˜ํŽ˜์ด์ง€
  • ๋กœ๊ทธ์ธํŽ˜์ด์ง€, ํšŒ์›๊ฐ€์ž…ํŽ˜์ด์ง€
  • ์ƒํ’ˆ ๋””ํ…Œ์ผํŽ˜์ด์ง€
  • ์ฃผ๋ฌธํ•˜๊ธฐ
  • ์žฅ๋ฐ”๊ตฌ๋‹ˆ
  • ๋น„๋ฐ€๋ฒˆํ˜ธ / ์•„์ด๋”” ๋ณ€๊ฒฝํŽ˜์ด์ง€
  • 1:1๋ฌธ์˜ ํŽ˜์ด์ง€
  • ๋งค๊ฑฐ์ง„ํŽ˜์ด์ง€
  • ์ฃผ๋ฌธ/๋ฐฐ์†ก/ํ”ฝ์—… ์กฐํšŒ ํŽ˜์ด์ง€
  • ํŽ˜์ด์ง€ ํ•˜๋‹จ ๋„ค๋ธŒ๋ฒ„ํŠผ๋ฆฌ์ŠคํŠธ

์–‘๋‹ค์˜

๐ŸŒˆ API์—ฐ๊ฒฐ ๋ฐ ๋‹ด๋‹น ๋กœ์ง

  • JWT๋ฅผ ์ด์šฉํ•œ ๋กœ๊ทธ์ธ ๊ตฌํ˜„
  • baseQuery ๋ฐ store๊ด€๋ฆฌ
  • ์•„์ด๋””, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ฐพ๊ธฐ API์—ฐ๊ฒฐ
  • ํšŒ์›์ •๋ณด ์ˆ˜์ • API์—ฐ๊ฒฐ
  • ๋กœ๊ทธ์•„์›ƒ
  • ๋ฉ”ํƒ€ํƒœ๊ทธ ์„ค์ •

๐ŸŽจ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

  • ๋ฉ”์ธํŽ˜์ด์ง€ ไธญ ์ƒ๋‹จ ์Šค์™€์ดํผ ์˜์—ญ
  • ๋กœ๋”ฉ, ์—๋Ÿฌ์ปดํฌ๋„ŒํŠธ
  • 404ํŽ˜์ด์ง€
  • ์นดํ…Œ๊ณ ๋ฆฌ ํŽ˜์ด์ง€
  • ์ฃผ๋ฌธ/ํ™˜๋ถˆํŽ˜์ด์ง€

๊น€ํœ˜๋ฆฐ

๐ŸŽจ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

  • ๋ฉ”์ธํŽ˜์ด์ง€
    • ์˜ค๋Š˜์˜ ๋ฒ ์ŠคํŠธ, ๋žญํฌ
    • ๋งจ/์šฐ๋จผ/๋ผ์ดํ”„/ํ•œ๊ตญํŠธ๋ Œ๋“œ ํƒญ๋ฆฌ์ŠคํŠธ ๋””์ž์ธ ์–ด์‹œ
  • ํšŒ์›๊ฐ€์ž…
    • ์•ฝ๊ด€ ๋™์˜
    • ํšŒ์› ์ƒ์„ธ์ •๋ณด ์ž…๋ ฅ ์–ด์‹œ
  • ์นดํ…Œ๊ณ ๋ฆฌ ํŽ˜์ด์ง€
  • ์ฐœ๋ฆฌ์ŠคํŠธ
  • ์ตœ๊ทผ ๋ณธ ์ƒํ’ˆ
  • ์ƒํ’ˆ๋ฆฌ์ŠคํŠธ ํŽ˜์ด์ง€
  • ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€ ๋ฐ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ํŽ˜์ด์ง€
  • ๊ธ€๋กœ๋ฒŒ ๋””์ž์ธ

๐ŸŒˆ API์—ฐ๊ฒฐ ๋ฐ ๋‹ด๋‹น ๋กœ์ง

  • ์ตœ๊ทผ๋ณธ ์ƒํ’ˆ
    • ๋กœ๊ทธ์ธ ์—ฌ๋ถ€์™€ ๊ด€๊ณ„ ์—†์ด ์ ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก localstorage๋กœ ๊ตฌํ˜„
  • ๊ฒ€์ƒ‰ API
    • ์ตœ๊ทผ ๊ฒ€์ƒ‰์–ด๋Š” ๋กœ๊ทธ์ธ ์—ฌ๋ถ€๊ณผ ๊ด€๊ฒŒ ์—†์ด ์ž‘๋™ํ•˜๋„๋ก localstorage ์ด์šฉ
  • ์นด์นด์˜คํ†ก ๊ณต์œ  API์—ฐ๊ฒฐ
  • ์นด์นด์˜คํ†ก ์šฐํŽธ ์กฐํšŒ API์—ฐ๊ฒฐ

๋ฐ•์ธ์„

๐ŸŽจ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

  • ๋ฉ”์ธํŽ˜์ด์ง€ ไธญ ์˜ค๋Š˜์˜ ์ถ”์ฒœ ๋งค๊ฑฐ์ง„, ์ตœ๊ทผ ๋งค๊ฑฐ์ง„
  • ์ด๋ฒคํŠธ
  • ๋งˆ์ดํŽ˜์ด์ง€
  • ์ด๋ฒคํŠธํŽ˜์ด์ง€
  • FAQ ํŽ˜์ด์ง€

front's People

Contributors

0seo8 avatar dadafly1244 avatar whilini avatar isp1106 avatar

front's Issues

[DESIGN] Snap Page

ISSUS: โœ…DESIGN


Description


Snap page design



Todo


  • Snap page design

ETC


[Feature] SignUp-Pw

ISSUS: โœ…FEATURE

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์„ค๋ช…์„ ์ž‘์„ฑํ•˜์„ธ์š”.



Todo


  • pw ๋””์ž์ธํ•˜๊ธฐ
  • pw ์„ค๊ณ„

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] SNAP ๋“ฑ๋ก

ISSUS: โœ…DESIGN

์Šค๋ƒ… ๋“ฑ๋ก ํŽ˜์ด์ง€

Description


์Šค๋ƒ… ๋“ฑ๋ก ํŽ˜์ด์ง€ (+๋ฒ„ํŠผ ์ œ์™ธ)

Todo


  • ์‚ฌ์ง„ ๋“ฑ๋ก ๋ฐ•์Šค
  • ์„ค๋ช…๋ž€
  • ์œ ํ˜• ํƒœ๊ทธ
  • ์Šคํƒ€์ผ ํƒœ๊ทธ
  • ์ƒํ’ˆ ํƒœ๊ทธ ํ™”๋ฉด
  • ๊ฒ€์ƒ‰ํ•œ ์ƒํ’ˆ
  • ๊ฒ€์ƒ‰ ๊ฑด์ˆ˜ 0๊ฐœ ํ™”๋ฉด
  • ๊ตฌ๋งคํ•œ ์ƒํ’ˆ(X)

[Design] Login

ISSUS: โœ…Design

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


Login ์˜์—ญ ๋””์ž์ธ

Todo


  • ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ ๋ถ„๋ฆฌ
  • input ์ปดํฌ๋„ŒํŠธ ์ƒ์„ฑ ๋ฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ๋””์ž์ธ
  • api ์š”์ฒญ์„ ์ œ์™ธํ•œ ๋กœ์ง ๊ตฌํ˜„

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Latest

ISSUS: โœ…DESIGN

DESIGN ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์˜ค๋Š˜์˜์ถ”์ฒœ ๋งค๊ฑฐ์ง„ ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ



Todo


  • ์ตœ๊ทผ๋งค๊ฑฐ์ง„ ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

ETC


[FEATURE] Cart

ISSUS: โœ…FEATURE

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


Cart๋กœ์ง ์ž‘์„ฑ

Todo


  • Cart๋‚ด๋ถ€ ์ปดํฌ๋„ŒํŠธ ๋กœ์ง ์ž‘์„ฑ
  • api ์—ฐ๊ฒฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESING] QnA

ISSUS: โœ…DESIGN

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


QnA ๋””์ž์ธ

Todo


  • QnA๋””์ž์ธ
  • ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ ํ™•์ธ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Main - Today Best

ISSUS: โœ…DESIGN

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


Main page์˜ Today Best part

Todo


  • title
  • round img
  • description

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Detail Page

ISSUS: โœ…DESIGN

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


๋””ํ…Œ์ผ ํŽ˜์ด์ง€ ๋””์ž์ธ



Todo


  • ์„œ์น˜ํŒŒ - ํ‹€๋งŒ ์žก๊ธฐ(๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ์—์„œ ํ™œ์šฉ)
  • ์ƒ์„ธํŽ˜์ด์ง€๋กœ ์—ฐ๊ฒฐ๋˜๋Š” ๋ผ์šฐํ„ฐ ์„ค์ •ํ•˜๊ธฐ
  • api๋ช…์„ธ์„œ ๋น„๊ตํ•˜๋ฉด์„œ ์ž‘์—…ํ•˜๊ธฐ
  • ์ƒ์„ธ ๋””ํ…Œ์ผ ๋‚ด์šฉ์ž‘์„ฑ
  • ๋ธŒ๋žœ๋“œ์ƒต์œผ๋กœ ์ด๋™๋˜๋Š” ๋ผ์šฐํ„ฐ ๊ณ ๋ฏผ
  • ์ถ”์ฒœ์ƒํ’ˆ
  • ๋น„์Šทํ•œ ์ƒํ’ˆ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] order

ISSUS: โœ…DESIGN

DESIGN์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


๊ฒฐ์ œ ํŽ˜์ด์ง€

Todo


  • ๊ฒฐ์ œ ํŽ˜์ด์ง€ ๋””์ž์ธ
  • ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ ์ •๋ฆฌ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[FEATURE] ๋กœ๊ทธ์ธ login

ISSUS: โœ…FEATURE

auth


Description


๋กœ๊ทธ์ธ๊ธฐ๋Šฅ์„ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค
jwt ๋ฐฉ์‹์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ฐœ๋ฐœ์˜ˆ์ •์ž…๋‹ˆ๋‹ค



Todo


  • persit, cookie ์„ค์น˜ํ•˜๊ณ  ๊ธฐ๋ณธ ์„ธํŒ…

  • ํ† ํฐ ์ฟ ํ‚ค์— ์ €์žฅํ•˜๊ธฐ

  • ํ† ํฐ์ด ์žˆ๋Š” ๊ฒฝ์šฐ์— ๊ฐ ํŽ˜์ด์ง€ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•จ!

  • ํ† ํฐ์ด ์œ ํšจํ•˜์ง€ ์•Š์€ ๊ฒฝ์šฐ ๋ฆฌํ”„๋ ˆ์‹œํ† ํฐ ์‚ฌ์šฉํ•˜๊ธฐ:

  • ๋ฒ ์ด์Šค์ฟผ๋ฆฌ ๋งŒ๋“ค๊ธฐ

  • store ๋“ฑ๋ก

  • ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ

  • api ์—ฐ๊ฒฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[Fix] ๋ ˆ์ด์•„์›ƒ ์ˆ˜์ •

ISSUS: โœ…FEATURE

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


๋ณ‘ํ•ฉ๋˜๋ฉฐ ํ‹€์–ด์ง„ ๋ ˆ์ด์•„์›ƒ ์ˆ˜์ •

Todo


  • ๋ฉ”์ธํŽ˜์ด์ง€ ๋งค๊ฑฐ์ง„ ์ˆ˜์ •
  • ๋ฉ”์ธํŽ˜์ด์ง€ ํƒญ๋ฆฌ์ŠคํŠธ ์ˆ˜์ •
  • ๋จธ์ง€ ํ›„ ํ‹€์–ด์ง„ ์Šคํƒ€์ผ ์ˆ˜์ •

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[ETC] MAGAGIN Data

ISSUS: โœ…DESIGN

DESIGN์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


MAGAGIN์„ ๋””์ž์ธ

Todo


  • ๋งค๊ฑฐ์ง„ ๋ฐ์ดํ„ฐ ์ •๋ฆฌํ•˜๊ธฐ
  • ๋งค๊ฑฐ์ง„ ํฌ๊ธฐ์— ๋งž์ถฐ ์ˆ˜์ •

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] ํšŒ์›๊ฐ€์ž… ์™„๋ฃŒ

ISSUS: โœ…DESIGN


Description


ํšŒ์›๊ฐ€์ž… ์™„๋ฃŒ ํŽ˜์ด์ง€ ๋””์ž์ธ



Todo


  • ์ œ๋ชฉ ๋„ฃ๊ธฐ
  • ์ œ๋ชฉ ๊ฐ•์กฐ
  • ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ์ปดํฌ๋„ŒํŠธ ๋„ฃ๊ธฐ
  • ๋ผ์šฐํ„ฐ ์„ค์ •ํ•˜๊ธฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] MyPage

ISSUS: โœ…DESIGN


Description

๋งˆ์ดํŽ˜์ด์ง€ ๋””์ž์ธ



Todo


  • ๋งˆ์ดํŽ˜์ด์ง€ ๋””์ž์ธ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Edit

ISSUS: โœ…DESIGN

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


ํ”ผ๊ทธ๋งˆ ์ˆ˜์ •์‚ฌํ•ญ์— ๋งž์ถฐ ์ „๋ฐ˜์ ์ธ ์Šคํƒ€์ผ ์ˆ˜์ •

Todo


  • Tablist ํฌ๊ธฐ ์ˆ˜์ •

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Assign Terms (์•ฝ๊ด€ ๋™์˜)

ISSUS: โœ…DESIGN

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์•ฝ๊ด€ ๋™์˜ ํŽ˜์ด์ง€

Todo


  • title
  • check label & view all
  • text box
  • next button

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] RecentMagazine

ISSUS: โœ…DESIGN

DESIGN ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์ตœ๊ทผ๋งค๊ฑฐ์ง„ ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ



Todo


  • ์ตœ๊ทผ๋งค๊ฑฐ์ง„ ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

ETC


[DESIGN] ์นดํ…Œ๊ณ ๋ฆฌ ๋ทฐํ‹ฐ

ISSUS: โœ…DESIGN


Description


์นดํ…Œ๊ณ ๋ฆฌ ๋ทฐํ‹ฐ์—์„œ ๋ธŒ๋žœ๋“œ ๋„ฃ๋Š”๊ฑฐ~



Todo


  • grid๋กœ ํ‹€ ์žก๊ธฐ
  • left ์นดํ…Œ๊ณ ๋ฆฌ
  • ์„ธ๋ถ€ ์นดํ…Œ๊ณ ๋ฆฌ
  • ๋ผ์šฐํ„ฐ ์„ค์ •
  • ์ฝ”์Šค๋ฉ”ํ‹ฑ ๋ถ€๋ถ„
  • ํ•ด๋” ๋ถ€๋ถ„ ๋งŒ๋“ค๊ธฐ
  • [ ]

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[Design] SignUp-Id

ISSUS: โœ…Design

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์„ค๋ช…์„ ์ž‘์„ฑํ•˜์„ธ์š”.

Todo


  • ๊ณตํ†ต์ปดํฌ๋„ŒํŠธ ๋ถ„๋ฆฌ
  • ๋„ค์Šคํ‹ฐ๋“œ ๋ผ์šฐํ„ฐ ์„ค์ •
  • ์•„์ด๋”” ๋””์ž์ธ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Loading page

ISSUS: โœ…DESIGN


Description


๋กœ๋”ฉ ํŽ˜์ด์ง€๋ฅผ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค

Todo


  • ๋กœ๋”ฉํŽ˜์ด์ง€
  • ๋กœ๋”(์Šคํ”ผ๋„ˆ)

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[FEATURE] Category-cloth page - Data ์—ฐ๊ฒฐ

ISSUS: โœ…FEATURE

new dummy data์— ๋งž๊ฒŒ Category-cloth page ๋ฐ์ดํ„ฐ ์—ฐ๊ฒฐ


Description


๋ฐ”๋€ ์ƒํ’ˆ ์ƒ์„ธ์— ๋”ฐ๋ผ Category-cloth page์˜ Card ์ปดํฌ๋„ŒํŠธ ๋ฐ์ดํ„ฐ ์—ฐ๊ฒฐ

Todo


  • Card ์ปดํฌ๋„ŒํŠธ์—์„œ ์‚ฌ์šฉ๋˜๋Š” key๊ฐ’ ํ™•์ธ ํ›„ ๋ณ€๊ฒฝ
  • ํ™”๋ฉด ๊ทธ๋Œ€๋กœ ์ž˜ ๋œจ๋Š”์ง€ ํ™•์ธ(ํ•„์ˆ˜)

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] SignUp-UserInfo

ISSUS: โœ…DESIGN


Description


ํšŒ์›๊ฐ€์ž… ์ •๋ณด์ž…๋ ฅ ํŽ˜์ด์ง€



Todo


  • UserInfo ๋””์ž์ธ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[Design] Header

ISSUS: โœ…Design

Header ๋””์ž์ธ


Description


ํ•ด๋” ๋””์ž์ธ



Todo


  • ๋กœ๊ณ  ๋„ฃ๊ธฐ
  • ๋กœ๊ณ  ์Šคํฌ๋กค ๋‚ด๋ฆฌ๋ฉด ๋กœ๊ณ  ์—†์–ด์ง€๊ฒŒ ๋งŒ๋“ค๊ธฐ
  • ๊ฒ€์ƒ‰ ๋„ฃ๊ธฐ
  • ๊ฒ€์ƒ‰ ๋ผ์šฐํ„ฐ ์„ค์ •
  • ์žฅ๋ฐ”๊ตฌ๋‹ˆ ๋„ฃ๊ธฐ
  • ์žฅ๋ฐ”๊ตฌ๋‹ˆ ๋ผ์šฐํ„ฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] ์žฅ๋ฐ”๊ตฌ๋‹ˆ ์•„์ด์ฝ˜ ์‚ฌ์šฉ ํ†ต์ผ

ISSUS: โœ…FEATURE

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์žฅ๋ฐ”๊ตฌ๋‹ˆ ์•„์ด์ฝ˜ ์‚ฌ์šฉ ํ†ต์ผ(์ˆ˜๋Ÿ‰ ์ฆ๊ฐ€ ์ฒดํฌ ์œ„ํ•ด)

Todo


  • ์ˆ˜๋Ÿ‰ํ‘œ์‹œ๋ฅผ ํฌํ•จํ•œ ์žฅ๋ฐ”๊ตฌ๋‹ˆ ์•„์ด์ฝ˜ ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[Design] TodayLank

ISSUS: โœ…Design

Design ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


TodayLank like instargram

Todo


  • card
  • grid card container

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[Design] Magazine

ISSUS: โœ…Design

Design ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


Main-Magazine Component Modify

Todo


  • apply css to Magazine

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Cart

ISSUS: โœ…FEATURE

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


cart ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

Todo


  • Todo
  • Todo

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[TEST]

ISSUS: โœ…Test


practice API ํ†ต์‹ 

Description


MSW๋ฅผ ์ด์šฉํ•œ rtkํ†ต์‹  ์—ฐ์Šต

Todo


  • MSW๋ฅผ ์ด์šฉํ•ด ๋ชฉ์—…์„œ๋ฒ„ ๋งŒ๋“ค๊ธฐ
  • ์—ฐ์Šต์œผ๋กœ ์‚ฌ์šฉํ•  ๊ฐ์ฒด ๋ฐ์ดํ„ฐ 2~3๊ฐœ ๋งŒ๋“ค๊ธฐ
  • rkt๋ฅผ ์ „์—ญ์ ์œผ๋กœ ์‚ฌ์šฉํ•ด๋ณด๊ธฐ
  • proxy option๊ณผ ์—ฐ๋™
  • ์„œ๋กœ ๋‹ค๋ฅธ ๋‘ default url ์ฒ˜๋ฆฌ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[Design] NavBottom

ISSUS: โœ…Design

Design์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


Nav ํ•˜๋‹จ๋ฐ”๋””์ž์ธ

Todo


  • ๋„ค๋ธŒํ•˜๋‹จ๋ฐ” ๋””์ž์ธ
  • active ๊ธฐ๋Šฅ ์„ค์ •

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[ETC] ์„ค๊ณ„ ๋ฐœํ‘œ ์ค€๋น„

ISSUS: โœ…ETC

ETC ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์„ค๊ณ„ ๋ฐœํ‘œ ์ค€๋น„๋ฅผ ์œ„ํ•œ ppt ์ž‘์„ฑ ๋ฐ ์„ค๊ณ„ ์ •๋ฆฌ

Todo


  • FE ppt ์ž‘์„ฑ
  • BE ppt ํ•ฉ์น˜๊ธฐ
  • backlog ์ž‘์„ฑํ•˜๊ธฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Style Edit

ISSUS: โœ…FEATURE

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


๋ณ€๊ฒฝ๋œ ํ”ผ๊ทธ๋งˆ ์‹œ์•ˆ์— ๋งž์ถฐ ์ˆ˜์ •

Todo


  • ํƒญ๋ฆฌ์ŠคํŠธ์— ๋งž์ถฐ ๋‚ด์šฉ ์ˆ˜์ •
  • Man/Woman props์„ค์ •
  • svg props์„ค์ •

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[FEATURE] oneul

ISSUS: โœ…FEATURE

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์˜ค๋Š˜ ํŽ˜์ด์ง€ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ ๊ตฌํ˜„

Todo


  • Todo
  • Todo

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[SETTING] SetRouter

ISSUS: โœ…SETTING

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


๊ธฐ๋ณธ ๋ผ์šฐํ„ฐ ์„ค์ •

Todo


  • ๋ผ์šฐํ„ฐ ์„ค์ •ํ•˜๊ธฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[FEATURE] API ์„ธํŒ…

ISSUS: โœ…FEATURE

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


api์—ฐ๊ฒฐ ์„ธํŒ…

Todo


  • env
  • baseSlice๋งŒ๋“ค๊ธฐ
  • ๋ฐฑ key๊ฐ’ ๋งž์ถฐ ๋ฐ์ดํ„ฐ ์ˆ˜์ •

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[TEST]

ISSUS: โœ…TEST


Practice

Description


Practice google Oauth

Todo


  • firebase ๋กœ ๊ตฌ๊ธ€๋กœ๊ทธ์ธ ์—ฐ๋™
  • userInfo toolkit ์ €์žฅ.
  • persist option ์ƒˆ๋กœ๊ณ ์นจ ์‹œ์—๋„ ์œ ์ง€
  • react. hoc.
  • react. component. useEffect
  • ๋กœ๊ทธ์ธ ์•ˆ๋˜๋Š” ๊ฒฝ์šฐ ๋กœ๊ทธ์ธํŽ˜์ด์ง€๋กœ redirect

ETC


  • ๋ฐฑ๊ณผ ์ƒ์˜ ํ•ด ์‹ค์ œ ํšŒ์›๊ฐ€์ž…+๋กœ๊ทธ์ธ ํ”„๋กœ์„ธ์Šค ํŒŒ์•…
  • user Doc๋ฅผ ์ €์žฅ?

[Design] TabList

ISSUS: โœ…Design

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


TabList๋””์ž์ธํ•˜๊ธฐ

Todo


  • ํ™•์žฅ์„ฑ ๊ณ ๋ คํ•ด์„œ ๋””์ž์ธ
  • swiperํ™œ์šฉ Button๋””์ž์ธ
  • active๋œ ๊ฐ’ ๊ด€๋ฆฌ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Category - cloth

ISSUS: โœ…DESIGN

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์นดํ…Œ๊ณ ๋ฆฌ>์˜๋ฅ˜

Todo


  • category list
  • subcategory list
  • select filter
  • card
  • change man/woman capsule

ETC


์นดํ…Œ๊ณ ๋ฆฌ๊ฐ€ ๋ฐ”๋€Œ์–ด๋„(๋ทฐํ‹ฐ ์ œ์™ธ) ๊ณ„์† ์œ ์ง€๋˜๋„๋ก

[DESIGN] Review

ISSUS: โœ…DESIGN

DESIGN ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


MyPage Review page



Todo


  • ์ž‘์„ฑ๊ฐ€๋Šฅํ•œ๋ฆฌ๋ทฐ
  • ์ž‘์„ฑํ•œ๋ฆฌ๋ทฐ
  • ๋ฆฌ๋ทฐ ์“ฐ๊ธฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[Desgin] TodayRocommended

ISSUS: โœ…Desgin

Desgin์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์˜ค๋Š˜์˜ ์ถ”์ฒœ ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

Todo


  • ์˜ค๋Š˜์˜ ์ถ”์ฒœ ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ
  • Todo

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DATA] Product Dummy data

ISSUS: โœ…FEATURE

Product Dummy data


Description


interface Product {
    brand: string,  // ๋ธŒ๋žœ๋“œ๋ช… ์˜์–ด
    brandKo: string,  // ๋ธŒ๋žœ๋“œ๋ช… ํ•œ๊ตญ์–ด
    product: string,  // ์ƒํ’ˆ ์ด๋ฆ„
    thumbnail: string,  // ์นด๋“œ์— ๋ณด์ผ ์ธ๋„ค์ผ ์‚ฌ์ง„
    price: number,  // ๊ฐ€๊ฒฉ
    sale: number,  // ํ• ์ธ์œจ
    tags: string [],  // ์นดํ…Œ๊ณ ๋ฆฌ ๊ฒฝ๋กœ ๋ฐ ์ƒํ’ˆ ์ •๋ณด ํƒœ๊ทธ
    detailThumbList: string [],  // ๋””ํ…Œ์ผ ํŽ˜์ด์ง€ ์ธ๋„ค์ผ ์‚ฌ์ง„ ๋ฆฌ์ŠคํŠธ
    detailList: string [],  // ๋””ํ…Œ์ผ ํŽ˜์ด์ง€ ์ƒ์„ธ ์ •๋ณด ์‚ฌ์ง„ ๋ฆฌ์ŠคํŠธ
    summary?: {}  // ๋ณ€๋™์‚ฌํ•ญ ์ƒ๊ธธ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๊ณต๋ฐฑ์œผ๋กœ ๋‘๊ธฐ
}

Todo


  • ์นดํ…Œ๊ณ ๋ฆฌ ๋‹น 1๊ฐœ ์ด์ƒ์˜ ๋ฐ์ดํ„ฐ
  • ํƒœ๊ทธ์— ์นดํ…Œ๊ณ ๋ฆฌ ๋ชจ๋“  ๊ฒฝ๋กœ ๊ผญ ํฌํ•จํ•˜๊ธฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] Liked List

ISSUS: โœ…DESIGN

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


๋‚˜์˜ ์ฐœ๋ชฉ๋ก

Todo


  • title
  • category
  • subcategory round card button
  • card

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[SETTING]

ISSUS: โœ… SETTING


Description


์ปค๋ฐ‹ ๋ฃฐ ๋“ฑ ๊ธฐ๋ณธ ์„ธํŒ… ๋…ผ์˜ํ•˜๊ธฐ

Todo


  • react ์ปดํฌ๋„ŒํŠธ ๊ตฌ์กฐ ์–ด๋–ป๊ฒŒ ์งค ๊ฑด์ง€?
  • ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ†ต์ผ
  • ๋ณ€์ˆ˜ ์Šคํƒ€์ผ / ์ฝ”๋”ฉ ์Šคํƒ€์ผ / ์ปค๋ฐ‹ ๋ฃฐ
  • git code ๊ด€๋ฆฌ ์–ด๋–ป๊ฒŒ ํ• ์ง€?

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] ์ƒ๋‹จ ์Šค์™€์ดํผ

ISSUS: โœ…DESIGN


Description


์ƒ๋‹จ ์Šค์™€์ดํผ๋””์ž์ธ



Todo


  • ์ด๋ฏธ์ง€ 10๊ฐœ ๋„˜๊ธฐ๊ธฐ
  • ํ˜„์ œ ํŽ˜์ด์ง€ ๋ฒˆํ˜ธ ๋ฐ ์ „์ฒด ํŽ˜์ด์ง€ ๋ฒˆํ˜ธ ํ‘œ์‹œํ•˜๊ธฐ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[Design] OnEul

ISSUS: โœ…Design

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์˜ค๋Š˜ ํŽ˜์ด์ง€ ๋””์ž์ธ



Todo


  • Picutre์˜์—ญ
  • Category ์˜์—ญ
  • ์˜ค๋Š˜์˜ ๋žญํฌ
  • ์˜ค๋Š˜์˜ ๋‰ด์Šคํƒ€์ผ
  • switch ํƒญ
  • +ํƒญ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[FEATURE] Liked - Data ์—ฐ๊ฒฐ

ISSUS: โœ…FEATURE

new dummy data์— ๋งž๊ฒŒ Liked page ๋ฐ์ดํ„ฐ ์—ฐ๊ฒฐ


Description


๋ฐ”๋€ ์ƒํ’ˆ ์ƒ์„ธ์— ๋”ฐ๋ผ Liked page์˜ Card ์ปดํฌ๋„ŒํŠธ ๋ฐ์ดํ„ฐ ์—ฐ๊ฒฐ

Todo


  • Card ์ปดํฌ๋„ŒํŠธ์—์„œ ์‚ฌ์šฉ๋˜๋Š” key๊ฐ’ ํ™•์ธ ํ›„ ๋ณ€๊ฒฝ
  • ํ™”๋ฉด ๊ทธ๋Œ€๋กœ ์ž˜ ๋œจ๋Š”์ง€ ํ™•์ธ(ํ•„์ˆ˜)

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESGINE] magazine-detail

ISSUS: โœ…FEATURE

Feature ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


๋งค๊ฑฐ์ง„ ๋””ํ…Œ์ผ ํŽ˜์ด์ง€ ๋””์ž์ธ



Todo


  • ๋””ํ…Œ์ผ ๋งค๊ฑฐ์ง„ ํŽ˜์ด์ง€ ๋ผ์šฐํ„ฐ ์„ค์ •
  • ๋””ํ…Œ์ผ ๋งค๊ฑฐ์ง„ ํŽ˜์ด์ง€ ๋””์ž์ธ
  • ๋งค๊ฑฐ์ง„ ๋ผ์šฐํ„ฐ ์„ค์ •

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[DESIGN] TodayRocommendedBrand

ISSUS: โœ…Desgin

Desgin์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


์˜ค๋Š˜์˜ ์ถ”์ฒœ๋ธŒ๋žœ๋“œ ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

Todo


  • ์˜ค๋Š˜์˜ ์ถ”์ฒœ๋ธŒ๋žœ๋“œ ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ

ETC


๊ธฐํƒ€์‚ฌํ•ญ

[Design] TodayBest

ISSUS: โœ…Design

Design ์ž‘์—… ์‚ฌํ•ญ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.


Description


Today best product swiper design

Todo


  • title
  • round img
  • description

ETC


๊ธฐํƒ€์‚ฌํ•ญ

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.