πŸ“‘ 이λ ₯μ„œ μ–΄λ–»κ²Œ μ“Έ 것인가 ?

고석진
5 min readJun 5, 2020

--

κ°œλ°œμ„ μ‹œμž‘ν•œ 지 μ–΄λŠλ§ 3λ…„μ΄λž€ μ‹œκ°„μ΄ ν˜λ €λ‹€.
μ§€λ‚˜κ°„ μ‹œκ°„μ„ κΈ°λ‘ν•˜κ³ μž 이λ ₯μ„œλ₯Ό μ—…λ°μ΄νŠΈλ₯Ό ν•˜κ³ μž ν•œλ‹€.

무엇을 써야 ν• κΉŒ ?

ν•™λ ₯, 이름, 이메일과 같이 κΈ°λ³Έ 정보λ₯Ό μ œμ™Έν•˜κ³ , μ–΄λ–€ 점듀을 κ³ λ €ν•˜μ—¬ μž‘μ„±ν•΄μ•Ό λ‚˜λ₯Ό 쑰금 더 κΆκΈˆν•΄ν• μ§€ μžμœ ν˜•μ‹μ˜ 이λ ₯μ„œλ₯Ό μ“΄λ‹€λŠ” μƒκ°μœΌλ‘œ 고민을 μ‹œμž‘ν–ˆλ‹€.

크게 4κ°€μ§€μ˜ λ©μ–΄λ¦¬λ‘œ λ‚˜λˆ„μ—ˆλ‹€.

  1. λ‚˜λŠ” μ–΄λ–€ 개발자이며, μ–΄λ–€ 쑰직과 νšŒμ‚¬λ₯Ό μ„ ν˜Έν•˜λŠ”κ°€?
  2. κ²½ν—˜ν–ˆλ˜ ν”„λ‘œμ νŠΈλŠ” 무엇듀이 있고, 맑은 역할은 λ¬΄μ—‡μ΄μ—ˆκ³  μ–΄λ–€ 일듀을 ν•˜μ˜€λŠ”κ°€ ?

3. λ‚΄κ°€ 가진 μŠ€ν‚¬λ“€μ€ 무엇이 μžˆλŠ”κ°€

4. 업무 μ™Έμ μœΌλ‘œ λ‚΄κ°€ 이룬 성과듀은 무엇이 μžˆμ„κΉŒ?

λ‚˜λŠ” μ–΄λ–€ 개발자이며, μ–΄λ–€ 쑰직과 νšŒμ‚¬λ₯Ό μ„ ν˜Έν•˜λŠ”κ°€

μ‹ μž… λ•ŒλŠ” 이에 λŒ€ν•œ 닡을 λͺ°λžκΈ°μ— μ΅œλŒ€ν•œ μΆ”μƒμ μœΌλ‘œ μž‘μ„±ν–ˆμ—ˆλ‹€.
μ§€κΈˆμ€ μ–΄λŠ 정도 이 고민에 λŒ€ν•œ μƒκ°μ˜ 틀이 μž‘ν˜”λ‹€.

  1. κ°œλ°œμ— λͺ°λ‘ ν•  수 μžˆλŠ” ν™˜κ²½μ„ μ„ ν˜Έν•œλ‹€.
    😠: λΉ„νš¨μœ¨μ μΈ ν˜•μ‹μ  λ¬Έμ„œμ²˜λ¦¬, λΆˆν•„μš”ν•˜κ²Œ λ§Žμ€ 회의 λ“±
  2. 주도적 κ°œλ°œν•˜κ³  μ˜κ²¬μ„ λ‚Ό 수 μžˆλŠ” ν™˜κ²½μ„ μ„ ν˜Έν•œλ‹€.
    πŸ€”: 이런 λ²„νŠΌμ΄ 있으면 쒋을 것 κ°™μ•„ -> RFC μ •μ˜ -> λ…Όμ˜ -> 개발 λ˜λŠ” 반렀
  3. λŒ€ν™”κ°€ λ§Žμ€ 쑰직을 μ„ ν˜Έν•œλ‹€.
    😠: κ·Ή 개인주의적 쑰직은 μ„±ν–₯에 λ§žμ§€ μ•ŠλŠ”λ‹€.
  4. 기술 λ°˜μ˜μ— μœ μ—°ν•œ νšŒμ‚¬
    😠: λΉ λ₯΄κ²Œ λ³€ν•˜λŠ” 업무 νŠΉμ„±μ— λ§žμ§€ μ•Šκ²Œ 기술의 흐름이 μœ μ—°ν•˜μ§€ μ•Šμ€ νšŒμ‚¬λŠ” ν”Όν•˜κ³  μ‹Άλ‹€.

