ahn heejong

ν•¨κ»˜ 일할 UI Developerλ₯Ό μ°ΎμŠ΅λ‹ˆλ‹€

2018-05-23
React
νƒ€μž…μŠ€ν¬λ¦½νŠΈ
ν† μŠ€
비바리퍼블리카

μ’…ν•©κΈˆμœ΅ μ„œλΉ„μŠ€ ν† μŠ€λ₯Ό λ§Œλ“œλŠ” λΉ„λ°”λ¦¬νΌλΈ”λ¦¬μΉ΄λ‘œ μ΄μ§ν•œμ§€ ν•œ λ‹¬ν•˜κ³ λ„ 보름 정도가 λ˜μ—ˆμŠ΅λ‹ˆλ‹€. μž…μ‚¬ μ „ κΈ°λŒ€ν–ˆλ˜ λ°”λ₯Ό 훨씬 μ›ƒλ„λŠ” ν™˜κ²½μ—μ„œ, μ •μ‹  μ—†μœΌλ©΄μ„œλ„ 즐겁게 νšŒμ‚¬ λ‹€λ‹ˆκ³  μžˆμŠ΅λ‹ˆλ‹€.

이 글은 저희 νŒ€μ—μ„œ ν•¨κ»˜ 일할 UI Developerλ₯Ό μ°ΎλŠ” ꡬ인 κΈ€μž…λ‹ˆλ‹€. ν•˜μ§€λ§Œ λ»”ν•œ λ‚΄μš©μœΌλ‘œ 가득찬 κ΄‘κ³  λŒ€μ‹ , ν¬μ§€μ…˜μ— 관심 μžˆλŠ” λΆ„λ“€κ»˜μ„œ μ‹€μ œλ‘œ κΆκΈˆν•΄ν•˜μ‹€ λ²•ν•œ 정보λ₯Ό μ΅œλŒ€ν•œ μ œκ³΅ν•΄ λ“œλ¦¬κ³ μž ν•©λ‹ˆλ‹€.

ν† μŠ€νŒ€μ€ μ–΄λ–€ 문제λ₯Ό ν’€κ³  μžˆλ‚˜μš”?

κΈˆμœ΅μ€ λͺ¨λ“  μ‚¬λžŒμ˜ 삢에 크게 영ν–₯을 λ―ΈμΉ©λ‹ˆλ‹€. ν•˜μ§€λ§Œ λ§Žμ€ μ΄λ“€μ—κ²Œ κΈˆμœ΅μ€ λ³΅μž‘ν•˜κ³ , 머리 μ•„ν”ˆ μΌμž…λ‹ˆλ‹€. μˆ˜λ§Žμ€ κ΄‘κ³ , 읽고 있으면 λˆˆμ•žμ΄ μ•„λ“ν•΄μ§€λŠ” λ³΅μž‘ν•œ μ•½κ΄€κ³Ό ν˜œνƒ μ„€λͺ…, μ‚° λ„˜μ–΄ μ‚°μ²˜λŸΌ λŠκ»΄μ§€λŠ” κ³΅μΈμΈμ¦μ„œμ™€ μˆ˜μ‹­κ°€μ§€ λ³΄μ•ˆ ν”„λ‘œκ·Έλž¨.

금육 ν™œλ™μ΄ λ‚΄ 삢에 λ―ΈμΉ  영ν–₯이 크고 μ€‘μš”ν•œ 것은 λ„ˆλ¬΄λ‚˜ λͺ…λ°±ν•˜κΈ° λ•Œλ¬Έμ— λ§Žμ€ μ‹œκ°„κ³Ό λ…Έλ ₯을 νˆ¬μžν•˜λ©° κ·Έ λ‚œκ΄€μ„ ν—€μ³λ‚˜κ°€μ§€μš”. ν•˜μ§€λ§Œ κ·ΈλŸ¬λ©΄μ„œλ„ β€˜κΈˆμœ΅μ€ μ›λž˜ μ΄λ ‡κ²Œ λ³΅μž‘ν•΄μ•Όν•˜λŠ” 건가’ ν•˜λŠ” 의문이 λ“€κ³€ ν•©λ‹ˆλ‹€.

