포트폴리였
home
πŸ’‘

κ°œλ°œμ‚¬μ™€μ˜ μ†Œν†΅μ„ μ›ν™œν•˜κ²Œ ν•˜λŠ” ν™”λ©΄μ„€κ³„μ„œ μž‘μ„±λ²•

#1 ν™”λ©΄μ„€κ³„μ„œμ˜ μ€‘μš”μ„±

ν™”λ©΄μ„€κ³„μ„œ(Wireframe)은 ν΄λΌμ΄μ–ΈνŠΈκ°€ μ–΄λ–€ κ°œλ°œμ„ ν•˜κ³  싢은지 κ°œλ°œμžμ™€ λ””μžμ΄λ„ˆμ—κ²Œ λͺ…ν™•ν•˜κ²Œ μ „λ‹¬ν•˜λŠ” λ¬Έμ„œμž…λ‹ˆλ‹€. μ„œλΉ„μŠ€ 기획 κ³Όμ •μ—μ„œ κ°€μž₯ μ€‘μš”ν•œ ν΄λΌμ΄μ–ΈνŠΈμ™€ 개발자&λ””μžμ΄λ„ˆμ˜ μ†Œν†΅ μˆ˜λ‹¨μ΄μ£ .
ν™”λ©΄μ„€κ³„μ„œ μž‘μ„± λ‹¨κ³„λŠ” 계약이 μ™„λ£Œλ˜κ³ , κ°œλ°œμ— λ“€μ–΄κ°€κΈ° 직전 개발의 λ°©ν–₯성을 μž‘μ•„μ£ΌλŠ” 역할을 ν•˜λŠ” μ•„μ£Ό μ€‘μš”ν•œ λ‹¨κ³„μž…λ‹ˆλ‹€.
ν΄λΌμ΄μ–ΈνŠΈκ°€ μž‘μ„±ν•œ ν™”λ©΄μ„€κ³„μ„œλ₯Ό ν† λŒ€λ‘œ, λ””μžμ΄λ„ˆλŠ” λ””μžμΈ μž‘μ—…μ„ μ‹œμž‘ν•˜κ³ , κ°œλ°œμžλŠ” 개발 μž‘μ—…μ— λ“€μ–΄κ°‘λ‹ˆλ‹€.
이미 μž‘μ—…μ΄ μ‹œμž‘λœ λ’€, 큰 μˆ˜μ • μ‚¬ν•­μ΄λ‚˜ ν™”λ©΄ ꡬ성에 λ†“μΉœ 것이 있으면, μˆ˜μ •ν•  λ•Œ μ‹œκ°„ λ‚­λΉ„κ°€ 심해지며 결과물을 λ°›λŠ” 데 였래걸릴 수 μžˆμŠ΅λ‹ˆλ‹€. ν™”λ©΄μ„€κ³„μ„œ μž‘μ„± 단계뢀터 ν•„μš”ν•œ κΈ°λŠ₯κ³Ό ν™”λ©΄ ꡬ성을 μ΅œλŒ€ν•œ λ†“μΉ˜μ§€ μ•Šκ³  μž‘μ„±μ„ 해놓아야 ν΄λΌμ΄μ–ΈνŠΈμ™€ κ°œλ°œμ‚¬ κ°„μ˜ μˆ˜μ›”ν•œ ν˜‘μ—…μ΄ κ°€λŠ₯ν•©λ‹ˆλ‹€.
μ— λΈŒμ΄ν”½μ€ ν™•μ‹€ν•œ 진행을 μœ„ν•΄ λ‹΄λ‹Ή PM(Product Manager)κ³Ό λ§Žμ€ ν™”λ©΄μ„€κ³„μ„œ 및 κΈ°λŠ₯μ •μ˜μ„œ μˆ˜μ •μ„ 거쳐, 3번 이상 ν΄λΌμ΄μ–ΈνŠΈμ—κ²Œ ν™•μΈν•©λ‹ˆλ‹€!

#2 ν™”λ©΄μ„€κ³„μ„œμ— λ“€μ–΄κ°€μ•Ό ν•˜λŠ” μš”μ†Œλ“€

