Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

πŸ“ μƒν˜Έ 평가 - 6μ‘° FE #61

Open
honeyyyoon opened this issue Jan 25, 2025 · 0 comments
Open

πŸ“ μƒν˜Έ 평가 - 6μ‘° FE #61

honeyyyoon opened this issue Jan 25, 2025 · 0 comments

Comments

@honeyyyoon
Copy link

μ•ˆλ…•ν•˜μ„Έμš”! 7μ‘° μƒν˜Έ 평가λ₯Ό λ‹΄λ‹Ήν•˜κ²Œ 된 6μ‘° FE μœ€μ‹œν—Œ, μΈμ†Œμœ€, μ΅œμ„œν˜„μž…λ‹ˆλ‹€! 당근에 κ²½λ§€λΌλŠ” κΈ°λŠ₯을 ν•˜μ—¬ κ΅¬ν˜„ν•˜λŠ” 것이 μ°Έ 맀λ ₯적이라고 μƒκ°ν•©λ‹ˆλ‹€πŸ˜Š
μ•žμœΌλ‘œμ˜ νŽ˜μ΄μ§€ κ°œμ„ μ— 도움이 될 λ§Œν•œ λ‚΄μš©μ„ μ •λ¦¬ν•΄λ³΄μ•˜μŠ΅λ‹ˆλ‹€:)

ν˜‘μ—… κ΄€λ ¨

  • Pull Request Template을 μ„€μ •ν•˜κ²Œ 이에 따라 μ„±μ‹€ν•˜κ²Œ ν™œμš©ν•˜μ‹  점이 맀우 μΈμƒμ μ΄μ—ˆμŠ΅λ‹ˆλ‹€!
  • 두 뢄이 FEλ‘œμ„œ λ§Žμ€ νŽ˜μ΄μ§€ 및 μ»΄ν¬λ„ŒνŠΈλ₯Ό κ΅¬ν˜„ν•˜μ‹  λ…Έκ³ κ°€ 잘 λ³΄μ˜€μŠ΅λ‹ˆλ‹€.-

μ½”λ“œ κ΄€λ ¨

폴더 ꡬ쑰 κ°œμ„  μ œμ•ˆ

  • ν˜„μž¬ λ§Žμ€ νŽ˜μ΄μ§€, CSS, assets 파일이 μžˆλŠ”λ°, 이λ₯Ό μš©λ„ 및 νŽ˜μ΄μ§€λ³„λ‘œ ν΄λ”ν™”ν•˜μ—¬ μ •λ¦¬ν•˜λ©΄ 더 효율적인 관리가 κ°€λŠ₯ν•  것 κ°™μŠ΅λ‹ˆλ‹€.
  • 특히 assets의 경우 export μ „μš© νŒŒμΌμ„ λ§Œλ“€μ–΄ 비ꡬ쑰화 할당을 ν™œμš©ν•˜λ©΄, λ”μš± κΉ”λ”ν•˜κ²Œ μš”μ†Œλ“€μ„ 뢈러올 수 μžˆμ„ 것 κ°™μŠ΅λ‹ˆλ‹€.
export { default as hashtagIcon } from '../assets/hashtag-gray.svg';
export { default as pictureIcon } from '../assets/picture-gray.svg';
export { default as quitIcon } from '../assets/quitcross.svg';
export { default as rightArrow } from '../assets/rightarrow_black.svg';
import { hashtagIcon, pictureIcon, quitIcon, rightArrow } from '@/constants';

이런 λ°©μ‹μœΌλ‘œ μ •λ¦¬ν•˜λ©΄ 각 μ»΄ν¬λ„ŒνŠΈμ—μ„œ λ°˜λ³΅λ˜λŠ” μƒμˆ˜λ“€κ³Ό 자주 μ‚¬μš©λ˜λŠ” μ•„μ΄μ½˜λ“€μ„ ν•œ κ³³μ—μ„œ 관리할 수 μžˆμ–΄μ„œ μœ μ§€λ³΄μˆ˜κ°€ 더 νŽΈν•΄μ§ˆ 것 κ°™μŠ΅λ‹ˆλ‹€!

  • publicκ³Ό assets ν΄λ”μ˜ λ¦¬μ†ŒμŠ€ μš©λ„λ₯Ό λͺ…ν™•νžˆ κ΅¬λΆ„ν•˜λ©΄ 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€.

UI/UX κ°œμ„  사항

μ‚¬μš©μž ν”Όλ“œλ°± κ°•ν™”

  • 둜그인/νšŒμ›κ°€μž… μ‹œ 성곡/μ‹€νŒ¨μ— λŒ€ν•œ alertλ₯Ό μΆ”κ°€ν•˜λ©΄ 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€.
  • item/:idμ—μ„œλŠ” μ—†λŠ” 아이디/μ—λŸ¬ μ‹œ λ‘œλ”© 화면이 뜨고 μ—λŸ¬ alert κ°€ λœ¨μ§€ μ•ŠλŠ” ν˜„μƒ, itemedit/:idμ—μ„œλŠ” μ—†λŠ” 아이디/μ—λŸ¬ μ‹œ /itemedit/:id νŽ˜μ΄μ§€ UI κ°€ κ·ΈλŒ€λ‘œ λ³΄μ΄λŠ” ν˜„μƒμ΄ μžˆμ–΄ μ μ ˆν•œ μ—λŸ¬ 처리 및 alert 섀정이 ν•„μš”ν•  것 κ°™μŠ΅λ‹ˆλ‹€.
  • /login, /location, /itempost, /register νΌμ—μ„œ μž…λ ₯ ν˜•νƒœμ— λ”°λ₯Έ hover 효과(μ»€μ„œ 포인터, 색상변화, disabled μƒνƒœ ν‘œμ‹œ)λ₯Ό μΆ”κ°€ν•˜λ©΄ 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€.

