Skip to content

SKHUMING/skhuming-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ† Skhuming

μŠ€μΏ λ°μ€ μ•„λž˜μ˜ μ£Όμ†Œμ—μ„œ μ œκ³΅ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

πŸ‘‰πŸ» skhuming.site





πŸ§‘πŸ»β€πŸ’» Member (Feat. ALPRO)

Backend Frontend
202014098 μ΅œκΈ°μ›… 202014051 λͺ…μ§€μš°





πŸ”Ž INTRO

개발 동기

μ•Œκ³ λ¦¬μ¦˜ 문제 μ‚¬μ΄νŠΈ 쀑 ν•˜λ‚˜μΈ β€˜λ°±μ€€β€™μ—μ„œλŠ” μžμ‹ μ΄ μ œμΆœν•œ λ‹΅μ•ˆμ— 따라 μ μˆ˜μ™€ ν‹°μ–΄κ°€ μŒ“μ΄κ³ , κ·Έ 점수λ₯Ό 가지고 β€˜sovledβ€™μ—μ„œ μ•Œκ³ λ¦¬μ¦˜ λž­ν‚Ήμ„ μ œκ³΅ν•©λ‹ˆλ‹€. μ•Œκ³ λ¦¬μ¦˜ μŠ€ν„°λ””μ—μ„œ λ§Œλ‚˜ ν”„λ‘œμ νŠΈκΉŒμ§€ μ§„ν–‰ν•˜κ²Œ 된 μ•Œν”„λ‘œνŒ€μ€ 이런 λž­ν‚Ή μ„œλΉ„μŠ€μ—μ„œ 아이디어λ₯Ό μ–»μ—ˆμŠ΅λ‹ˆλ‹€. μ„±κ³΅νšŒλŒ€ν•™κ΅μ—μ„œ μš΄μ˜μ€‘μΈ β€˜μŠ€μΏ° λ§ˆμΌλ¦¬μ§€β€™ μ œλ„λŠ”, ν•™κΈ° 쀑 비ꡐ과 ν”„λ‘œκ·Έλž¨μ— μ°Έμ—¬ν•˜λ©΄ 슀쿰 λ§ˆμΌλ¦¬μ§€λ₯Ό μ§€κΈ‰ν•˜κ³ , ν•™κΈ° 말에 κ³ λ“μ μž 일뢀λ₯Ό μ„ λ°œν•΄ μž₯ν•™κΈˆμ„ μ§€κΈ‰ν•©λ‹ˆλ‹€. μ΄λ ‡κ²Œ λž­ν‚Ήκ³Ό 슀쿰 λ§ˆμΌλ¦¬μ§€λ₯Ό ν•©ν•œ 슀쿠밍이 νƒ„μƒν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

개발 λͺ©ν‘œ

μŠ€μΏ λ°μ—μ„œ 자체 μ œμž‘ν•œ 티어와, μŠ€μΏ λ°μ—μ„œ μ œκ³΅ν•˜λŠ” λ‹€μ–‘ν•œ λž­ν‚Ήμ„ μ œκ³΅ν•©λ‹ˆλ‹€. μ΄λ‘œλΆ€ν„° μž‘κ²ŒλŠ” μžμ‹ μ΄ ν™œλ™ν•œ 비ꡐ과 ν”„λ‘œκ·Έλž¨μ˜ 내역을 확인할 수 있고, μžμ‹ μ΄ λͺ¨μ€ λ§ˆμΌλ¦¬μ§€ 점수λ₯Ό 확인할 수 있으며, ν¬κ²ŒλŠ” λ‹€λ₯Έ μ‚¬μš©μžλ“€κ³Ό κ²½μŸν•˜λ©° 비ꡐ과 ν”„λ‘œκ·Έλž¨μ— λŒ€ν•œ 동기뢀여λ₯Ό μœ λ°œν•˜κ³  전체적인 비ꡐ과 ν”„λ‘œκ·Έλž¨μ˜ ν™œμ„±ν™”λ₯Ό λͺ©ν‘œλ‘œ ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.





πŸ’™ FUNCTION