μ €ν¬λŠ” κΌ­ 그럴 ν•„μš”κ°€ μ—†λ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. κΈˆμœ΅μ€ 쉽고 μ¦κ±°μ›Œμ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€. μ†‘κΈˆ, λ”μΉ˜νŽ˜μ΄, 결제, κ³„μ’Œ 및 μΉ΄λ“œ 쑰회 λ“± ν•˜λ£¨μ—λ„ λͺ‡ λ²ˆμ”© μ‚¬μš©ν•  κΈ°λŠ₯λΆ€ν„° 투자, λŒ€μΆœ, λ³΄ν—˜, μΉ΄λ“œ κ°œμ„€ λ“± μ΅œλŒ€ν•œ λ§Žμ€ 정보λ₯Ό κ°–κ³  μ‹ μ€‘ν•˜κ²Œ νŒλ‹¨ν•˜κ³  싢은 κ²°μ •κΉŒμ§€. μ‚΄λ©΄μ„œ λ§ˆμ£ΌμΉ˜λŠ” 금육의 λͺ¨λ“  접점을 ν† μŠ€ μ•± λ‚΄μ—μ„œ 캐μ₯¬μ–Όν•˜κ²Œ ν’€μ–΄λ‚΄λŠ” 것이 ν† μŠ€νŒ€μ˜ λΉ„μ „μž…λ‹ˆλ‹€.

νŒ€μ—μ„œ UI Developer의 역할은 λ¬΄μ—‡μΈκ°€μš”?

ν† μŠ€νŒ€μ—λŠ” ν˜„μž¬ 4λͺ…μ˜ UI Developerκ°€ μžˆμŠ΅λ‹ˆλ‹€. ν˜„ μƒνƒœμ—μ„œ 같은 ν¬μ§€μ…˜μœΌλ‘œ 3–4λΆ„ 정도 더 λͺ¨μ‹€ κ³„νšμž…λ‹ˆλ‹€. ν† μŠ€λ₯Ό β€˜μ•± λ§Œλ“œλŠ” νšŒμ‚¬β€™λ‘œ μƒκ°ν•˜κ³  계셨닀면 λ‹€μŒκ³Ό 같은 ꢁ금증이 λ“œλŠ”κ²Œ λ‹Ήμ—°ν•©λ‹ˆλ‹€.

μ•± λ§Œλ“œλŠ” νšŒμ‚¬μ— μ™œ κ·Έλ ‡κ²Œ λ§Žμ€ μ›Ή ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžκ°€ ν•„μš”ν•œκ°€μš”?

λ¨Όμ €, ν† μŠ€ μ•± λ‚΄ λ§Žμ€ νŽ˜μ΄μ§€κ°€ μ›Ήλ·°λ‘œ κ΅¬ν˜„λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. λ„€μ΄ν‹°λΈŒ 앱은 높은 μ„±λŠ₯κ³Ό μœ λ €ν•œ UXλ₯Ό μ œκ³΅ν•˜μ§€λ§Œ, μƒλŒ€μ μœΌλ‘œ 배포가 μžμœ λ‘­μ§€ μ•Šκ³  μ—…λ°μ΄νŠΈ λΉ„μš©μ΄ λ†’μŠ΅λ‹ˆλ‹€. μ €ν¬λŠ” 가섀을 μ„Έμš°κ³  κ·Έ 가섀을 κ²€μ¦ν•˜λŠ” μ‹€ν—˜μ„ 톡해 얻은 배움을 μ œν’ˆμ— λ°˜μ˜ν•˜λŠ” μ‹μœΌλ‘œ μΌν•©λ‹ˆλ‹€. 초기 μ œν’ˆμΌμˆ˜λ‘ 이 μ£ΌκΈ°λ₯Ό λΉ λ₯΄κ²Œ κ°€μ Έκ°ˆ ν•„μš”μ„±μ΄ μƒκΈ°λŠ”λ°, κ·Έ 경우 웹이 쒋은 선택지인 κ²½μš°κ°€ λ§ŽμŠ΅λ‹ˆλ‹€.

λ˜ν•œ, ν† μŠ€ μ•± λ°”κΉ₯μ—μ„œ μ œκ³΅λ˜λŠ” μ›Ή νŽ˜μ΄μ§€λ“€μ΄ λ§ŽμŠ΅λ‹ˆλ‹€. λŒ€ν‘œμ μœΌλ‘œ ν† μŠ€ νšŒμ›μ΄ λΉ„νšŒμ›μ—κ²Œ μ†‘κΈˆ ν–ˆμ„ λ•Œ λˆμ„ λ°›λŠ” νŽ˜μ΄μ§€λ‚˜ λΉ„νšŒμ› λŒ€μƒ μΉ΄λ“œ μΆ”μ²œ μ„œλΉ„μŠ€μ²˜λŸΌ λΉ„νšŒμ›μ„ λŒ€μƒμœΌλ‘œ ν•˜λŠ” νŽ˜μ΄μ§€λ“€μ΄ μžˆμŠ΅λ‹ˆλ‹€. κ·Έ 외에도 λžœλ”© νŽ˜μ΄μ§€, ν”„λ‘œλͺ¨μ…˜ νŽ˜μ΄μ§€ λ“± λ‹€μ–‘ν•œ μ›Ή 기반 μ œν’ˆμ΄ μ‘΄μž¬ν•©λ‹ˆλ‹€.