μž‘μ„± μ „ λ‚΄κ°€ κ°€κ³  싢은 νšŒμ‚¬μ˜ 상을 μƒκ°ν•΄λ³΄μž

κ²½ν—˜ν–ˆλ˜ ν”„λ‘œμ νŠΈλŠ” 무엇듀이 있고, 맑은 역할은 λ¬΄μ—‡μ΄μ—ˆκ³  μ–΄λ–€ 일듀을 ν•˜μ˜€λŠ”κ°€ ?

1. 기여도

ν˜‘μ—…ν•˜λŠ” κ³Όμ •μ—μ„œ νŠΉμ • μ‚¬λžŒμ˜ 기여도 츑정이 κ°€λŠ₯ν• κΉŒ? λ¬Όλ‘  PR 둜그λ₯Ό μ΄μš©ν•œ μˆ˜μΉ˜ν™”λŠ” κ°€λŠ₯ν•˜λ‚˜ κ·Έκ²ƒμœΌλ‘œ 이 μ‚¬λžŒμ˜ 기여도λ₯Ό κ°€λŠ ν•˜κΈ°λž€ λΆˆκ°€λŠ₯ν•˜λ‹€κ³  μƒκ°ν•œλ‹€.

% 의 κΈ°μ—¬λ„λ³΄λ‹€λŠ” μžμ‹ μ΄ ν–ˆμ—ˆλ˜ κ²½ν—˜μ„ ν’€μ–΄μ“°λŠ” 게 더 μ’‹λ‹€κ³  μƒκ°ν•œλ‹€.

  • CSR 으둜만 λ Œλ”λ§ν•˜λ˜ μš”μ†Œλ“€μ„ ν•„μš”ν•œκ³³μ— 적절히 SSR 을 μ μš©ν•˜μ˜€λ”λ‹ˆ 첫 νŽ˜μ΄μ§€ λ Œλ”λ§ 속도가 2μ΄ˆμ—μ„œ 0.8초둜 κ°μ†Œν•˜μ˜€λ‹€.
  • light house 점수λ₯Ό 60μ μ—μ„œ 90점으둜 λŒμ–΄μ˜¬λ Έλ‹€.

처럼 λ‚΄κ°€ μ‚¬μš©ν•  쀄 μ•„λŠ” κΈ°μˆ λ“€μ„ μ–΄λ–»κ²Œ μ μš©ν•΄ ν”„λ‘œμ νŠΈμ— κΈ°μ—¬ν•˜μ—¬ μ–΄λ–€ 점듀이 μ’‹μ•„μ‘Œλ‹€ 같은 μž‘μ„±μ΄ %의 좔상적 기여도보닀 λŒμ–΄λ‹ΉκΈ°λŠ” 힘이 κ°•ν•˜λ‹€.

2. κ²½ν—˜ μ–΄λ–»κ²Œ μ“ΈκΉŒ ?

  • UI/UX κ°œμ„ 

μœ„μ²˜λŸΌ β€˜μ–΄λ–»κ²Œ' κ°€ 빠진 κΈ€λ³΄λ‹€λŠ” κ²½ν—˜μ— λŒ€ν•œ λ‚΄μš©μ€ μ–΄λŠ μ •λ„λŠ” ꡬ체적으둜 μž‘μ„±μ΄ λ˜μ–΄μ•Ό ν•œλ‹€.

  • A/B ν…ŒμŠ€νŠΈ 데이터 기반 UI/UX κ°œμ„ 

