🎧 레벨둜그 ν”„λ‘œμ νŠΈ 회고

thumb_hyeokΒ·2022λ…„ 10μ›” 23일
0

πŸ”₯ WoowaCourse

λͺ©λ‘ 보기
7/10

πŸƒ 4κ°œμ›” κ°„μ˜ 달리기

레벨 3,4κΈ°κ°„λ™μ•ˆ μš°μ•„ν•œν…Œν¬μ½”μŠ€μ˜ λͺ¨μ˜λ©΄μ ‘ λ ˆλ²¨μΈν„°λ·°λ₯Ό νŽΈλ¦¬ν•˜κ²Œ μ§„ν–‰ν•˜κΈ° μœ„ν•œ "레벨둜그" ν”„λ‘œμ νŠΈ 기간이 10/21을 λ§ˆμ§€λ§‰ 끝이 났닀. 사싀 더 νŒ€ ν”„λ‘œμ νŠΈλ₯Ό 진행할 μˆ˜λŠ” μžˆμ§€λ§Œ λŒ€λΆ€λΆ„ 크루듀은 놓아주고 μ·¨μ—…λ₯Ό μœ„ν•œ μ€€λΉ„λ₯Ό ν•˜λŸ¬ λ– λ‚  λͺ¨μ–‘인 λ“― μ‹Άμ—ˆλ‹€.

λ‚˜λŠ” μ•½κ°„ μš•μ‹¬μ΄ λ‚¨μ•„μžˆμ–΄ λ©°μΉ  μ •λ„λŠ” 더 νˆ¬μžν•  λ“― μ‹Άλ‹€. λ ˆλ²¨λ‘œκ·ΈλŠ” 첫 곡개 이후 μš°μ•„ν•œν…Œν¬μ½”μŠ€ 크루의 거의 전체가 레벨 인터뷰에 μ‚¬μš©ν•œ μ„œλΉ„μŠ€μ΄κΈ°λ„ ν•˜κ³ , 5κΈ° λ•Œλ„ μ‚¬μš©ν•  것 κ°™λ‹€λŠ” 이야기λ₯Ό ꡉμž₯히 많이 λ“€μ—ˆκΈ° λ•Œλ¬Έμ— κ·Έ κΈ°λŒ€λ₯Ό μ‹€μ œλ‘œ λ§Œλ“€κ³  싢은 μš•μ‹¬μ΄λ‹€.

λ¨Όμ € μ•„λž˜μ—μ„œ, μ•„μ‰¬μš΄ λΆ€λΆ„λΆ€ν„° 이야기λ₯Ό ν•˜κ³  μ‹Άλ‹€.


πŸ€” μ•„.. μ΄λž¬λ‹€λ©΄ μ’‹μ•˜μ„ν…λ°

μ§€κΈˆ μ‹œμ μ—μ„œ κ°€μž₯ μ•„μ‰¬μš΄ 뢀뢄은 μ•„λž˜μ™€ κ°™λ‹€.
늘 "μ‚¬μš©μž κ²½ν—˜ κ°œμ„ " vs "κΈ°λŠ₯ μΆ”κ°€" μ—μ„œ 열띀 토둠을 ν•˜λ©° κ²°κ΅­ ν•œμ •λœ λ¦¬μ†ŒμŠ€μ˜ 문제둜 ν•œ μͺ½μ„ (λŒ€λΆ€λΆ„μ˜ 경우 "μ‚¬μš©μž κ²½ν—˜ κ°œμ„ "μ΄μ—ˆλ‹€.) μ–΄λŠ 정도 ν¬κΈ°ν–ˆλ‹€λŠ” 것.

μ΄μ œμ„œμ•Ό κΉ¨λ‹«κ²Œ 된 것듀이 μžˆλŠ”λ° 남은 κΈ°κ°„λ™μ•ˆ 이걸 λ„μž…ν•œλ‹€λ©΄, 이 문제λ₯Ό ν•΄κ²°ν•  수 μžˆμ„κ±°λΌλŠ” 생각이 λ“€μ—ˆλ‹€. κ²°κ΅­ μ € 문제λ₯Ό ν•΄κ²°ν•  수 μžˆλŠ” 방법은 ν•˜λ‚˜λΏμ΄λΌλŠ” 생각이 λ“€μ—ˆλ‹€.

"μ‚¬μš©μž κ²½ν—˜ κ°œμ„ "에 λ“œλŠ” λ¦¬μ†ŒμŠ€λ₯Ό 쀄인닀!

λ‚˜λŠ” 여기에 λŒ€ν•œ 해결책을 "λ””μžμΈ μ‹œμŠ€ν…œ" μ—μ„œ 찾을 수 μžˆμ„ 것 κ°™μ•˜λ‹€.


πŸ’€ 기쑴의 방식

