Skip to content

Latest commit

Β 

History

History
53 lines (43 loc) Β· 1.9 KB

File metadata and controls

53 lines (43 loc) Β· 1.9 KB

CI CD

🏠 Kcena Market

ν˜Ήμ‹œ 더 이상 μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” 물건이 μžˆλ‚˜μš”? πŸ’β€β™‚οΈ
μ•„λ‹ˆλ©΄ μƒˆ μ œν’ˆμ„ κ΅¬μž…ν•˜κΈ°μ—λŠ” λΆ€λ‹΄μŠ€λŸ¬μš΄ 물건이 μžˆλ‚˜μš”? πŸ€”

κ·Έλ ‡λ‹€λ©΄ Kcena Marketμ—μ„œ 물건을 μ°Ύκ³  쀑고 거래λ₯Ό ν•΄ λ³΄μ„Έμš”! πŸ˜„

πŸŽ₯ ν”„λ‘œμ νŠΈ μ†Œκ°œ μ˜μƒ

youtube: https://youtu.be/4wGEzQhSZ7o

  • μ‚¬μš©μžλŠ” 둜그인, νšŒμ›κ°€μž…μ„ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • μƒν’ˆ 판맀 μ‹œ μƒν’ˆμ˜ 사진을 νŒλ§€κΈ€κ³Ό ν•¨κ»˜ 첨뢀할 수 μžˆμŠ΅λ‹ˆλ‹€. κ°„νŽΈν•˜κ²Œ drag and drop으둜 이미지 νŒŒμΌμ„ μΆ”κ°€ν•  수 μ—†μ„κΉŒ κ³ λ―Όν•˜λ‹€κ°€ React dropzone 라이브러리λ₯Ό μ•Œκ²Œ λ˜μ–΄ 이λ₯Ό λ„μž…ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
  • μ‚¬μš©μžλŠ” νŒλ§€μ€‘μΈ μƒν’ˆμ„ μˆ˜μ •ν•˜κ±°λ‚˜ μ‚­μ œν•  수 있으며, 둜그인, νšŒμ›κ°€μž…, νŒλ§€ν•˜κΈ°, μˆ˜μ •ν•˜κΈ° λ“±μ˜ λͺ¨λ“  μž…λ ₯ formμ—λŠ” formik κ³Ό Yup 라이브러리λ₯Ό μ μš©ν•˜μ—¬ 잘λͺ»λœ μž…λ ₯에 λŒ€ν•œ validation을 μˆ˜ν–‰ν•˜λ„λ‘ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
  • μ‹€μˆ˜λ‘œ μƒν’ˆμ„ μ‚­μ œν•˜κ±°λ‚˜ λ‘œκ·Έμ•„μ›ƒ ν•˜λŠ” 일이 λ°œμƒν•˜μ§€ μ•Šλ„λ‘ Context API λ₯Ό μ΄μš©ν•˜μ—¬ confirm messageλ₯Ό 거쳐 μ‚­μ œ λ˜λŠ” λ‘œκ·Έμ•„μ›ƒμ΄ λ˜λ„λ‘ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
  • 배포와 ν…ŒμŠ€νŠΈ μžλ™ν™”λ₯Ό μœ„ν•΄ github actions λ₯Ό μ΄μš©ν•œ CI / CD λ₯Ό λ„μž…ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

기술 μŠ€νƒ

  • JavaScript
  • React
  • Redux, Redux Toolkit
  • Emotion(styled)
  • Firebase

Install dependencies

npm install

Lint

npm run lint

Start dev server

npm run start

Run build

npm run build

Run coverage test

npm run coverage

Run unit test

npm run test:unit