λ ˆμ΄μ•„μ›ƒ κ°œμ„ 

  • 검색 ν™˜κ²½μ—μ„œλ„ ν•˜λ‹¨λ°”κ°€ 있으면 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€.
  • auctions νŽ˜μ΄μ§€μ˜ κ°€λ‘œ μŠ€ν¬λ‘€μ„ μ œκ±°ν•˜λ©΄ 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€. (width: 100% λ˜λŠ” overflow-x: hidden 으둜 μ μš©ν•˜λ©΄ 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€!)
  • κΈ°μ‘΄ λ‹Ήκ·Όμ—μ„œλŠ” ν”„λ‘œν•„ 사진을 λ“±λ‘ν•˜μ§€ μ•ŠμœΌλ©΄ κΈ°λ³Έ ν”„λ‘œν•„ μ•„μ΄μ½˜μ΄ λœ¨λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€. νšŒμ›κ°€μž… ν›„ ν•„μˆ˜λ‘œ ν”„λ‘œν•„ 사진을 λ“±λ‘ν•˜λŠ” 과정이 μ—†κ³ , 당근은 μœ μ €λ“€μ΄ μ†Œν†΅ν•˜λŠ” μ„œλΉ„μŠ€μΈ 만큼 κ·Έλƒ₯ νšŒμƒ‰ 이미지 말고 κ°„λ‹¨ν•œ μ•„μ΄μ½˜μ΄ 있으면 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€.

κΈ°λŠ₯ κ°œμ„  사항

버그 μˆ˜μ •

  • μ†Œμ…œλ‘œκ·ΈμΈ μ‹œ λ°œμƒν•˜λŠ” 504 Timeout ERROR 해결이 ν•„μš”ν•©λ‹ˆλ‹€.
  • μ±„νŒ…μ—μ„œ 첫 λ©”μ‹œμ§€κ°€ 쀑볡 μ „μ†‘λ˜λŠ” λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€.
  • ν”„λ‘œν•„ 사진 μ—…λ°μ΄νŠΈ ν›„ μ±„νŒ…μ°½μ— λ°˜μ˜λ˜μ§€ μ•ŠλŠ” λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€.

κΈ°λŠ₯ μΆ”κ°€ μ œμ•ˆ

  • 쀑간 총회 λ•Œ λ³΄λ©΄μ„œ β€˜κ²½λ§€β€™λΌλŠ” μš”μ†Œλ₯Ό μΆ”κ°€ν•œ 것이 μΈμƒμ μ΄μ—ˆμŠ΅λ‹ˆλ‹€! λ‹€λ§Œ ν˜„μž¬ 경맀λ₯Ό 잘 μ΄μš©ν•  수 μ—†λŠ” 것 κ°™μ•„ μ•„μ‰¬μ› μŠ΅λ‹ˆλ‹€. 기말 총회 λ•ŒλŠ” 경맀 뢀뢄이 ꡬ체적으둜 κ΅¬ν˜„λ˜λ©΄ 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€!
  • κΈ°μ‘΄ λ‹Ήκ·Όμ—μ„œλŠ” ν™ˆ ν™”λ©΄μ—μ„œ 지역을 μˆ˜μ •ν•  수 μžˆλŠ”λ°, 이 κΈ°λŠ₯이 μΆ”κ°€λ˜μ–΄λ„ 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€. μ§€κΈˆμ€ 지역 섀정을 ν”„λ‘œν•„ μˆ˜μ • νŽ˜μ΄μ§€μ—μ„œ μˆ˜μ •ν•  수 μžˆλŠ” 것 같은데, 지역 섀정을 μ°ΎλŠ”λ° 쑰금 ν—€λ©œ 수 μžˆλŠ” 뢀뢄인 것 κ°™μŠ΅λ‹ˆλ‹€!
  • λ‹Ήκ·Όμ΄λΌλŠ” μ•± νŠΉμ„±μƒ μƒν’ˆ 등둝 μ‹œ μ΅œμ†Œ 1μž₯ μ΄μƒμ˜ 사진 등둝을 ν•„μˆ˜λ‘œ ν•˜λ©΄ 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€.

λ³΄μ•ˆ κ°œμ„ 

  • ItemPageμ—μ„œ ItemEditPage둜 navigate μ‹œ ν˜„μž¬ μ œν’ˆ id만 μ²΄ν¬ν•˜κ³  μžˆλŠ”λ°, μž‘μ„±μž 본인 확인을 μœ„ν•œ 토큰/id 체크 둜직 μΆ”κ°€κ°€ ν•„μš”ν•©λ‹ˆλ‹€.
  • BottomNavBar μ ‘κ·Ό κΆŒν•œ 관리가 ν•„μš”ν•©λ‹ˆλ‹€:
    • λ‘œκ·Έμ•„μ›ƒ μƒνƒœ: /chat, /mypage μ ‘κ·Ό μ‹œ 메인 νŽ˜μ΄μ§€λ‘œ λ¦¬λ””λ ‰μ…˜
    • /main, /auction, /community: 둜그인 여뢀와 관계없이 μ ‘κ·Ό κ°€λŠ₯

μ΄μƒμœΌλ‘œ ν”Όλ“œλ°±μ„ 마치며, μ•žμœΌλ‘œμ˜ κ°œλ°œμ— 도움이 되길 λ°”λžλ‹ˆλ‹€. μ§€κΈˆκΉŒμ§€ 수고 λ§ŽμœΌμ…¨κ³  남은 일주일도 μ§„μ‹¬μœΌλ‘œ μ‘μ›ν•©λ‹ˆλ‹€! πŸŽ‰

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant