Search

Zoom In Movie

κΈ°μˆ μŠ€νƒ
Python
Django
Vue.js
JavaScript
Typed.js
SQLite
κΈ°κ°„
2023.11 ~ 2023.11
1 more property

ν”„λ‘œμ νŠΈ 진행 κΈ°κ°„

2023.11.16 ~ 2023.11.24 (1μ£Ό)

총 인원

2λͺ… (Backend 1λͺ… / Frontend 1λͺ…)

ν”„λ‘œμ νŠΈ μ†Œκ°œ

μ‚Όμ„± μ²­λ…„ SW 아카데미 6κ°œμ›” ν•™μŠ΅ν•œ λ‚΄μš©μ„ μ μš©ν•œ νŒ€ ν”„λ‘œμ νŠΈ μ‚¬μš©μž μ’‹μ•„μš” 기반 μ˜ν™”λ₯Ό μΆ”μ²œν•˜κ³ , μ‹€μ‹œκ°„ 인기 μ˜ν™”μ™€ κ΄€λ ¨ μ˜μƒμ„ μ œκ³΅ν•˜λŠ” μ˜ν™” μΆ”μ²œ μ„œλΉ„μŠ€

πŸ—Έ μ£Όμš” 기술

Backend
β€’
Django, Django REST Framework
β€’
SQLite
β€’
TMDB API, YouTube API
Frontend
β€’
Vue.js
β€’
Bootstrap, lodash, Typed.js

πŸ—Έ λ‹΄λ‹Ή μ—­ν• 

Backend
β€’
κ²Œμ‹œλ¬Ό λŒ“κΈ€ CRUD 및 μ’‹μ•„μš” κΈ°λŠ₯ κ΅¬ν˜„
β€’
Django 기반 ERD μž‘μ„± 및 Movie, Accounts κ΄€λ ¨ κΈ°λŠ₯ κ΅¬ν˜„
β€’
μ˜ν™” μΆ”μ²œ μ•Œκ³ λ¦¬μ¦˜(μ’‹μ•„μš” 및 평점 기반) 개발
β€’
Django seedλ₯Ό ν™œμš©ν•œ 더미 데이터 생성
Frontend
β€’
Vue.jsλ₯Ό ν™œμš©ν•œ 전체 UI/UX 섀계 및 κ΅¬ν˜„
β€’
Bootstrap을 ν™œμš©ν•œ μŠ€νƒ€μΌλ§ 및 lodash, Typed.jsλ₯Ό ν†΅ν•œ 동적 ν™”λ©΄ ꡬ성
Etc
β€’
ν”„λ‘œμ νŠΈ 리더

πŸ—Έ ERD

πŸ—Έ ν”„λ‘ νŠΈ ꡬ쑰도

πŸ—Έ νŠΈλŸ¬λΈ” μŠˆνŒ… 및 κ³ λ―Ό

문제 1: Git Merge Conflict 반볡 λ°œμƒ

β€’
문제 : ν˜‘μ—… κ³Όμ •μ—μ„œ 브랜치 μ „λž΅ λΆ€μž¬λ‘œ 인해 Merge Conflictκ°€ λΉˆλ²ˆν•˜κ²Œ λ°œμƒν–ˆκ³ , 좩돌 해결에 κ³Όλ„ν•œ μ‹œκ°„μ΄ μ†Œμš”λ˜μ—ˆμŠ΅λ‹ˆλ‹€.
β€’
원인 : ν•˜λ‚˜μ˜ λΈŒλžœμΉ˜μ—μ„œ λͺ¨λ“  κΈ°λŠ₯을 λ™μ‹œμ— κ°œλ°œν•˜λ©΄μ„œ, μ½”λ“œ μˆ˜μ • 및 병합 κ³Όμ •μ—μ„œ 좩돌이 μž¦μ•„μ‘Œκ³ , μž‘μ—… λ‹¨μœ„κ°€ λͺ…ν™•νžˆ κ΅¬λΆ„λ˜μ§€ μ•Šμ•˜λ˜ 것이 μ£Όμš” μ›μΈμ΄μ—ˆμŠ΅λ‹ˆλ‹€.
β€’
ν•΄κ²° : Git Flow μ „λž΅μ„ ν•™μŠ΅ν•˜κ³ , κΈ°λŠ₯ λ‹¨μœ„λ‘œ 브랜치λ₯Ό 생성해 κ°œλ°œν•˜λŠ” 방법을 μ μš©ν–ˆμŠ΅λ‹ˆλ‹€. 이λ₯Ό 톡해 λ‹€μŒ ν”„λ‘œμ νŠΈλΆ€ν„°λŠ” 초기 기획 단계뢀터 μž‘μ—… λ‹¨μœ„λ₯Ό λͺ…ν™•νžˆ κ΅¬λΆ„ν•˜κ³  브랜치 관리λ₯Ό μ²΄κ³„μ μœΌλ‘œ μˆ˜ν–‰ν•˜μ—¬ ν˜‘μ—… κ³Όμ •μ˜ μΆ©λŒμ„ μ΅œμ†Œν™”ν•˜λŠ” 것을 λͺ©ν‘œλ‘œ μ‚Όκ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

πŸ—Έ ν”„λ‘œμ νŠΈ 리뷰

배운점
이번 ν”„λ‘œμ νŠΈλ₯Ό 톡해 Gitκ³Ό ν˜‘μ—… λ„κ΅¬λ‘œμ„œμ˜ μ€‘μš”μ„±μ„ 체감할 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. μ΄ˆκΈ°μ—λŠ” λ‹¨μˆœνžˆ Git λͺ…λ Ήμ–΄λ§Œ μˆ™μ§€ν•˜λ©΄ μΆ©λΆ„ν•˜λ‹€κ³  μƒκ°ν–ˆμ§€λ§Œ, 반볡적으둜 λ°œμƒν•˜λŠ” Merge Conflictλ₯Ό ν•΄κ²°ν•˜λŠ” κ³Όμ •μ—μ„œ μž‘μ—… λ‹¨μœ„μ™€ 브랜치 κ΄€λ¦¬μ˜ μ€‘μš”μ„±μ„ κΉ¨λ‹¬μ•˜μŠ΅λ‹ˆλ‹€.
특히 Git Flow μ „λž΅μ„ ν•™μŠ΅ν•˜κ³  μ μš©ν•΄λ³΄λ©°, ν˜‘μ—… κ³Όμ •μ—μ„œ μΆ©λŒμ„ 쀄이고 νš¨μœ¨μ„±μ„ λ†’μ΄λŠ” 방법에 λŒ€ν•΄ ꡬ체적으둜 κ³ λ―Όν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€. λ‹¨μˆœνžˆ κΈ°λŠ₯을 κ΅¬ν˜„ν•˜λŠ” 것에 κ·ΈμΉ˜μ§€ μ•Šκ³ , ν˜‘μ—… ν™˜κ²½μ„ μ–΄λ–»κ²Œ μ„€κ³„ν•˜κ³  μš΄μ˜ν•΄μ•Ό ν•˜λŠ”μ§€μ— λŒ€ν•œ 첫 κ²½ν—˜μ„ ν•  수 μžˆμ—ˆλ˜ 의미 μžˆλŠ” ν”„λ‘œμ νŠΈμ˜€μŠ΅λ‹ˆλ‹€.
μ•„μ‰¬μ› λ˜ 점
κΈ°λŠ₯ κ΅¬ν˜„μ— μ§‘μ€‘ν•˜λ‹€ λ³΄λ‹ˆ, TMDB APIλ₯Ό 톡해 μˆ˜μ§‘ν•œ μ˜ν™” 데이터에 λŒ€ν•΄ κ΅¬μ‘°ν™”λœ μ„€κ³„λ‚˜ μœ μ—°ν•œ ν™œμš© λ°©μ•ˆμ„ μΆ©λΆ„νžˆ λ…Όμ˜ν•˜μ§€ λͺ»ν•œ 점이 μ•„μ‰¬μ›€μœΌλ‘œ λ‚¨μ•˜μŠ΅λ‹ˆλ‹€. 초기 섀계 λ‹¨κ³„μ—μ„œ 데이터 ν™œμš© 방식을 λͺ…ν™•νžˆ μ •μ˜ν–ˆλ‹€λ©΄ 더 완성도 높은 μΆ”μ²œ κΈ°λŠ₯을 κ΅¬ν˜„ν•  수 μžˆμ—ˆμ„ κ²ƒμž…λ‹ˆλ‹€.
λ˜ν•œ 브랜치 관리 없이 ν•˜λ‚˜μ˜ λΈŒλžœμΉ˜μ—μ„œ μž‘μ—…ν•˜λ©΄μ„œ 병합 κ³Όμ •μ—μ„œ 좩돌이 빈번히 λ°œμƒν–ˆκ³ , 그둜 인해 κ°œλ°œμ— 집쀑할 수 μžˆλŠ” μ‹œκ°„μ΄ 쀄어든 점도 μ•„μ‰¬μ› μŠ΅λ‹ˆλ‹€. 이번 κ²½ν—˜μ„ λ°”νƒ•μœΌλ‘œ λ‹€μŒ ν”„λ‘œμ νŠΈλΆ€ν„°λŠ” μž‘μ—… ꡬ뢄과 브랜치 μ „λž΅μ„ μ΄ˆλ°˜λΆ€ν„° λͺ…ν™•νžˆ μ„€μ •ν•˜μ—¬ 효율적인 개발 λ¬Έν™”λ₯Ό λ§Œλ“€μ–΄κ°€κ³ μž λ‹€μ§ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

Zoom In Movie μ„œλΉ„μŠ€ ν™”λ©΄

μ˜ν™” μΆ”μ²œ

νšŒμ›κ°€μž…

λŒ“κΈ€ μž‘μ„±

404 Page