κ³Ό 같이 λ³€κ²½ν•œλ‹€λ©΄ μ½λŠ” μ‚¬λžŒμ΄ 쑰금 더 κΆκΈˆν•΄μ§ˆ 것이닀. μ–΄λ–€ 데이터λ₯Ό 가지고 μ–΄λ–»κ²Œ κ°œμ„ μ„ ν–ˆλ”λ‹ˆ 무엇이 더 μ’‹μ•„μ‘Œλ”λΌ 같이 λ©΄μ ‘ λ•Œ ν•  이야기도 μƒκΈ°κ²Œ λœλ‹€.

3. μ‚¬μš©ν•œ κΈ°μˆ μ— λŒ€ν•œ 이해

  • intersection observer λ₯Ό μ΄μš©ν•œ lazy-loading 으둜 νΌν¬λ¨ΌμŠ€κ°œμ„ 
  • vue -> react 둜 μ „ν™˜

이λ ₯μ„œλ₯Ό 읽은 μ‚¬λžŒμ€ μ™œ scroll event λ₯Ό ν™œμš©ν•˜μ§€ μ•Šκ³  intersection observer λ₯Ό μ‚¬μš©ν–ˆλŠ”μ§€, vue λ₯Ό μ™œ react 둜 λ³€κ²½ν•˜μ˜€λŠ”μ§€ ꢁ금 ν•  수 μžˆλ‹€.

κ·Έλƒ₯ λ‹€λ₯Έ μ‚¬λžŒλ“€ λ‹€ μ“°κΈΈλž˜ νž™ν•΄λ³΄μ—¬μ„œ 저도 μ‚¬μš©ν–ˆμŠ΅λ‹ˆλ‹€β€¦ λ³΄λ‹€λŠ” κΈ°μˆ λ“€μ˜ μž₯단점을 νŒŒμ•…ν•˜μ—¬ λ…Όλ¦¬μ μœΌλ‘œ μ„€λͺ…ν•˜λŠ” 것이 μ’‹λ‹€.

λ‚΄κ°€ 가진 μŠ€ν‚¬λ“€μ€ 무엇이 μžˆλŠ”κ°€

λ‚΄κ°€ 가진 μŠ€ν‚¬μ˜ λ²”μœ„λŠ” μ–΄λ””κΉŒμ§€μΌκΉŒ ?
λ‹¨μˆœνžˆ ν•œλ²ˆ κ²½ν—˜ ν•΄λ³Έ 것도 λ‚΄κ°€ 가진 μŠ€ν‚¬μ˜ λ²”μœ„μΌκΉŒ ?

μ‹ μž… λ•ŒλŠ” 뭐라도 적어야 될 것 κ°™μ•„μ„œ λ©”λ‰΄νŒμ²˜λŸΌ ν•œλ²ˆ 슀쳐 μ§€λ‚˜κ°„ 것듀도 λ‹€ μ μ—ˆλ˜ 기얡이 μžˆλ‹€.

μ €λ ‡κ²Œ μ μ–΄λ†“μœΌλ©΄ λ©΄μ ‘ λ•Œ λ°˜λ“œμ‹œ 면접관은 ν•΄λ‹Ή κΈ°μˆ μ— λŒ€ν•΄ μ§ˆλ¬Έν•  것이닀. ν•œλ²ˆ κ°€λ³κ²Œ 슀쳐 μ§€λ‚˜κ°„ κΈ°μˆ μ— λŒ€ν•΄ 깊이 μžˆλŠ” μ„€λͺ…이 κ°€λŠ₯ν• κΉŒ ? λŒ€λ‹΅μ€ β€˜μ•„λ‹ˆμ˜€β€™ λ‹€.