UI Developer둜 νŒ€μ— ν•©λ₯˜ν•˜μ‹ λ‹€λ©΄ μœ„μ˜ 두 μ˜μ—­μ—μ„œ ν’€μ–΄μ•Ό ν•  λ‹€μ–‘ν•œ λ¬Έμ œκ°€ 기닀리고 μžˆμŠ΅λ‹ˆλ‹€ 😊 저희가 μ§€κΈˆ ν’€κ³  μžˆλŠ” 문제λ₯Ό 보닀 κ±°μ‹œμ μΈ κ΄€μ μ—μ„œ 적어보면 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

  • λ„€μ΄ν‹°λΈŒ μ•±μ²˜λŸΌ 느껴질 μ •λ„λ‘œ μœ λ €ν•œ UXλ₯Ό μ œκ³΅ν•˜κΈ° μœ„ν•΄ μ›Ήλ·° μœ„μ—μ„œμ˜ μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ„ μ΅œμ ν™”ν•œλ‹€.
  • μ›ΉνŽ˜μ΄μ§€κ°€ λͺ¨λ“  κΈ°κΈ° 및 ν•΄μƒλ„μ—μ„œ λ””μžμ΄λ„ˆκ°€ μ˜λ„ν•œ λ””μžμΈμ„ κ·ΈλŒ€λ‘œ μ „λ‹¬ν•˜λ„λ‘ μ„Έμ‹¬νžˆ κ΅¬ν˜„ν•œλ‹€.
  • λΉ λ₯Έ κ°€μ„€β€“μ‹€ν—˜β€“κ΅ν›ˆ 반영의 μ£ΌκΈ°λ₯Ό μœ μ§€ν•˜κΈ° μœ„ν•΄ λΉ„νš¨μœ¨μ„ μ—†μ• κ³  μ»΄ν¬λ„ŒνŠΈν™”, μžλ™ν™” ν•  수 μžˆλŠ” 뢀뢄을 μ°Ύμ•„ λ°˜μ˜ν•œλ‹€.

UI DeveloperλŠ” μ–΄λ–»κ²Œ μΌν•˜λ‚˜μš”?

ν† μŠ€νŒ€ ꡬ성원은 λŒ€λΆ€λΆ„ 두 μ’…λ₯˜μ˜ 쑰직에 μ†ν•˜κ²Œ λ©λ‹ˆλ‹€. (μ°Έκ³ : λ‹€μ–‘ν•œ 직ꡰ이 ν•¨κ»˜ ν•˜λŠ” ν† μŠ€ νŒ€ ꡬ쑰)

  • λͺ©μ  쑰직: β€œκ°„νŽΈν•œ κ³„μ’Œ 및 μΉ΄λ“œ λ‚΄μ—­ μ‘°νšŒβ€, β€œμ†‘κΈˆ κΈ°λŠ₯의 μ•ˆμ •μ μœΌλ‘œ μœ μ§€ 및 λ°œμ „β€ λ“±μ˜ λͺ©μ μœΌλ‘œ λͺ¨μΈ μ‘°μ§μž…λ‹ˆλ‹€. μ œν’ˆ μ˜€λ„ˆ(PO) λ˜λŠ” λΉ„μ¦ˆλ‹ˆμŠ€ μ˜€λ„ˆ(BO), μ œν’ˆ 뢄석가, λ””μžμ΄λ„ˆ, 개발자 λ“±μ˜ μ—¬λŸ¬ 직ꡰ이 λͺ¨μ—¬ κ΅¬μ„±λ©λ‹ˆλ‹€. μ…€(Cell), μ‚¬μΌλ‘œ(Silo), νŒ€(Team)이 μ†ν•©λ‹ˆλ‹€.
  • κΈ°λŠ₯ 쑰직: μ›Ή ν”„λ‘ νŠΈμ—”λ“œ 개발자, λ””μžμ΄λ„ˆ, iOS 개발자 λ“± ν† μŠ€νŒ€ λ‚΄μ—μ„œ 같은 역할을 맑고 μžˆλŠ” μ§κ΅°λ³„λ‘œ λͺ¨μΈ μ‘°μ§μž…λ‹ˆλ‹€. 챕터(Chapter)라 λΆˆλ¦½λ‹ˆλ‹€.