IT λΉ„μ „λ¬Έκ°€ ν΄λΌμ΄μ–ΈνŠΈλΆ„λ“€μ—κ²ŒλŠ” β€œν™”λ©΄μ„€κ³„μ„œβ€λΌλŠ” 단어 μžμ²΄κ°€ μƒμ†Œν•  수 μžˆμŠ΅λ‹ˆλ‹€. 계약 이후, ν™”λ©΄μ„€κ³„μ„œ μž‘μ„±μ„ μš”μ²­ν•˜λ©΄ λ‚œκ°μ— ν•˜μ‹œλŠ” 뢄듀도 μ’…μ’… 있죠.
ν•˜μ§€λ§Œ, λ‹¨μ–΄λ§Œ λ‚―μ„€ 뿐, ν™•μ‹€ν•œ 개발 μ•„μ΄λ””μ–΄λ§Œ 가지고 계신닀면 μ–΄λ €μšΈ 것은 μ—†μŠ΅λ‹ˆλ‹€.
ν΄λΌμ΄μ–ΈνŠΈκ°€ 기획&λ””μžμΈ&개발 λͺ¨λ“  것을 μ €ν¬μ—κ²Œ λ§‘κΈ°λŠ” ν„΄ν‚€(μΌκ΄„μˆ˜μ£Ό) 개발일 경우 μ— λΈŒμ΄ν”½μ—μ„œ λ‹€ 맑아 해주기도 ν•©λ‹ˆλ‹€
μ— λΈŒμ΄ν”½μ€ ν΄λΌμ΄μ–ΈνŠΈμ˜ μ˜κ²¬μ„ 적극 μˆ˜μš©ν•˜μ—¬ 만쑱슀러운 결과물을 μ œκ³΅ν•΄μ£ΌλŠ” 것이 λͺ©μ μ΄κΈ° λ•Œλ¬Έμ—, ν™”λ©΄μ„€κ³„μ„œ μž‘μ„± μ‹œ, ν΄λΌμ΄μ–ΈνŠΈμ˜ 적극적인 μ°Έμ—¬κ°€ 맀우 ν•„μš”ν•˜λ‹΅λ‹ˆλ‹€. μžμΉ«ν•˜λ©΄ μƒμƒν–ˆλ˜ 것과 λ„ˆλ¬΄ λ‹€λ₯Έ 결과물이 탄생할 수 있기 λ•Œλ¬Έμ΄μ£  …
λ˜ν•œ, λ‹΄λ‹Ή PM이 λ°°μ •λ˜κ³  λ‚œ λ’€μ—λŠ”, ν—·κ°ˆλ¦¬λŠ” 뢀뢄을 μ–Έμ œλ“  여쭀보면 λœλ‹΅λ‹ˆλ‹€ μΉœμ ˆν•œ μ— ν”½ PMλ‹˜κ»˜μ„œ 항상 λŒ€κΈ°μ€‘μ΄λ‹ˆκΉŒμš”
μ§€κΈˆλΆ€ν„° ν™”λ©΄μ„€κ³„μ„œμ— κΌ­ λ“€μ–΄κ°€μ•Ό ν•˜λŠ” ν•„μˆ˜μš”μ†Œλ“€μ„ μ•Œλ €λ“œλ¦΄ ν…Œλ‹ˆ, 겁내지 말고, μ–Έμ œλ“  μ— λΈŒμ΄ν”½μ—κ²Œ 개발 의뒰 μ£Όμ„Έμš”!

❢ μ œν’ˆμ˜ 타이틀 & λͺ©μ  & νƒ€κ²Ÿ