μ–΄λŠ 정도 λ‚΄κ°€ μžμ‹ μ΄ 있고, κ·Έ μ£Όμ œμ— λŒ€ν•΄ κ°€λ³κ²Œ λ…Όμ˜ ν•  수 μžˆμ„ μ •λ„λŠ” λ˜μ–΄μ•Ό λ‚΄κ°€ 가진 기술이 μ•„λ‹κΉŒ ?

  • React: 효율적인 μ»΄ν¬λ„ŒνŠΈ λ‹¨μœ„ 개발, Context API, Redux, Mobx λ₯Ό ν™œμš©ν•œ State Manage, SEO, SSR
  • HTML/CSS: μ‹œλ©˜ν‹±ν•œ ꡬ쑰화, SCSS, μ• λ‹ˆλ©”μ΄μ…˜ 처리

μœ„μ²˜λŸΌ μŠ€ν‚¬μ„ λ‚˜μ—΄ν•  λ•ŒλŠ” μŠ€ν‚¬μ— 점수λ₯Ό μ£ΌλŠ” κ²ƒλ³΄λ‹€λŠ” ν•΄λ‹Ή κΈ°μˆ μ„ μ–΄λŠ 정도 ν™œμš©ν•  수 μžˆλŠ”μ§€ μ μ–΄μ£ΌλŠ” 것이 μ’‹λ‹€.

업무 μ™Έμ μœΌλ‘œ λ‚΄κ°€ 이룬 성과듀은 무엇이 μžˆμ„κΉŒ ?

업무 외에도 λ‚΄κ°€ 관심 μžˆλŠ” μš”μ†Œλ“€μ„ μž‘μ„±ν•˜λŠ” 것도 μ’‹λ‹€.
그것을 증λͺ… ν•  수 μžˆλŠ” 링크도 ν•¨κ»˜ 달아쀀닀면 더 쒋지 μ•Šμ„κΉŒ?

  • λŒ€μ™Έν™œλ™
  • λΈ”λ‘œκ·Έ
  • λ°œν‘œ 자료
  • μ˜€ν”ˆμ†ŒμŠ€ κΈ°μ—¬
  • μ‚¬μ΄λ“œ ν”„λ‘œμ νŠΈ λ“±

μ‚¬μ΄λ“œ ν”„λ‘œμ νŠΈμ— λŒ€ν•΄ κ³ λ―Όν•˜λ‹€λ³΄λ‹ˆ, μ—…λ¬΄λ‚˜ ν”„λ‘œμ νŠΈ 등을 μ§„ν–‰ν•˜λ©° 이슈 νŠΈλž˜ν‚Ήν–ˆλ˜ μš”μ†Œλ“€μ„ ν•œκ³³μ— λͺ¨μ•„λ†“λŠ”λ‹€λ©΄ μ–Έμ  κ°€λŠ” 쒋은 μ˜€ν”ˆμ†ŒμŠ€ 보물단지가 될 것 κ°™λ‹€λŠ” 생각이 λ“€μ—ˆλ‹€.

μ–΄λ–»κ²Œ λ§Œλ“€κΉŒ ?

μ£ΌλŠ” λ§ν¬λ“œμΈμ„ μ΄μš©ν•˜κ²Œ 될 텐데, 기쑴의 이λ ₯μ„œ ν‹€λ‘œλŠ” 자유둭게 ν‘œν˜„μ΄ λΆˆκ°€ν•œ μš”μ†Œλ“€μ΄ μžˆμ–΄ μ›Ήμƒμ—μ„œλŠ” μ˜€ν”ˆ 이λ ₯μ„œλ₯Ό λ§Œλ“€λ €κ³  ν•œλ‹€.

Figma λ₯Ό μ΄μš©ν•˜μ—¬ κ°€λ³κ²Œ λ””μžμΈμ„ ν•˜κ³  Gatsby + TypeScript + Styled-Components λ₯Ό μ΄μš©ν•˜μ—¬ ν”„λ‘œμ νŠΈλ₯Ό κ΅¬μ„±ν•˜κ³ μž ν•œλ‹€.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

고석진
고석진

Written by 고석진

μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό μ‚¬λž‘ν•˜λŠ” ν”„λ‘ νŠΈ 개발자 μž…λ‹ˆλ‹€ :)

No responses yet

Write a response