예λ₯Ό λ“€μ–΄, μ €λŠ” 개인의 자금 흐름을 λ‹΄λ‹Ήν•˜λŠ” Money Flow Tribe λ‚΄μ—μ„œλ„ κ³„μ’Œ 및 μΉ΄λ“œ 쑰회λ₯Ό λ‹΄λ‹Ήν•˜λŠ” Account & Card Silo와 μ›Ή ν”„λ‘ νŠΈμ—”λ“œ 챕터에 μ†ν•΄μžˆμŠ΅λ‹ˆλ‹€. ν˜„μž¬ λ„€ λͺ…μ˜ UI DeveloperλŠ” 각자 λ‹€λ₯Έ μ…€βˆ™μ‚¬μΌλ‘œβˆ™νŒ€μ— μ†Œμ†λœ μ±„λ‘œ, 각 쑰직의 μ›Ή μ œν’ˆ κ΅¬ν˜„μ— λŒ€ν•œ μ΅œμ’… μ±…μž„μž(DRI, Directly Responsible Individual) 역할을 맑고 μžˆμŠ΅λ‹ˆλ‹€.

이런 μ‹μœΌλ‘œ 각자의 λͺ©μ  쑰직에 λ‚˜λ‰˜μ–΄ μΌν•˜λ‹€ 보면 같은 직ꡰ λ™λ£Œμ™€ μ†Œμ›ν•΄μ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€. λ•Œλ¬Έμ— μ›Ή ν”„λ‘ νŠΈμ—”λ“œ μ±•ν„°λŠ” 주기적으둜 데일리 λ―ΈνŒ…μ„ μ§„ν–‰ν•©λ‹ˆλ‹€. 데일리 λ―ΈνŒ…μ—μ„œλŠ” 각자 μš”μ¦˜ μ–΄λ–€ 일을 ν•˜λŠ”μ§€ κ³΅μœ ν•˜κ³ , κ²ͺκ³  μžˆλŠ” μ–΄λ €μ›€μ΄λ‚˜ μƒˆλ‘œ 배운 κ΅ν›ˆμ„ λ‚˜λˆ•λ‹ˆλ‹€. λ˜ν•œ SSR λ„μž… λ“±μ˜ κ΅΅μ§ν•œ μž‘μ—… 착수 μ „ 미리 μΆ©λΆ„ν•œ λ…Όμ˜λ₯Ό 톡해 λ°©ν–₯을 κ²°μ •ν•©λ‹ˆλ‹€.

μ–΄λ–€ κΈ°μˆ μ„ μ‚¬μš©ν•˜λ‚˜μš”?

ν˜„μž¬ μ›Ή ν”„λ‘ νŠΈμ—”λ“œ μ±•ν„°λŠ” λ‹€μŒ κΈ°μˆ μ„ μ‚¬μš© μ€‘μž…λ‹ˆλ‹€.

  • TypeScript와 SCSSλ₯Ό μ‚¬μš©ν•΄ μ•ˆμ •μ μ΄κ³  λΉ λ₯΄κ²Œ κ°œλ°œν•©λ‹ˆλ‹€.
  • Reactλ₯Ό 적극적으둜 μ‚¬μš©ν•©λ‹ˆλ‹€.
    • μƒνƒœ 관리λ₯Ό μœ„ν•΄ fluxλ₯Ό, μ»΄ν¬λ„ŒνŠΈ μŠ€νƒ€μΌλ§μ„ μœ„ν•΄ styled-componentsλ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€.
  • Webpack을 μ‚¬μš©ν•΄ ν”„λ‘œμ νŠΈλ₯Ό λΉŒλ“œν•©λ‹ˆλ‹€.
  • β€œToss Frame” μ΄λΌλŠ” 사내 λ””μžμΈ μ‹œμŠ€ν…œ 라이브러리λ₯Ό μ‚¬μš©ν•΄ λ‹€μ–‘ν•œ μ œν’ˆ κ°„μ˜ 일관성을 μœ μ§€ν•©λ‹ˆλ‹€.
    • React μ»΄ν¬λ„ŒνŠΈλ₯Ό μ œκ³΅ν•˜λŠ” 버전과 정적 νŽ˜μ΄μ§€λ₯Ό μœ„ν•΄ Bootstrap ν™•μž₯ CSS νŒŒμΌμ„ μ œκ³΅ν•˜λŠ” 버전이 λͺ¨λ‘ μ‘΄μž¬ν•©λ‹ˆλ‹€.
  • 초기 λ Œλ”λ§ μ„±λŠ₯ ν–₯상을 μœ„ν•΄ Next.jsλ₯Ό μ‚¬μš©ν•œ SSR λ„μž…μ„ μ§„ν–‰μ€‘μž…λ‹ˆλ‹€.
    • λ™μ‹œμ— fluxλ₯Ό mobx λ˜λŠ” redux 둜 λŒ€μ²΄ν•˜λŠ” λ°©μ•ˆμ„ κ²€ν† μ€‘μž…λ‹ˆλ‹€.
  • Zeplin을 μ‚¬μš©ν•΄ λ””μžμ΄λ„ˆμ™€μ˜ ν˜‘μ—…ν•©λ‹ˆλ‹€.