ν™”λ©΄μ„€κ³„μ„œ μž‘μ„±μ„ μœ„ν•΄ 정해진 양식은 μ—†μŠ΅λ‹ˆλ‹€. κ·Έμ € 가독성이 λ›°μ–΄λ‚˜κ²Œλ” μž‘μ„±ν•΄ μ£Όμ‹œλ©΄ λ©λ‹ˆλ‹€.
λ¨Όμ €, κ°œλ°œν•˜κ³ μž ν•˜λŠ” μ œν’ˆμ˜ 타이틀과 λͺ©μ , 그리고 νƒ€κ²Ÿμ„ μž‘μ„±ν•˜λŠ” 것이 첫 λ‹¨κ³„μž…λ‹ˆλ‹€. μ œν’ˆμ˜ λͺ©μ κ³Ό νƒ€κ²Ÿμ„ ν† λŒ€λ‘œ λ””μžμ΄λ„ˆκ°€ 둜고 및 μ œν’ˆ μŠ€νƒ€μΌμ— λŒ€ν•œ 아이디어λ₯Ό 얻을 수 있게 말이죠
μ›ν•˜μ‹œλŠ” 둜고 μŠ€νƒ€μΌμ΄ μžˆλ‹€λ©΄ 거침없이 μ„€κ³„μ„œμ— λ„£μ–΄μ£Όμ„Έμš”! (레퍼런슀 λ‘œκ³ κΉŒμ§€ 첨뢀해 μ£Όλ©΄ κΈˆμƒμ²¨ν™”!)

❷ 버전 νžˆμŠ€ν† λ¦¬

μ•žμ„œ μ–ΈκΈ‰ν–ˆλ‹€μ‹œν”Ό, ν™”λ©΄μ„€κ³„μ„œλŠ” μ€‘μš”ν•œ 단계이기 λ•Œλ¬Έμ—, μ‹ μ€‘ν•˜κ²Œ λ§Žμ€ μˆ˜μ •μ„ κ±°μΉ©λ‹ˆλ‹€.
제일 처음 μž‘μ„±ν•œ μ œν’ˆμ˜ ν™”λ©΄μ„€κ³„μ„œλ₯Ό 첫 λ²„μ „μœΌλ‘œ 파일λͺ…을 λ„˜λ²„λ§ν•˜κ³  (ex. μ— λΈŒμ΄ν”½_ν™”λ©΄μ„€κ³„μ„œ_v1.0) 이후 μˆ˜μ • 사항이 생길 λ•Œλ§ˆλ‹€ μ†Œμˆ˜μ  숫자λ₯Ό μ°¨μ°¨ 올렀주면 보닀 μ‰¬μš΄ 버전 νžˆμŠ€ν† λ¦¬ 관리가 κ°€λŠ₯ν•©λ‹ˆλ‹€. μˆ˜μ •μ‚¬ν•­μ΄ 크게 생길 λ•ŒλŠ” v2.0, μ‚¬μ†Œν•œ μˆ˜μ • 사항일 κ²½μš°μ—λŠ” v.2.1 ← μ΄λ ‡κ²Œ ν‘œκΈ°ν•˜λŠ” 것이 μΌλ°˜μ μž…λ‹ˆλ‹€.
ν™”λ©΄μ„€κ³„μ„œμ˜ 초반 νŽ˜μ΄μ§€μ— 버전 νžˆμŠ€ν† λ¦¬ ν‘œλ₯Ό 생성해 κΈ°μž…ν•˜λ©΄ κ°œλ°œμ‚¬μ™€ μ†Œν†΅μ΄ μ‰¬μ›Œμ§ˆ κ²ƒμž…λ‹ˆλ‹€.
버전 관리 νŽ˜μ΄μ§€ μ˜ˆμ‹œ

❸ λ©”λ‰΄νŠΈλ¦¬ 맡

개발 μ œν’ˆμ— ν•„μš”ν•œ κΈ°λŠ₯을 맡 ν˜•μ‹μœΌλ‘œ 정리해야 ν•©λ‹ˆλ‹€. μ‚¬μš©μž μž…μž₯μ—μ„œ ν•„μš”ν•œ 메뉴 κΈ°λŠ₯을 ν΄λ¦­ν•˜λ©΄ κ·Έλ‹€μŒμ€ μ–΄λ–€ κΈ°λŠ₯이 λ‚˜νƒ€λ‚  것인지 λ“± ν”„λ‘œλ•νŠΈμ˜ ꡬ쑰λ₯Ό μŠ€μΌ€μΉ˜ ν•œ λ’€, λ©”λ‰΄νŠΈλ¦¬ 맡을 λ§Œλ“€λ©΄, κΈ°λŠ₯의 λŽμŠ€μ™€ ꡬ쑰 등을 ν•œλˆˆμ— νŒŒμ•…ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

❹ ν”Œλ‘œμš°μ°¨νŠΈ