λ ˆλ²¨λ‘œκ·Έμ—μ„œλŠ” μƒˆλ‘œμš΄ κΈ°λŠ₯을 μΆ”κ°€ν•˜κ³ , 그에 λ§žλŠ” 화면을 λ§Œλ“€κΈ° μœ„ν•΄μ„œλŠ” "figma"λ₯Ό 톡해 μ•„μ˜ˆ μ™„μ „νžˆ μƒˆλ‘œμš΄ νŽ˜μ΄μ§€λ₯Ό κ·Έλ €μ•Όν–ˆλ‹€.

μ²˜μŒμ—λŠ” λ‚˜ 혼자 figmaλ₯Ό μ™„μ„±ν•΄μ„œ κ·Έλ‚˜λ§ˆ λ¬Έμ œκ°€ μ—†μ—ˆμ§€λ§Œ, 좔가적인 κΈ°λŠ₯인 "인터뷰 질문 검색"이 μΆ”κ°€λ˜λ©°, 그에 ν•„μš”ν•œ 화면을 μ‹œκ°„μ΄ λ‚¨λŠ” λ°±μ—”λ“œκ°€ 그리게 λ˜μ—ˆλ‹€.

μƒˆλ‘œμš΄ 화면은 λ‹€μ†Œ μ΄μ§ˆμ μ΄μ—ˆμœΌλ©°, 기쑴의 μ»΄ν¬λ„ŒνŠΈλ₯Ό μž¬μ‚¬μš©ν•˜κΈ°μ—λ„ 애맀해 λŒ€λΆ€λΆ„μ˜ μ»΄ν¬λ„ŒνŠΈλ₯Ό μƒˆλ‘œ μž‘μ„±ν•˜κ²Œ λ˜μ—ˆλ‹€.

μ΄λŸ¬ν•œ ν”„λ‘œμ„ΈμŠ€λŠ” 총 μ„Έ 가지 λ¬Έμ œμ μ„ 가지고 μžˆμ—ˆλ‹€.

  1. μ‚¬μš©μžμ—κ²Œ 일관적인 κ²½ν—˜μ„ μ œκ³΅ν•˜μ§€ λͺ»ν•  수 μžˆλ‹€.

  2. μƒˆλ‘œμš΄ κΈ°λŠ₯에 λ§žλŠ” 화면을 μ œμž‘ν•˜λŠ”λ° 기쑴의 λ¦¬μ†ŒμŠ€λ₯Ό μž¬μ‚¬μš©ν•˜κΈ° νž˜λ“€μ–΄ 였랜 μ‹œκ°„μ΄ κ±Έλ¦°λ‹€.

  3. μƒˆλ‘œμš΄ κΈ°λŠ₯을 μΆ”κ°€ν•˜λŠ”λ° κ±Έλ¦¬λŠ” μ‹œκ°„μ΄ λ‹Ήμ—°νžˆ κΈΈμ–΄μ§€λ‹ˆ, 또 μœ„μ™€ 같은 ν† λ‘ (μ‚¬μš©μ„± vs κΈ°λŠ₯ μΆ”κ°€)을 ν•˜λ©° μ‹œκ°„μ„ λΊκΈ°λŠ” μ•…μˆœν™˜μ— λ“€μ–΄κ°€κ²Œλœλ‹€.

λ§Œμ•½ μ œλŒ€λ‘œλœ "λ””μžμΈ μ‹œμŠ€ν…œ"이 μ‘΄μž¬ν–ˆλ‹€λ©΄ μ–΄λ–»κ²Œ λ°”λ€Œμ—ˆμ„μ§€λ₯Ό μ•„λž˜μ—μ„œ μ‚΄νŽ΄λ³΄μž!


🎨 λ””μžμΈ μ‹œμŠ€ν…œ

μ˜ˆμ‹œλ‘œ κ΅¬κΈ€μ˜ "Material Design"의 figmaλ₯Ό 가져와 λ΄€λ‹€.
μ—¬κΈ°μ—λŠ” Buttons , Icons , Lists , Menu λ“±λ“±
κ΅¬κΈ€μ˜ λ””μžμΈ 원칙과 UX μ „λž΅ 에 μ˜ν•΄ κ²°ν•©λœ UI Component듀이 λͺ¨μ—¬μžˆλ‹€.

이 "Material Design"의 UI μ»΄ν¬λ„ŒνŠΈλ“€μ„ ν™œμš©ν•˜λ©΄ κ°œλ°œμžλ“€μ€ μ΄λŸ¬ν•œ μ»΄ν¬λ„ŒνŠΈλ₯Ό λ‹€μ–‘ν•œ μ‘°ν•©μœΌλ‘œ μž¬μ‚¬μš©ν•˜μ—¬ 였랜 μ‹œκ°„μ„ 듀이지 μ•Šκ³  λ‹¨μˆœνžˆ 레고 블둝을 μŒ“λ“―μ΄ 화면을 κ·Έλ €λ‚Ό 수 μžˆλ‹€.