ν† μŠ€νŒ€μ˜ λ‹€λ₯Έ λͺ¨λ“  쑰직과 λ§ˆμ°¬κ°€μ§€λ‘œ, μ €ν¬λŠ” μˆ˜ν‰μ μΈ ꡬ쑰λ₯Ό 지ν–₯ν•©λ‹ˆλ‹€. ν˜„ μƒνƒœμ˜ λΉ„νš¨μœ¨μ΄ κ±°μŠ¬λ¦¬κ±°λ‚˜ 더 λ‚˜μ€ λŒ€μ•ˆμ΄ μžˆλ‹€ λŠλ‚„ λ•Œ 자유둭게 μ œμ•ˆν•˜κ³  토둠을 톡해 μ΅œμ„ μ„ μ„ νƒν•˜λŠ” λ¬Έν™”κ°€ 뿌리 깊이 μ •μ°©λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

ν† μŠ€νŒ€μ—μ„œ μΌν•˜λ©΄ 무엇이 μ’‹λ‚˜μš”?

ν† μŠ€νŒ€μ— μ˜€μ‹œλ©΄ μ €λž‘ μΌν•˜μ‹€ 수 μžˆμŠ΅λ‹ˆλ‹€!

what-did-you-say

μ£„μ†‘ν•©λ‹ˆλ‹€.

ν† μŠ€νŒ€μ΄ μ œκ³΅ν•˜λŠ” κ°€μž₯ 큰 μž₯점은 μ€‘μš”ν•œ 문제λ₯Ό ν’€λ©΄μ„œ λΉ λ₯΄κ²Œ μ„±μž₯ν•˜λŠ” νŒ€μ—μ„œ μΌν•˜λŠ” κ²½ν—˜μž…λ‹ˆλ‹€. κ°„νŽΈμ†‘κΈˆ μ„œλΉ„μŠ€λ‘œ μ‹œμž‘ν•œ ν† μŠ€λŠ” μ‹ μš©μ‘°νšŒ, μΉ΄λ“œ 및 κ³„μ’Œμ‘°νšŒ, 투자 및 λŒ€μΆœ λ“± 금육의 λͺ¨λ“  접점을 μ»€λ²„ν•˜λŠ” μ’…ν•©κΈˆμœ΅ μ„œλΉ„μŠ€λ‘œ μ§„ν™”ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. λˆ„μ  λ‹€μš΄λ‘œλ“œ μˆ˜λŠ” 1,600만 λͺ…을, λˆ„μ  κ±°λž˜μ•‘μ€ 16μ‘° 원을 λ„˜κ²¨ μ§€κΈˆλ„ κ°€νŒŒλ₯΄κ²Œ μ„±μž₯ν•˜κ³  μžˆμ§€λ§Œ, λ§Œμ‘±ν•˜μ§€ μ•Šκ³  늘 λ‹€μŒ μŠ€ν…μ„ κ³ λ―Όν•©λ‹ˆλ‹€. 이렇듯 λΉ λ₯΄κ²Œ μ„±μž₯ν•˜λŠ” νŒ€μ—μ„œ μ€‘μš”ν•œ 문제λ₯Ό λ°œκ²¬ν•˜κ³  또 ν’€μ–΄λ‚˜κ°€λŠ” 일은 즐거울 뿐 μ•„λ‹ˆλΌ, 개인의 λŠ₯λ ₯ 및 컀리어적 λ©΄μ—μ„œλ„ 큰 μ„±μž₯을 μ œκ³΅ν•  κ²ƒμž…λ‹ˆλ‹€.

