Skip to content
SangYeon Min edited this page Oct 28, 2024 · 6 revisions

Welcome to the HEARUS-REACT-FRONTEND wiki!

ν”„λ‘œμ νŠΈ ꡬ쑰

src/
β”‚
β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ images/ # svg, gif, png λ“± 이미지
β”‚   └── fonts/ # 폰트(Pretendard)
β”‚
β”œβ”€β”€ components/ # μ•„ν† λ―Ή λ””μžμΈ μ‹œμŠ€ν…œ 차용
β”‚   β”œβ”€β”€ atoms/ 
|   β”œβ”€β”€ molecules/
|   β”œβ”€β”€ organisms/
β”‚   └── templates/
β”‚
β”œβ”€β”€ hooks/ # μ»€μŠ€ν…€ ν›…
β”‚
β”œβ”€β”€ pages/ # λΌμš°ν„°λ‘œ λ‚˜λ‰˜λŠ” νŽ˜μ΄μ§€ μ»΄ν¬λ„ŒνŠΈ
β”‚
β”œβ”€β”€ apis/ # API fetch ν•¨μˆ˜
β”‚
β”œβ”€β”€ store/ # μ „μ—­ μƒνƒœκ΄€λ¦¬
β”‚
β”œβ”€β”€ styles/
β”‚   β”œβ”€β”€ colors.scss # 곡톡 색상 λ³€μˆ˜
β”‚   └── fonts.scss # 곡톡 폰트 μŠ€νƒ€μΌ λ³€μˆ˜
β”‚
β”œβ”€β”€ utils/ # μœ ν‹Έ ν•¨μˆ˜
|
β”œβ”€β”€ constants/ # μƒμˆ˜
β”‚
β”œβ”€β”€ App.tsx
└── main.tsx

μ„€μΉ˜ 및 μ‹€ν–‰

  1. λ ˆν¬μ§€ν† λ¦¬ clone

    git clone https://github.com/TEAM-Hearus/HEARUS-REACT-FRONTEND
    
  2. ν”„λ‘œμ νŠΈ λ””λ ‰ν† λ¦¬λ‘œ 이동

    cd HEARUS-REACT-FRONTEND
    
  3. npm νŒ¨ν‚€μ§€ λ‹€μš΄λ‘œλ“œ

    npm install
    
  4. μ• ν”Œλ¦¬μΌ€μ΄μ…˜ μ‹€ν–‰

    npm run dev
    

🀝 κΈ°μ—¬ν•˜κΈ°

Hearus의 λ°œμ „μ— κΈ°μ—¬ν•΄ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€! μš°λ¦¬λŠ” λͺ¨λ“  ν˜•νƒœμ˜ κΈ°μ—¬λ₯Ό ν™˜μ˜ν•©λ‹ˆλ‹€.

  1. Issue 생성: 버그 리포트, κΈ°λŠ₯ μ œμ•ˆ, λ˜λŠ” 질문
  2. Pull Request: μ½”λ“œ κ°œμ„ , λ¬Έμ„œν™”, λ˜λŠ” μƒˆλ‘œμš΄ κΈ°λŠ₯ κ΅¬ν˜„
  3. Code Review: λ‹€λ₯Έ κΈ°μ—¬μžμ˜ PR을 λ¦¬λ·°ν•˜κ³  ν”Όλ“œλ°± 제곡
  4. Documentation: README, μœ„ν‚€, λ˜λŠ” μ½”λ“œ 주석 κ°œμ„ 

μžμ„Έν•œ κΈ°μ—¬ κ°€μ΄λ“œλΌμΈμ€ CONTRIBUTING.mdλ₯Ό μ°Έμ‘°ν•΄ μ£Όμ„Έμš”. λ˜ν•œ ν”„λ‘œμ νŠΈμ— λŒ€ν•œ λ¬Έμ˜μ‚¬ν•­μ΄ μžˆμœΌμ‹œλ‹€λ©΄ ISSUEλ₯Ό 생성해 μ£Όμ„Έμš”.

μ£Όμš” κΈ°μ—¬μž

FE FE Designer
κΉ€λ‚˜μ—° 고은비 μž₯μ—°μš°