μ—¬κΈ°μ—λŠ” UI Component 만 가지고 μ™”μ§€λ§Œ λ””μžμΈ μ‹œμŠ€ν…œμ€ μ’…μ’… μŠ€νƒ€μΌ κ°€μ΄λ“œλ‘œ λ””μžμΈ 정보λ₯Ό ν¬ν•¨ν•œλ‹€. UI Component μ „μ²΄μ—μ„œ μ‚¬μš©λ˜λŠ” 색상, νƒ€μ΄ν¬κ·Έλž˜ν”Ό 및 μŠ€νƒ€μΌ, ν‘œμ€€, 원칙 및 μ–΄λ–€ μ• λ‹ˆλ©”μ΄μ…˜μ΄ μ–΄λ–»κ²Œ κ΅¬ν˜„λ˜κ³ , μ–΄λ””μ„œ μ‚¬μš©ν•˜λŠ”κ²Œ λ§žλŠ”μ§€κΉŒμ§€ μ•„μ£Ό μƒμ„Έν•œ 정보듀을 포함할 수 μžˆλ‹€.

μ΄λ ‡κ²Œ λœλ‹€λ©΄ μœ„μ—μ„œ λ°œκ²¬ν•œ 문제점 μ„Έ 가지가 λͺ¨λ‘ 해결될 것이라고 λ΄€λ‹€.
μƒˆλ‘œμš΄ 화면을 κ·Έλ¦¬λŠ”λ° κ±Έλ¦¬λŠ” λ¦¬μ†ŒμŠ€κ°€ 맀우 μž‘λ‹€λ©΄, κΈ°λŠ₯ μΆ”κ°€λ₯Ό ν•˜λŠ” 속도도 빨라질 것이며, UXλ₯Ό κ°œμ„ ν•˜λŠ”λ° μ“°λŠ” μ‹œκ°„λ„ λ‹Ήμ—°νžˆ λ§Žμ•„μ§ˆ 것이닀.
λ˜ν•œ μΌκ΄€λœ UI Componentλ₯Ό μž¬μ‚¬μš©ν•΄μ„œ 화면을 그리게 λ˜λ‹ˆ, 일관성이 κΉ¨μ§€λŠ” λ¬Έμ œλ„ λ§Žμ§€ μ•Šμ„ 것이닀.

λ‚˜λŠ” κ·Έλž˜μ„œ 남은 κΈ°κ°„λ™μ•ˆ 레벨둜그의 λ””μžμΈ μ‹œμŠ€ν…œμ„ λ§Œλ“€κΈ°λ‘œ ν–ˆλ‹€.
λ””μžμΈ μ‹œμŠ€ν…œμ„ ν†΅ν•΄μ„œλΌλ©΄, μ΄μ „κ³ΌλŠ” 비ꡐ도 ν•  수 μ—†λŠ” 적은 μ‹œκ°„λ§ŒμœΌλ‘œ μƒˆλ‘œμš΄ κΈ°λŠ₯을 κ°œλ°œν•˜κ±°λ‚˜ ν”„λ‘œμ νŠΈ μœ μ§€λ³΄μˆ˜λ₯Ό ν•  수 μžˆμ„ 것이고, 곧 취업을 ν•˜κ²Œ 되면 μ˜¨μ „νžˆ ν”„λ‘œμ νŠΈμ—λ§Œ 집쀑할 수 μ—†λŠ” μš°λ¦¬μ—κ²Œ μ•Œλ§žλ‹€λŠ” 생각이 λ“€μ—ˆλ‹€.

μ•„λ§ˆ λ‹€μŒ μ£Ό λ™μ•ˆ λ ˆλ²¨λ‘œκ·Έμ— λ§žλŠ” λ””μžμΈ μ‹œμŠ€ν…œμ„ λ§Œλ“€μ–΄ ν¬μŠ€νŒ…μ„ ν•˜μ§€ μ•Šμ„κΉŒ μ‹Άλ‹€.

μ•„λ¬΄λž˜λ„ λ‹€μŒ μ£ΌλŠ” μ•„μ£Ό μž¬λ―ΈμžˆλŠ” ν•œ μ£Όκ°€ 될 것 κ°™λ‹€!

라고 ν–ˆμ§€λ§Œ.. νŒ€μ›λ“€κ³Όμ˜ λ…Όμ˜ 끝에 λ„μž…ν•˜μ§€ μ•ŠκΈ°λ‘œ ν–ˆλ‹€.. γ… γ… 

profile
μš°μ•„ν•œν…Œν¬μ½”μŠ€ 4κΈ° μ›Ή ν”„λ‘ νŠΈμ—”λ“œ

0개의 λŒ“κΈ€