ν† μŠ€νŒ€μ€ μ™ΈλΆ€ 투λͺ…μ„± 0%, λ‚΄λΆ€ 투λͺ…μ„± 100% 을 지ν–₯ν•©λ‹ˆλ‹€. κΈ°μ„± κ±°λŒ€ 쑰직보닀 훨씬 적은 ꡬ성원 수둜 ν˜μ‹ μ„ λ§Œλ“€κΈ° μœ„ν•΄μ„  κ·Έλž˜μ•Όλ§Œ ν•œλ‹€ λ―ΏκΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€. 연봉 λ“± 극히 μΌλΆ€μ˜ λ―Όκ°ν•œ 정보λ₯Ό μ œμ™Έν•˜λ©΄, ꡬ성원 전체가 사내 λͺ¨λ“  정보에 μ†μ‰½κ²Œ μ ‘κ·Όν•  수 μžˆμŠ΅λ‹ˆλ‹€. νšŒμ‚¬μ˜ λΉ„μ „κ³Ό ν˜„μž¬ 상황, μ–΄λ–€ 일이 ν•„μš”ν•œ λ§₯락을 μ œκ³΅ν•˜κ³  μžμœ¨μ„±μ„ 보μž₯ν•˜λ©΄ 각 ꡬ성원이 μ΅œμ„ μ˜ μ˜μ‚¬κ²°μ •μ„ 내릴 것이라 λ―ΏμŠ΅λ‹ˆλ‹€. λͺ¨λ“  ꡬ성원은 본인이 ν’€μ–΄μ•Ό ν•  κ°€μž₯ μ€‘μš”ν•œ 문제λ₯Ό 슀슀둜 κ·œμ •ν•˜κ³  ν•΄κ²°ν•©λ‹ˆλ‹€. μ΄μœ λ„ λͺ¨λ₯Έ 채 μ‹€λ¬΄μ—μ„œ 동떨어진 λ†’μœΌμ‹  뢄이 내리신 μ—…λ¬΄μ§€μ‹œλ₯Ό 따라야 ν•˜λŠ” 상황은 μ—†μŠ΅λ‹ˆλ‹€. (μ°Έκ³ : ν† μŠ€μ˜ κΈ°μ—… λ¬Έν™”)

그리고 이 λͺ¨λ“  멋진 말듀이 계속 μ‚¬μ‹€λ‘œ μœ μ§€λ  수 μžˆλ„λ‘, ν† μŠ€νŒ€μ€ 각 λΆ„μ•Όμ—μ„œ 졜고 μˆ˜μ€€μ˜ 퍼포먼슀λ₯Ό λ‚΄λŠ” λΆ„λ“€λ§Œμ„ λͺ¨μ‹œκ³  μžˆμŠ΅λ‹ˆλ‹€. 졜고의 λ™λ£Œλ“€κ³Ό ν•¨κ»˜ν•  수 μžˆλŠ” ν™˜κ²½ μžμ²΄κ°€ μΌμ’…μ˜ 보상이 될 수 μžˆκ² μ§€λ§Œ, κ·Έκ²ƒλ§ŒμœΌλ‘œλŠ” λΆ€μ‘±ν•˜κ² μ§€μš”. κ·Έλ ‡κ²Œ λͺ¨μ‹  λΆ„λ“€κ»˜λŠ” λ‹Ήμ—°νžˆ μ‹€λ ₯에 κ±Έλ§žλŠ” 졜고 μˆ˜μ€€μ˜ λŒ€μš°λ₯Ό ν•΄λ“œλ¦¬κ³  μžˆμŠ΅λ‹ˆλ‹€. κΈˆμ „μ  보상 뿐만 μ•„λ‹ˆλΌ, 일 잘 ν•˜λŠ” κ±Έ λ§‰λŠ” μž₯μ• λ¬Ό 쀑 νšŒμ‚¬κ°€ μΉ˜μ›Œ 쀄 수 μžˆλŠ” 건 μ΅œλŒ€ν•œ μΉ˜μ›Œ λ“œλ¦½λ‹ˆλ‹€. (μ°Έκ³ : ν† μŠ€ νŒ€ 졜고의 λ³΅μ§€λŠ”?)

  • 업계 졜고 μˆ˜μ€€ 연봉
  • 맀 6κ°œμ›” 전직원 λŒ€μƒ 연봉 인상 및 μ„±κ³ΌκΈ‰ 지급
  • μ£ΌνƒμžκΈˆ 무이자 1μ–΅ 사내 λŒ€μΆœ
  • 점심, 저녁 식사비 및 λ‹€μ–‘ν•œ 간식 지원
  • μ„Έ λͺ…μ˜ ν›Œλ₯­ν•œ λ°”λ¦¬μŠ€νƒ€κ°€ μžˆλŠ” 사내 카페
  • μš΄λ™λΉ„ 및 톡신비 (+ 자차 μ†Œμœ μ‹œ μ£Όμ°¨λΉ„) 지원
  • 탄λ ₯적 μΆœν‡΄κ·Ό , μž¬νƒ 및 원격 근무 κ°€λŠ₯