μŠ€μΏ λ°μ€ 크게 λž­ν‚Ήκ³Ό κ³΅μ§€μ˜ 두 가지 κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.

  1. λž­ν‚Ή
    1. μž¬ν•™μƒ 전체 λž­ν‚Ή / 학뢀별 μž¬ν•™μƒ λž­ν‚Ή : μžμ‹ μ΄ μŒ“μ€ 슀쿰 λ§ˆμΌλ¦¬μ§€λ‘œ μž¬ν•™μƒ λ‚΄ μˆœμœ„λ₯Ό 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
    2. 각 ν•™λΆ€ 총합 λž­ν‚Ή : μžμ‹ μ΄ μ†ν•œ 각 학뢀별 총합 λ§ˆμΌλ¦¬μ§€ 점수둜 μˆœμœ„λ₯Ό 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
    3. μΆ”μ›” μ „κ΄‘νŒ : λ‹€λ₯Έ μ‚¬λžŒμ˜ μˆœμœ„λ₯Ό μΆ”μ›”ν•œ 경우, μΆ”μ›” μ „κ΄‘νŒμ„ 톡해 μžλž‘ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  2. 곡지
    1. 비ꡐ과 ν”„λ‘œκ·Έλž¨ 곡지 κ²Œμ‹œνŒ : λ§Žμ€ LMS 곡지 쀑, 비ꡐ과 ν”„λ‘œκ·Έλž¨ κ³΅μ§€λ§Œ λ”°λ‘œ λͺ¨μ•„ μ‰½κ²Œ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
    2. 곡지 검색 : ν‚€μ›Œλ“œλ‘œ κ°„νŽΈν•˜κ²Œ μ›ν•˜λŠ” 곡지λ₯Ό 찾을 수 μžˆμŠ΅λ‹ˆλ‹€.
    3. 곡지 슀크랩 : 기얡해두고 싢은 κ³΅μ§€λŠ” λ”°λ‘œ μŠ€ν¬λž©ν•˜μ—¬ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

μ΄μ™Έμ˜ μƒμ„Έν•œ κΈ°λŠ₯은 skhuming.siteμ—μ„œ ν™•μΈν•΄μ£Όμ„Έμš”!





πŸ’° MILEAGE

슀쿠밍의 λ§ˆμ΄νŽ˜μ΄μ§€μ—μ„œ μ°Έμ—¬ν•œ 비ꡐ과 ν”„λ‘œκ·Έλž¨μ„ μΆ”κ°€ν•˜μ—¬ λ§ˆμΌλ¦¬μ§€λ₯Ό μŒ“μ„ 수 μžˆμŠ΅λ‹ˆλ‹€.

μŒ“μΈ λ§ˆμΌλ¦¬μ§€ μ μˆ˜λŠ” μŠ€μΏ λ°μ—μ„œ 자체 μ œμž‘ν•œ 티어에 더해져 ν™•μΈν•˜μ‹€ 수 μžˆμŠ΅λ‹ˆλ‹€.

SS S A B Un
λ§ˆμΌλ¦¬μ§€ 800점 이상 λ§ˆμΌλ¦¬μ§€ 600점 이상 λ§ˆμΌλ¦¬μ§€ 400점 이상 λ§ˆμΌλ¦¬μ§€ 200점 이상 λ§ˆμΌλ¦¬μ§€ 200점 미만

주의!

λ¬΄λΆ„λ³„ν•œ 점수 μΆ”κ°€λ₯Ό 막기 μœ„ν•΄ 2가지 κ·œμΉ™μ„ μ μš©ν•©λ‹ˆλ‹€.

  1. 비ꡐ과 ν”„λ‘œκ·Έλž¨ 쀑볡 μΆ”κ°€ κΈˆμ§€
  2. 비ꡐ과 ν”„λ‘œκ·Έλž¨ μ’…λ£ŒμΌλΆ€ν„° 2μ£Όκ°„λ§Œ 비ꡐ과 λ§ˆμΌλ¦¬μ§€ μΆ”κ°€ κ°€λŠ₯





πŸ“† DEV PREIOD

2023/06/30 ~ 2023/09/23





🎨 DESIGN

Figma





βš’οΈ TECH STACK

Backend



Frontend

Figma

Javascript

React

React-Router

Styled-Component

Netilfy





πŸ“‘ ERD

ERD





πŸ—‚οΈ URL

Github (Backend)

https://github.com/SKHUMING/skhuming-backend

Github (Frontend)

https://github.com/SKHUMING/skhuming-frontend

FAQ

https://www.notion.so/FAQ-cd239246f7124a28a16ddcc8c6e647f6?pvs=21

YouTube

https://www.youtube.com/watch?v=h2WAIKotZ1w





πŸ“ž CONTACT

[email protected]

About

SKHUMING FRONTEND

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages