Skip to content
@Yudillo

Yudillo

README.md

πŸ™Œ μ•ˆλ…•ν•˜μ„Έμš”. Yudillo μž…λ‹ˆλ‹€!

Trello μŠ€νƒ€μΌμ˜ μΉΈλ°˜λ³΄λ“œ μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μœΌλ‘œ, ν”„λ‘œμ νŠΈλ₯Ό μƒμ„±ν•˜κ³  리슀트λ₯Ό λ§Œλ“€μ–΄ 리슀트 λ³„λ‘œ ν•  일을 μΉ΄λ“œλ‘œ λ§Œλ“€μ–΄ Drag & Drop으둜 μ†μ‰½κ²Œ μ΄λ™μ‹œν‚€λ©° ν•  일을 효율적으둜 관리할 수 μžˆμ–΄μš”!


✨ κΈ°λŠ₯

  • νšŒμ›κ°€μž…, 둜그인, λΉ„λ°€λ²ˆν˜Έ μž¬μ„€μ •
  • λ§ˆμ΄νŽ˜μ΄μ§€, ν™œλ™ 둜그 확인
  • ν”„λ‘œμ νŠΈ 생성, μˆ˜μ •, μ‚­μ œ
  • 리슀트 생성, μˆ˜μ •, μ‚­μ œ
  • μΉ΄λ“œ 생성, μˆ˜μ •, μ‚­μ œ
  • 리슀트 κ°„ Drag&Drop을 ν†΅ν•œ μΉ΄λ“œ 이동 (Mobile μ œμ™Έ)
  • μƒνƒœ μ €μž₯

πŸ”§ μ‚¬μš©λ°©λ²•

  • ν”„λ‘œμ νŠΈλ₯Ό 생성 ν•  수 μžˆμ–΄μš”.
  • ν”„λ‘œμ νŠΈμ— λ§žλŠ” 리슀트λ₯Ό 생성할 수 μžˆμ–΄μš”.
  • λ¦¬μŠ€νŠΈμ— λ§žλŠ” μΉ΄λ“œλ₯Ό μΆ”κ°€ ν•  수 μžˆμ–΄μš”.
  • μΉ΄λ“œ μƒνƒœμ— 따라 리슀트 κ°„ 이동이 κ°€λŠ₯ν•΄μš”.
  • Drag&Drop으둜 μ‰½κ²Œ μΉ΄λ“œλ₯Ό 리슀트 κ°„ 이동할 수 μžˆμ–΄μš”. (Mobile μ œμ™Έ)

βš™οΈ κΈ°μˆ μŠ€νƒ

  • Frontend


πŸͺ„ μ„€μΉ˜ 및 μ‹€ν–‰

πŸ‘€ ν”„λ‘ νŠΈμ—”λ“œ

πŸ’‘ μ‹€ν–‰ν™˜κ²½

node -v
v22.11.0

πŸ’‘ ν”„λ‘œμ νŠΈ μ‹€ν–‰

🎈 ν”„λ‘œμ νŠΈ 클둠

git clone https://github.com/Yudillo/front-end.git

🎈 μ˜μ‘΄μ„± μ„€μΉ˜

pnpm install

🎈 개발 μ„œλ²„ μ‹€ν–‰

pnpm dev

🎈 κΈ°λ³Έ μ‹€ν–‰ 경둜

> http://localhost:3000
viteλ₯Ό μ‚¬μš©ν•˜κ³  μžˆλ‹€λ©΄ vite.config.tsμ—μ„œ 포트λ₯Ό μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ“ 폴더ꡬ쑰

πŸ‘€ ν”„λ‘ νŠΈμ—”λ“œ 
src/
β”‚
β”œβ”€β”€ api/ # api 호좜 및 κ΄€λ ¨ 둜직
β”œβ”€β”€ assets/ # 이미지 및 정적 파일
β”œβ”€β”€ components/ # μž¬μ‚¬μš© κ°€λŠ₯ν•œ μ»΄ν¬λ„ŒνŠΈ
β”œβ”€β”€ constants/ # μƒμˆ˜ 파일
β”œβ”€β”€ hooks/ # μ»€μŠ€ν…€ ν›…
β”œβ”€β”€ integrations/ #
β”œβ”€β”€ layout/ # 미디어쿼리별 λ ˆμ΄μ•„μ›ƒ 관리
β”œβ”€β”€ pages/ # νŽ˜μ΄μ§€ λ‹¨μœ„ ꡬ성
β”œβ”€β”€ routes/ # 파일 기반 라우트
β”œβ”€β”€ styles # μ „μ—­μŠ€νƒ€μΌ
β”œβ”€β”€ types/ # TypeScript μ „μš© νƒ€μž… μ„ μ–Έ
β”œβ”€β”€ utils/ # μœ ν‹Έλ¦¬ν‹° ν•¨μˆ˜λ“€
└── main.tsx # μ§„μž… 파일

🌱 기타

☘️ μΆ”ν›„ κ°œμ„  사항
  • Oauth
  • 곡지사항, FAQ, λ¬Έμ˜μ‚¬ν•­
  • κ΄€λ¦¬μž νŽ˜μ΄μ§€
  • μ‹€μ‹œκ°„ ν˜‘μ—…

πŸ”Ž 리슀트

  1. πŸ™Œ μ†Œκ°œ
  2. ✨ κΈ°λŠ₯
  3. πŸ”§ μ‚¬μš©λ°©λ²•
  4. βš™οΈ κΈ°μˆ μŠ€νƒ
  5. πŸͺ„ μ„€μΉ˜ 및 μ‹€ν–‰
  6. πŸ“ 폴더ꡬ쑰
  7. 🌱 기타

Popular repositories Loading

  1. front-end front-end Public

    TypeScript

  2. .github .github Public

Repositories

Showing 2 of 2 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…