μ–΄λ–€ μ‚¬λžŒμ„ μ°Ύκ³  μžˆλ‚˜μš”?

κΈ°μˆ μ μœΌλ‘œλŠ”, μ•žμ„œ μ–ΈκΈ‰ν•œ μ €ν¬μ˜ 기술 μŠ€νƒμ— μ΅μˆ™ν•˜μ‹  뢄을 μ„ ν˜Έν•©λ‹ˆλ‹€. 기본적으둜 νƒ„νƒ„ν•œ HTML, CSS, JS 지식을 κ°–κ³  계셔야 ν•©λ‹ˆλ‹€. λ§Œμ•½ React λ˜λŠ” TypeScript λ“±μ˜ 핡심 기술 κ²½ν—˜μ΄ λ§Žμ§€ μ•Šλ‹€λ©΄ (ν˜Ήμ€ μ—†λ‹€λ©΄), λΉ λ₯΄κ²Œ λ°°μ›Œμ„œ 싀무가 κ°€λŠ₯ν•œ μˆ˜μ€€κΉŒμ§€ λ„λ‹¬ν•˜μ‹€ κ°μ˜€κ°€ ν•„μš”ν•©λ‹ˆλ‹€. λ‹Ήμ—°νžˆ 도움을 λ“œλ¦¬κ² μ§€λ§Œ, 전톡적인 μ‚¬μˆ˜β€“λΆ€μ‚¬μˆ˜ μ‹œμŠ€ν…œμœΌλ‘œ λΆ™μž‘κ³  κ°€λ₯΄μ³λ“œλ¦¬μ§€λŠ” μ•ŠμŠ΅λ‹ˆλ‹€. μ„œλ‘œ λ―Ώκ³  등을 맑길 수 μžˆλŠ” λ™λ£Œλ₯Ό μ›ν•©λ‹ˆλ‹€.

λ¬Έν™”μ μœΌλ‘œλŠ”, λˆ„κ΅°κ°€ ν•  일을 내렀주지 μ•Šμ•„λ„ 자율적으둜 ν•΄μ•Όν•  일을 μ°Ύμ•„ μ±…μž„μ§€κ³  λλ§ˆμΉ˜λŠ” 뢄을 μ›ν•©λ‹ˆλ‹€. κ°€μž₯ 큰 영ν–₯λ ₯을 λ§Œλ“€ 수 μžˆλŠ” 일에 μ—λ„ˆμ§€λ₯Ό μŸμ„ 수 μžˆλ„λ‘ 슀슀둜 μš°μ„ μˆœμœ„λ₯Ό μ‘°μ •ν•˜λŠ” 일에 μ΅μˆ™ν•΄μ•Ό ν•©λ‹ˆλ‹€. λ‹€λ₯Έ νŒ€μ›μ—κ²Œ μ˜κ°μ„ λΆˆμ–΄λ„£κ³ , ν•™μŠ΅μ„ κ³΅μœ ν•˜λ©° μ„œλ‘œ 더 잘, 즐겁게 일할 수 μžˆλŠ” 직μž₯을 λ§Œλ“€ 수 μžˆλŠ” ꡬ성원이라면 더할 λ‚˜μœ„ μ—†μŠ΅λ‹ˆλ‹€.

저희가 μ–΄λ–€ λ¬Έν™”λ₯Ό λ§Œλ“€λ € ν•˜κ³ , μ–΄λ–€ μƒκ°μœΌλ‘œ μΌν•˜λŠ”μ§€ μ’€ 더 μžμ„Έν•œ λ‚΄μš©μ΄ κΆκΈˆν•˜μ‹  λΆ„λ“€κ»˜μ„œλŠ” μ•„λž˜ μžλ£Œλ“€μ„ μ°Έκ³ ν•˜μ„Έμš”.

μ–΄λ–»κ²Œ 지원할 수 μžˆλ‚˜μš”?

UI Developer ν¬μ§€μ…˜μœΌλ‘œ μ§€μ›μ‹œ λ‹€μŒ 절차λ₯Ό 거치게 λ©λ‹ˆλ‹€.

  1. μ„œλ₯˜ κ²€ν† 
  2. μ½”λ”© ν…ŒμŠ€νŠΈ (2일 μ†Œμš”)
  3. UI Developer κ°œλ°œμžλ“€κ³Όμ˜ 1μ°¨ 기술 λ©΄μ ‘
  4. People & Culture νŒ€ λ¦¬λ”μ™€μ˜ 2μ°¨ λ¬Έν™” λ©΄μ ‘
  5. 처우 ν˜‘μƒ

μ €ν¬λŠ” μ±„μš©μ„ μ§„μ§€ν•˜κ²Œ μƒκ°ν•˜κ³ , μ§€μ›μžμ˜ μ‹œκ°„κ³Ό λ…Έλ ₯을 μ†Œμ€‘νžˆ μ—¬κΉλ‹ˆλ‹€. λͺ¨λ“  λ‹¨κ³„μ—μ„œ μ΅œλŒ€ν•œ λΉ λ₯΄κ³  μ†”μ§ν•œ ν”Όλ“œλ°±μ„ λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€.

πŸ‘‰ μ§€κΈˆ λ°”λ‘œ μ§€μ›ν•˜κΈ° πŸ‘ˆ

FAQ

  • Q1. ν† μŠ€ λΉ‘μ„Ό νšŒμ‚¬λΌλŠ” μ†Œλ¬Έμ΄ λ„ˆλ¬΄ λ§Žμ•„μ„œ κ±±μ •λ©λ‹ˆλ‹€. κ°€λ©΄ 맨날 μ•Όκ·Όν•˜λŠ” 것 μ•„λ‹Œκ°€μš”?
    • A1. λΉ‘μ„Έκ²Œ μΌν•˜λŠ” νšŒμ‚¬ λ§žμŠ΅λ‹ˆλ‹€. 150λͺ…이 채 μ•ˆλ˜λŠ” κ΅¬μ„±μ›μœΌλ‘œ 이 정도 μ„±κ³Όλ₯Ό μ΄λ£¨μ–΄λ‚΄λŠ”κ²Œ μ‰¬μš΄ 일은 μ•„λ‹ˆμ§€μš”. λ‹€λ§Œ κ·Έ λΉ‘μ…ˆμ΄ κΈ΄ κ·Όλ¬΄μ‹œκ°„κ³Ό λ™μΉ˜λŠ” μ•„λ‹™λ‹ˆλ‹€. λˆ„κ°€ μ–Έμ œ μΆœν‡΄κ·Όν•˜κ³  μ–΄λ””μ„œ μΌν•˜λŠ”μ§€ μ „ν˜€ 신경쓰지 μ•Šκ³ , 맑은바 역할을 λ‹€ν•˜κ³  μžˆλŠ”μ§€, μ–΄λ–€ μ„±κ³Όλ₯Ό λ§Œλ“€μ–΄λ‚΄λŠ”μ§€μ—λ§Œ μ§‘μ€‘ν•©λ‹ˆλ‹€. 저도 λ“€μ–΄μ˜€κΈ° 전에 κ°€μž₯ κ±±μ •ν–ˆλ˜ 뢀뢄인데, κ°œμΈμ μœΌλ‘œλŠ” λ“€μ–΄μ™€μ„œ λ³΄λ‹ˆ μ†Œλ¬Έμ΄ λ‹€μ†Œ κ³Όμž₯λ˜μ–΄ μžˆλ‹€κ³  λŠλ‚λ‹ˆλ‹€.
  • Q2. νšŒμ‚¬ μƒν™œμ— λ§Œμ‘±ν•˜μ‹œλ‚˜μš”?
    • A2. λ§Œμ‘±ν•˜κ³ , ν›Œλ₯­ν•œ λΆ„λ“€ λͺ¨μ…”μ„œ λ”λ”μš± 쒋은 νšŒμ‚¬λ‘œ λ§Œλ“€κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. μ € 이거 λˆ„κ°€ μ‹œμΌœμ„œ μ“°λŠ” κ±° μ•„λ‹ˆμ—μš” :)
  • Q3. 학사 λ³‘νŠΉλ„ λ½‘λ‚˜μš”?
    • A3. μ‚°μ—…κΈ°λŠ₯μš”μ› 전직 및 보좩역 μ‹ κ·œ νŽΈμž… κ°€λŠ₯ν•©λ‹ˆλ‹€.

ν˜Ήμ‹œ 더 κΆκΈˆν•œ 점이 μžˆλŠ” λΆ„κ»˜μ„œλŠ” λΆ€λ‹΄ 없이 λ¦¬ν¬λ£¨νŒ… νŒ€ 메일(recruit@toss.im)둜 연락 μ£Όμ„Έμš”.

μ½μ–΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. 도움이 λ˜μ—ˆκΈΈ 바라며, λ§Žμ€ 지원 κΈ°λ‹€λ¦¬κ² μŠ΅λ‹ˆλ‹€.