λ©”λ‰΄νŠΈλ¦¬λŠ” 메뉴 κΈ°λŠ₯을 맡으둜 λ‚˜νƒ€λ‚Έ 것이라면, ν”Œλ‘œμš° μ°¨νŠΈλŠ” μœ μ €μ˜ 이용 ν”Œλ‘œμš°λ₯Ό 맡으둜 λ‚˜νƒ€λ‚Έ κ²ƒμž…λ‹ˆλ‹€.
μœ μ €κ°€ μ„œλΉ„μŠ€λ₯Ό μ΄μš©ν•˜λŠ” λͺ¨λ“  상황을 κ³ λ €ν•΄ 동선에 λ§žλŠ” κΈ°λŠ₯듀을 도식화 차트둜 μ •λ¦¬ν•˜λ©΄, λ†“μΉ˜κ³  μžˆλŠ” κΈ°λŠ₯은 μ—†λŠ”μ§€, μΆ”κ°€κ°€ ν•„μš”ν•œ κΈ°λŠ₯은 μ—†λŠ”μ§€ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
ν”Œλ‘œμš°μ°¨νŠΈ μ—­μ‹œ κΈ°λŠ₯ ꡬ쑰와 κΈ°λŠ₯별 뎁슀λ₯Ό ν•œλˆˆμ— νŒŒμ•…ν•  수 μžˆμ–΄ ν™”λ©΄ 섀계 이해λ₯Ό 크게 λ•μŠ΅λ‹ˆλ‹€.

❺ UI ν™”λ©΄ λ ˆμ΄μ•„μ›ƒ & 메뉴/κΈ°λŠ₯별 λ””μŠ€ν¬λ¦½μ…˜

μž‘μ„±ν•œ λ©”λ‰΄νŠΈλ¦¬ 맡과 ν”Œλ‘œμš° 차트λ₯Ό 기반으둜, 본격적인 UI λ ˆμ΄μ•„μ›ƒμ„ κ΅¬μ„±ν•˜λŠ” 것은 ν™”λ©΄μ„€κ³„μ„œμ˜ ν•΅μ‹¬μž…λ‹ˆλ‹€.
μœ μ €κ°€ λ§ˆμ£Όν•˜λŠ” 첫 ν™”λ©΄, 메뉴 별 ν™”λ©΄ λ“± 화면에 λ“€μ–΄κ°ˆ κΈ°λŠ₯ 및 메뉴λ₯Ό μ›Ή/앱에 λ§žμΆ”μ–΄ λ°°μΉ˜ν•˜μ—¬ λ ˆμ΄μ•„μ›ƒ ꡬ성을 ν•΄μ€λ‹ˆλ‹€. 개발 κΈ°λŠ₯ 없이 μ„œλΉ„μŠ€λ₯Ό μ‹œκ°ν™”μ‹œν‚€λŠ” 것이죠.
UI ν™”λ©΄ λ°°μΉ˜λ„ λ ˆμ΄μ•„μ›ƒ 속 메뉴와 κΈ°λŠ₯별 μ„€λͺ…이 빠지면 κ°œλ°œμ‚¬μ™€μ˜ μ†Œν†΅μ— 어렀움이 μžˆμ„ 수 μžˆμŠ΅λ‹ˆλ‹€. λ ˆμ΄μ•„μ›ƒ 속 κΈ°λŠ₯듀에 각각 숫자λ₯Ό λΆ€μ—¬ν•˜κ³  ν•΄λ‹Ή 숫자의 메뉴/κΈ°λŠ₯에 λŒ€ν•œ μ„€λͺ…을 λ ˆμ΄μ•„μ›ƒ νŽ˜μ΄μ§€ μ˜†μ— μ„€λͺ…ν•΄ μ£ΌλŠ” λ””μŠ€ν¬λ¦½μ…˜ ν‘œλ₯Ό 빼먹으면 μ•ˆ λ©λ‹ˆλ‹€.

ν™”λ©΄μ„€κ³„μ„œ μ˜ˆμ‹œ

κ°€λ³κ²Œ 손 그림으둜 μŠ€μΌ€μΉ˜ν•œ λ’€,
ν΄λΌμ΄μ–ΈνŠΈκ°€ μ‚¬μš©ν•˜κΈ° νŽΈν•œ λ””μžμΈ νˆ΄μ„ 가지고 λ¬Έμ„œν™”ν•΄ μ£Όμ‹œλ©΄ λ©λ‹ˆλ‹€!
μ–΄λ–€ νˆ΄μ„ μ‚¬μš©ν•΄μ•Ό 할지 λͺ¨λ₯΄κ² λ‹€λ©΄ ?

#3 ν™”λ©΄μ„€κ³„μ„œ μž‘μ„± TIP

λ””ν…ŒμΌν•˜μ§€λ§Œ, μ‹¬ν”Œν•˜κ²Œ λ””μžμΈμ  μš”μ†Œ(컬러, 폰트 μŠ€νƒ€μΌ λ“±)λŠ” μ΅œμ†Œν•œμœΌλ‘œ, ν™”λ©΄ 배치 λ ˆμ΄μ•„μ›ƒμ€ λ””ν…ŒμΌν•˜κ²Œ 적어야 ν•©λ‹ˆλ‹€. λ ˆμ΄μ•„μ›ƒ 이해λ₯Ό 높여쀄 λ””μŠ€ν¬λ¦½μ…˜λž€ μ—­μ‹œ μƒμ„Έν• μˆ˜λ‘ λΆˆν•„μš”ν•œ μ‹œκ°„ λ‚­λΉ„λ₯Ό λœμ–΄μ€λ‹ˆλ‹€.
λͺ¨λ“  것을 κΈ°λ‘ν•˜λΌ μˆ˜μ • 사항이 생긴 ν”„λ‘œλ•νŠΈμ˜ 버전을 κΈ°λ‘ν•˜λŠ” 버전 νžˆμŠ€ν† λ¦¬ κ΄€λ¦¬λŠ” ν•„μˆ˜μ΄λ©°, 이 외에도 ν™”λ©΄μ„€κ³„μ„œ μž‘μ„± ν›„ λ…Όμ˜λ₯Ό 톡해 μ‚­μ œλœ κΈ°λŠ₯ / ν™”λ©΄ λ“± λͺ¨λ“  것을 λ¬Έμ„œ λ‚΄μ—μ„œ μ‹€μ œλ‘œ μ‚­μ œν•˜μ§€ μ•ŠλŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€. μ‚­μ œν–ˆλ‹€κ³  기둝만 λ‚¨κ²¨μ£Όμ„Έμš”
CRUD μ“°κΈ° Create / Read / Update / Delete CRUDλž€ 기본적인 데이터 처리 κΈ°λŠ₯인 Create (생성), Read (읽기), Update (κ°±μ‹ ), Delete (μ‚­μ œ)λ₯Όλœ»ν•˜λŠ” μš©μ–΄μž…λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, μΈμŠ€νƒ€κ·Έλž¨ μ‚¬μš©μžκ°€ μƒˆ κ²Œμ‹œλ¬Όμ„ μ—…λ‘œλ“œ(생성)ν•˜κ³ , λ‹€λ₯Έ μœ μ €μ˜ κ²Œμ‹œλ¬Όμ„ 확인(읽기)ν•˜κ³ , κ²Œμ‹œλ¬Όμ„ μˆ˜μ •(κ°±μ‹ )ν•  수 μžˆλŠ” κΈ°λŠ₯을 μ‚¬μš©ν•˜λŠ”λ°, μ›ν•˜λŠ” κ²Œμ‹œλ¬Όμ„ μ‚­μ œν•˜λŠ” κΈ°λŠ₯이 μ—†λ‹€λ©΄ μ„œλΉ„μŠ€ μ΄μš©μ— 큰 λΆˆνŽΈμ„ μ£Όκ³ , μ„œλΉ„μŠ€μ—μ„œ μ΄νƒˆν•  수 μžˆλŠ” μ΅œμ•…μ˜ 상황이 λ°œμƒν•  수 μžˆμŠ΅λ‹ˆλ‹€. 그만큼 CRUDλŠ” μœ μ € ν”Œλ‘œμš° κΈ°λŠ₯μ—μ„œ λ†“μΉ˜λŠ” 뢀뢄이 μ—†λŠ”μ§€ 확인할 수 μžˆλŠ” μ€‘μš”ν•œ μˆ˜λ‹¨μž…λ‹ˆλ‹€. CRUDλ₯Ό μ‚¬μš©ν•΄ ν™”λ©΄μ„€κ³„μ„œμ—μ„œ λ†“μΉ˜λŠ” κΈ°λŠ₯듀을 μž‘μ•„λ‚Ό 수 μžˆμŠ΅λ‹ˆλ‹€. λ‹Ήκ·Όκ³Ό λ°°λ―Ό 일뢀 κΈ°λŠ₯을 CRUD ν˜•μ‹μœΌλ‘œ μž‘μ„±ν•œ μ˜ˆμ‹œμž…λ‹ˆλ‹€.

[λ‹Ήκ·Ό]

Create 생산
μƒˆ κ²Œμ‹œκΈ€ 생성 / μƒˆ λŒ“κΈ€ 생성
Read 읽기
κ²Œμ‹œκΈ€ 확인 (읽기)
Update κ°±μ‹ 
거래 λ¬Όν’ˆμ΄ νŒ”λ¦΄ μ‹œ, μƒνƒœκ°’ β€œκ±°λž˜μ™„λ£Œβ€λ‘œ κ°±μ‹ 
Delete μ‚­μ œ
κ²Œμ‹œκΈ€ μ‚­μ œ

[λ°°λ―Ό]

Create 생산
μ›ν•˜λŠ” μ£Όλ¬Έ ν•˜κΈ° (μ£Όλ¬Έ 생성)
Read 읽기
μ£Όλ¬Έν•œ λ‚΄μ—­ 쑰회 (읽기)
Update κ°±μ‹ 
μ£Όλ¬Έ μ‹œ, 좔가적인 μ˜΅μ…˜ μΆ”κ°€ (κ°±μ‹ )
Delete μ‚­μ œ
μ£Όλ¬Έ μ·¨μ†Œ μš”μ²­ (μ‚­μ œ)
Q. κ΄€λ¦¬μžνŽ˜μ΄μ§€ ν™”λ©΄μ„€κ³„μ„œλ„ ν•„μš”ν•œκ°€μš”? A. λ‹Ήμ—°ν•˜μ£ ! μœ μ €κ°€ μ‚¬μš©ν•˜λŠ” UI 섀계도 μ€‘μš”ν•˜μ§€λ§Œ, κ΄€λ¦¬μžκ°€ μ‚¬μš©ν•˜λŠ” UI μ—­μ‹œ μ„œλΉ„μŠ€ μš΄μ˜μ— 큰 비쀑을 μ°¨μ§€ν•©λ‹ˆλ‹€. κ΄€λ¦¬μž νŽ˜μ΄μ§€λ„ κ΄€λ¦¬μžμ˜ μ΄ˆμ μ— λ§žμΆ”μ–΄ ν•„μš”ν•œ κΈ°λŠ₯, ν™”λ©΄ ꡬ쑰 λ“± μ‹ κ²½ 써야 ν•  것이 ν•œλ‘˜μ΄ μ•„λ‹™λ‹ˆλ‹€. μ„œλΉ„μŠ€ 운영의 핡심인 κ΄€λ¦¬μž νŽ˜μ΄μ§€κ°€ 잘 κ΅¬μ„±λ˜μ–΄μ•Ό μ„œλΉ„μŠ€ μš΄μ˜λ„ μ›ν™œν•˜κ²Œ ν•  수 있겠죠?
필독 컨텐츠 λͺ©λ‘ κ°€κΈ° β†’ 필독 컨텐츠 ν•œλˆˆμ— 보기
(μ£Ό)μ— λΈŒμ΄ν”½ο½œλŒ€ν‘œμ΄μ‚¬ μ•ˆμ§„λ²”
μ‚¬μ—…μžλ“±λ‘λ²ˆν˜Έ 622-86-01351
λΆ€μ‚°κ΄‘μ—­μ‹œ 수영ꡬ 수영둜 642번길 28 μ— λΈŒμ΄ν”½ λΉŒλ”© 2~5μΈ΅
MVPick λŒ€ν‘œ 고객센터
λŒ€ν‘œλ²ˆν˜Έ 070-4287-2051
이메일 help@mvpick.net