home
About AB180
home
AB180 Culture
Engineering Culture
home
About AB180
People
Culture
Apply

Frontend Engineer

ν”„λ‘ νŠΈμ—”λ“œμ˜ 꽃이라고 λΆˆλ¦¬λŠ” μ—”μ§€λ‹ˆμ–΄λ§ μš”μ†Œλ“€μ„ κ²½ν—˜ν•˜λ©° μ„±μž₯ν•  ν”„λ‘ νŠΈμ—”λ“œ μ—”μ§€λ‹ˆμ–΄λ₯Ό μ°Ύκ³  μžˆμ–΄μš”!

AB180은 κ΄‘κ³  μ„±κ³Ό 뢄석 μ†”λ£¨μ…˜ Airbridgeλ₯Ό κ°œλ°œν•˜λŠ” B2B SaaS μŠ€νƒ€νŠΈμ—…μž…λ‹ˆλ‹€. AirbridgeλŠ” 메타, ꡬ글, 틱톑과 같은 κΈ€λ‘œλ²Œ ν”Œλž«νΌμ˜ μ•„μ‹œμ•„ 유일 곡식 μ„±κ³ΌμΈ‘μ • νŒŒνŠΈλ„ˆλ‘œ κ·Έ 기술λ ₯을 인정받고 있으며, ꡭ내뿐 μ•„λ‹ˆλΌ μ„Έκ³„μ μœΌλ‘œ λΉ λ₯΄κ²Œ μ„±μž₯ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.
ν•˜λ£¨ 10μ–΅ 건 μ΄μƒμ˜ 이벀트 데이터λ₯Ό μ‹€μ‹œκ°„μœΌλ‘œ 처리, λΆ„μ„ν•˜μ—¬ μ „μ„Έκ³„μ˜ λ‹€μ–‘ν•œ μ‚¬μš©μžμ—κ²Œ μ „λ‹¬ν•˜κ³  있고, μ˜€λŠ˜μ˜μ§‘, λ‹Ήκ·Όλ§ˆμΌ“, μ‚Όμ„±μ¦κΆŒ, ν˜„λŒ€μΉ΄λ“œμ™€ 같은 기업듀이 AB180의 μ†”λ£¨μ…˜μ„ ν™œμš©ν•΄ λΉ„μ¦ˆλ‹ˆμŠ€ 성곡을 λ§Œλ“€μ–΄λ‚΄κ³  μžˆμŠ΅λ‹ˆλ‹€.

μ§€κΈˆ λ°”λ‘œ μ§€μ›ν•˜κΈ°β†’

AB180 Frontend νŒ€μ€

μ• λ„λ¦¬ν‹±μŠ€ 웹앱을 λ§Œλ“­λ‹ˆλ‹€.

λ§ˆμΌ€ν„° λ“± λ‹€μ–‘ν•œ μ‚¬μš©μžλ“€μ΄ 데이터λ₯Ό ν™•μΈν•˜κ³  뢄석할 수 μžˆλ„λ‘ λ•λŠ” β€˜μ• λ„λ¦¬ν‹±μŠ€ μ›Ήμ•±(λŒ€μ‹œλ³΄λ“œ)’과 β€˜MMM μŠ€νŠœλ””μ˜€β€™λ₯Ό λ§Œλ“€κ³  μžˆμŠ΅λ‹ˆλ‹€. μ „μ„Έκ³„μ—μ„œ μ‹€μ‹œκ°„μœΌλ‘œ λ“€μ–΄μ˜€λŠ” λŒ€λŸ‰μ˜ 데이터λ₯Ό 집계, μ‹œκ°ν™”ν•˜μ—¬ λ³΄μ—¬μ£ΌλŠ” λ‹€μ–‘ν•œ 리포트, μ„±κ³Ό 츑정을 μœ„ν•œ 링크 생성과 μ„€μ •, λ‹€μ–‘ν•œ 채널 및 λ„κ΅¬λ“€κ³Όμ˜ 연동 λ“±μ˜ κΈ°λŠ₯을 λ§Œλ“€κ³  μžˆμŠ΅λ‹ˆλ‹€.

λ‹€μ–‘ν•œ μ—”μ§€λ‹ˆμ–΄λ§ μš”μ†Œλ₯Ό 닀루며 μ„±μž₯ν•©λ‹ˆλ‹€.

μ• λ„λ¦¬ν‹±μŠ€ 웹앱은 β€˜ν”„λ‘ νŠΈμ—”λ“œμ˜ 꽃’이라고 ν•  μ •λ„λ‘œ λ‹€μ–‘ν•œ μ—”μ§€λ‹ˆμ–΄λ§ μš”μ†Œκ°€ μžˆμŠ΅λ‹ˆλ‹€. λ§Žμ€ μ–‘μ˜ 데이터λ₯Ό 효율적으둜 κ΄€λ¦¬ν•˜λ©°, λ³΅μž‘ν•œ ν˜•νƒœμ˜ μ»΄ν¬λ„ŒνŠΈλΆ€ν„° 차트 λ“±μ˜ μ‹œκ°ν™”κΉŒμ§€ 직접 λ§Œλ“€κ³  μžˆμŠ΅λ‹ˆλ‹€. μ œν’ˆμ˜ μ•ˆμ •μ„±μ„ 보μž₯ν•˜κΈ° μœ„ν•œ ν…ŒμŠ€νŠΈ, ꡬ쑰 μˆ˜λ¦½μ—λ„ 관심이 λ§ŽμŠ΅λ‹ˆλ‹€. κΈ€λ‘œλ²Œ μ œν’ˆμΈ 만큼 λ‹€κ΅­μ–΄(i18n)와 νƒ€μž„μ‘΄ 지원도 ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

μ‚¬μš©μžλ₯Ό μœ„ν•œ 기술적 κ°œμ„ μ— λͺ°μž…ν•©λ‹ˆλ‹€.

AB180 Frontend νŒ€μ€ μ•„λž˜μ™€ 같은 μ§ˆλ¬Έμ„ λ˜μ§€λ©° μΌν•©λ‹ˆλ‹€.
β€’
μ“°λŠ” μ‚¬λžŒ(λ§ˆμΌ€ν„°)의 μž…μž₯μ—μ„œ 1μ΄ˆλΌλ„ 빨리, 지연 없이 Airbridgeλ₯Ό μ“Έ 수 있게 ν•˜λ €λ©΄?
β€’
λ§Œλ“œλŠ” μ‚¬λžŒ(개발자)의 μž…μž₯μ—μ„œ 생산성과 즐거움을 높일 수 μžˆλŠ” 방법은?
이λ₯Ό μœ„ν•΄ μ‚¬μš©μžλ₯Ό μœ„ν•œ 기술적 κ°œμ„ μ— λͺ°μž…ν•˜κ³  있으며, λ””μžμΈ μ‹œμŠ€ν…œ, λ²ˆμ—­ 관리 및 배포 μžλ™ν™” 도ꡬλ₯Ό λ§Œλ“œλŠ” λ“± μƒˆλ‘œμš΄ 기술의 λ„μž…κ³Ό μ‹€ν—˜λ„ 적극적으둜 μ§„ν–‰ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

λ‹€μ–‘ν•œ μ‚¬λžŒλ“€κ³Ό μ΄μ•ΌκΈ°ν•˜λ©° κΈ°λŠ₯을 λ§Œλ“­λ‹ˆλ‹€.

같은 개발자 이외에도 Product Manager, Designer, Product Writer, 그리고 CSMκ³Ό ν•¨κ»˜ κ³ λ―Όν•˜λ©° Airbridgeλ₯Ό λ§Œλ“€κ³  μžˆμŠ΅λ‹ˆλ‹€. μƒˆλ‘œμš΄ κΈ°λŠ₯을 λ§Œλ“€κΈ° μœ„ν•œ λ…Όμ˜μ™€ λ¦¬μ„œμΉ˜μ— μ°Έμ—¬ν•΄ μ˜κ²¬μ„ λ‚΄κ³ , λ‚΄λΆ€ 아이디어 κ²Œμ‹œνŒμ— 올라온 고민을 ν•΄κ²°ν•  λ°©λ²•μ΄λ‚˜ 아이디어λ₯Ό ν”„λ‘œν† νƒ€μ΄ν•‘ν•˜μ—¬ κ³΅μœ ν•˜κΈ°λ„ ν•©λ‹ˆλ‹€.
파이콘 λ“± μ»¨νΌλŸ°μŠ€μ—μ„œ 재밌게 νšŒμ‚¬λ₯Ό μ•Œλ¦΄ 수 μžˆλŠ” 방법을 Frontend νŒ€ μ£Όλ„λ‘œ λ§Œλ“€μ–΄μš”. μ΄λ²ˆμ—λŠ” μ–΄λ–€ 이벀트λ₯Ό μ§„ν–‰ν–ˆμ„κΉŒμš”?
λ””μžμΈνŒ€κ³Ό ν•¨κ»˜ λͺ¨μ—¬ λŒ€μ‹œλ³΄λ“œμ— λ“€μ–΄κ°€λŠ” μ»΄ν¬λ„ŒνŠΈλ₯Ό μ–΄λ–»κ²Œ λ§Œλ“€μ§€ 'λ””μžμΈ μ‹œμŠ€ν…œ 회의'λ₯Ό μ§„ν–‰ν•˜κ³  μžˆμ–΄μš”.

Frontend Team λ§Œλ‚˜λ³΄κΈ°

λ‹¨μˆœνžˆ μ ‘κ·Όν•  수 μžˆλŠ” μž‘μ—…μΌ μˆ˜λ„ μžˆμ§€λ§Œ, λͺ©μ κ³Ό 배경을 μ΄ν•΄ν•˜λ©° 더 깊이 파고 μ˜κ²¬μ„ λ‚΄μ–΄ μ œν’ˆμ„ κ°œμ„ ν•©λ‹ˆλ‹€. 이λ₯Ό 톡해 문제λ₯Ό ν’€μ—ˆμ„ λ•Œμ˜ 쾌감 ν˜Ήμ€ 그렇지 λͺ»ν–ˆμ„ λ•Œμ˜ 아쉬움을 λˆ„κ΅¬λ³΄λ‹€ μ•žμ—μ„œ κ²½ν—˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

Frontend Team Lead, μ΄μ°¬ν¬λ‹˜ | LinkedIn

ν”„λ‘œλ•νŠΈλ₯Ό λ§Œλ“œλŠ” κ³Όμ •μ—μ„œ μ£Όλ„μ μœΌλ‘œ 완성도λ₯Ό λ†’μ—¬ λ‚˜κ°ˆ 수 μžˆμŠ΅λ‹ˆλ‹€. λ‹¨μˆœνžˆ 개발적인 λΆ€λΆ„μ—μ„œμ˜ μ΅œμ ν™”λΆ€ν„°, UX에 λŒ€ν•΄ κ³ λ―Όν•˜κ³  κ°œμ„ μ μ„ μ°Ύμ•„λ‚˜κ°ˆ 수 μžˆλŠ” ν™˜κ²½μ΄ λ§ˆλ ¨λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

Frontend Engineer, μ§„μ€€κΈ°λ‹˜

μž‘μ—…μ€ 개인이 μ§„ν–‰ν•˜μ§€λ§Œ ν”„λ‘œλ•νŠΈλ₯Ό λ§Œλ“€μ–΄κ°€λŠ” 것은 νŒ€μ΄λΌκ³  μƒκ°ν•©λ‹ˆλ‹€. λ¬Έμ œκ°€ λ°œμƒν–ˆμ„ λ•Œμ—λŠ” 개인의 μ‹€μˆ˜λ₯Ό λΉ„λ‚œν•˜μ§€ μ•Šκ³ , 문제 해결에 μ΄ˆμ μ„ λ§žμΆ”λŠ” 포슀트λͺ¨ν…€(postmortem) λ¬Έν™”λ₯Ό 지ν–₯ν•©λ‹ˆλ‹€.

Frontend Engineer, μœ μŠΉμ—°λ‹˜ | LinkedIn

Frontend νŒ€μ„ κ΅¬μ„±ν•˜λŠ” 기술

β€’
React, TypeScript, Viteλ₯Ό μ‚¬μš©ν•œ SPA(Single Page Web Application)으둜 κ΅¬μ„±λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.
β€’
주둜 Recoilκ³Ό React Queryλ₯Ό μ‚¬μš©ν•˜λ©° 기쑴의 Redux μ€‘μ‹¬μ˜ 관리 ꡬ쑰λ₯Ό κ±·μ–΄λƒ…λ‹ˆλ‹€.
β€’
주둜 Emotion / Stitchesλ₯Ό μ‚¬μš©ν•΄ μŠ€νƒ€μΌλ§ν•©λ‹ˆλ‹€.
β€’
Trunk-based Developmentλ₯Ό μ°¨μš©ν•˜λ©° Vercel(프리뷰)κ³Ό S3(ν”„λ‘œλ•μ…˜)에 λ°°ν¬ν•©λ‹ˆλ‹€.
β€’
LogRocket으둜 κΈ°λŠ₯의 μ‚¬μš© λΉˆλ„, 버그 λ°œμƒ 등을 λͺ¨λ‹ˆν„°λ§ν•©λ‹ˆλ‹€.
β€’
CI/CD둜 GitHub Actionsλ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€.
β€’
보닀 μžμ„Έν•œ 기술 μŠ€νƒμ€ μ—¬κΈ°μ—μ„œ ν™•μΈν•΄λ³΄μ„Έμš”!

μ£Όμš” 업무

β€’
μ• λ„λ¦¬ν‹±μŠ€ μ›Ήμ•±(λŒ€μ‹œλ³΄λ“œ) 및 MMM μŠ€νŠœλ””μ˜€μ˜ ν”„λ‘ νŠΈμ—”λ“œ 섀계 및 κΈ°λŠ₯ κ΅¬ν˜„
β€’
λ””μžμΈνŒ€κ³Όμ˜ ν˜‘μ—…μ„ ν†΅ν•œ λ””μžμΈ μ‹œμŠ€ν…œμ˜ 섀계 및 κ΅¬ν˜„
β€’
λ””μžμ΄λ„ˆ, μ„ΈμΌμ¦ˆ, CSM λ“± ν•¨κ»˜ 일을 ν•˜λŠ” λΆ„λ“€μ˜ λŠ₯λ₯ μ„ λ†’μ—¬μ£ΌλŠ” λ‚΄λΆ€ 도ꡬ 개발
Frontend Team Lead μ°¬ν¬λ‹˜μ˜ 글을 μ°Έκ³ ν•΄λ³΄μ„Έμš”!
7λ…„μ§Έ λŒμ•„κ°€λŠ” μ„œλΉ„μŠ€, μ–΄λ–»κ²Œ μƒˆλ‘œ μ§œμ•Όν• κΉŒμš”?
μ‚΄κΈ° μœ„ν•œ μ—”μ§€λ‹ˆμ–΄λ§, κ·Έ λ„ˆλ¨Έλ‘œ λ‚˜μ•„κ°€λ €λ©΄
https://hiddenest.dev/refactoring-7-year-service

자격 μš”κ±΄

β€’
3λ…„ μ΄μƒμ˜ ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžλ‘œμ„œμ˜ 싀무 κ²½ν—˜
β€’
React, TypeScript 기반의 μ›Ή μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜ 개발 κ²½ν—˜
β€’
μ΅œμ‹  기술 및 νŠΈλ Œλ“œμ— κ΄€ν•œ λΉ λ₯Έ 이해와 μŠ΅λ“λ ₯
β€’
λ‹€λ₯Έ 직ꡰ의 λ™λ£Œλ“€κ³Ό ν•¨κ»˜ κ³ λ―Όν•˜κ³  해결책을 μ°Ύμ•„λ‚˜κ°ˆ 수 μžˆλŠ” λŠ₯λ ₯
β€’
μ˜€λ²„μ—”μ§€λ‹ˆμ–΄λ§κ³Ό μ–Έλ”μ—”μ§€λ‹ˆμ–΄λ§ μ‚¬μ΄μ—μ„œ μ΅œμ„ μ˜ ν•΄κ²° 방법을 μ°ΎλŠ” λŠ₯λ ₯

μš°λŒ€ 사항

β€’
D3 등을 μ‚¬μš©ν•œ 데이터 μ‹œκ°ν™” λ˜λŠ” ν”„λ‘ νŠΈμ—”λ“œ ν…ŒμŠ€νŒ… κ΄€λ ¨ κ²½ν—˜
β€’
μœ κ΄€λΆ€μ„œμ™€μ˜ ν˜‘μ—…, μΈν•˜μš°μŠ€ 툴 개발 λ“± 업무 νš¨μœ¨μ„± μ¦λŒ€μ™€ κ΄€λ ¨ν•œ κ²½ν—˜
β€’
Next.js, Remix λ“± μ„œλ²„ 슀트리밍 및 μ„œλ²„ μ‚¬μ΄λ“œ λ Œλ”λ§(SSR) κ²½ν—˜
β€’
λ―Έλ €ν•œ μ‚¬μš©μž κ²½ν—˜μ— λŒ€ν•œ κΉŠμ€ 관심
β€’
μ›Ή ν‘œμ€€κ³Ό μ›Ή 접근성을 μ€€μˆ˜ν•˜λŠ” UI κ°œλ°œμ— λŒ€ν•œ κΉŠμ€ 관심

근무 ν™˜κ²½

1.
업무 효율과 생산성을 높이기 μœ„ν•΄ μ•„λ‚Œμ—†μ΄ μ§€μ›ν•©λ‹ˆλ‹€
β€’
μ½”μ–΄ μ›Œν‚Ή νƒ€μž„ 기반의 선택적 κ·Όλ‘œμ‹œκ°„μ œ 운영
β€’
자유둭고 λ‹€μ–‘ν•œ νœ΄κ°€ μ œλ„ 운영 (반반차 νœ΄κ°€ 및 생일 νœ΄κ°€, μΆœμ‚° 검진 νœ΄κ°€ λ“±)
β€’
3λ…„ Β· 5λ…„ Β· 7λ…„ 만근 μ‹œ μœ κΈ‰ λ¦¬ν”„λ ˆμ‹œ νœ΄κ°€ 제곡
β€’
μ•Όκ·Ό μ‹œ 식비 및 ꡐ톡비 지원
β€’
κ³ μ‚¬μ–‘μ˜ μž₯λΉ„ 지원(MacBook Pro, 고사양 λͺ¨λ‹ˆν„°, ν‚€λ³΄λ“œ Β· 마우슀 κΈ°κΈ° 선택 κ°€λŠ₯)
2.
κ΅¬μ„±μ›μ˜ 주도적인 μ„±μž₯이 AB180의 μ„±μž₯으둜 이어진닀고 λ―ΏμŠ΅λ‹ˆλ‹€
β€’
κ°•μ˜, μ„Έλ―Έλ‚˜, μ™ΈλΆ€ ꡐ윑, κ΅­λ‚΄μ™Έ 컨퍼런슀 λ“± μ°Έκ°€λΉ„ 지원
β€’
λ„μ„œ κ΅¬μž…λΉ„ 지원
β€’
체계적인 μ˜¨λ³΄λ”© 컀리큘럼과 μ‹ κ·œ μž…μ‚¬μž λ©˜ν† λ§ 운영
β€’
Product Research, Success Case Study, Knowledge Transfer λ“± 전사적 Β· νŒ€λ³„λ‘œ λ‹€μ–‘ν•œ 지식 곡유 ν”„λ‘œκ·Έλž¨ 운영
3.
κ΅¬μ„±μ›μ˜ μ˜κ²¬μ„ μˆ˜λ ΄ν•˜κ³  더 λ‚˜μ€ λ°©ν–₯으둜 λ‚˜μ•„κ°€κΈ° μœ„ν•œ Open Cultureλ₯Ό 지ν–₯ν•©λ‹ˆλ‹€
β€’
직무에 μ œν•œ 없이 λˆ„κ΅¬λ‚˜ ν”„λ‘œλ•νŠΈ κ°œμ„ μ— μ˜κ²¬μ„ λ‚Ό 수 μžˆλŠ” 아이디어 파크 운영
β€’
λͺ¨λ“  ꡬ성원이 λͺ¨μ—¬ 회고λ₯Ό λ‚˜λˆ„κ³  비전을 κ³΅μœ ν•˜λŠ” νƒ€μš΄ν™€ λ―ΈνŒ… & Airbase 진행
β€’
업무 ν™˜κ²½ Β· 쑰직 λ¬Έν™” κ°œμ„ μ— λŒ€ν•΄ 자유둭게 κ±΄μ˜ν•˜κ³ , ꡬ체적으둜 λŒ€μ±…μ΄ λ…Όμ˜λ˜λŠ” μ˜€ν”ˆ μ„œλ² μ΄ μƒμ‹œ 운영
4.
κ·Έμ™Έ λ‹€μ–‘ν•œ ν˜œνƒκ³Ό 볡지λ₯Ό μ†Œκ°œν•©λ‹ˆλ‹€
β€’
강남역 9번 좜ꡬ 3λΆ„ 거리의 μ΄ˆνŠΉκΈ‰ μ—­μ„ΈκΆŒ 사무싀
β€’
μŠ€λ‚΅λ°”, μ»€ν”Όγƒ»νƒ„μ‚°μˆ˜ λ¨Έμ‹  μ„€μΉ˜ 운영
β€’
λΌμš΄μ§€, λ―ΈνŒ…λ£Έ, ν°λΆ€μŠ€ λ“± κ³΅μš©κ³΅κ°„ Β· νœ΄κ²Œκ³΅κ°„ μ™„λΉ„
β€’
μ€‘μ†ŒκΈ°μ—…μ²­λ…„ μ†Œλ“μ„Έ 감면 ν˜œνƒ 적용 κ°€λŠ₯
AB180 문화와 볡지
AB180의 μΈμž¬μƒ

ν•©λ₯˜ ν”„λ‘œμ„ΈμŠ€

μ„œλ₯˜ μ „ν˜•

μž…μ‚¬μ§€μ›μ„œμ— GitHub 링크λ₯Ό λ‹΄μ•„μ„œ μ§€μ›ν•΄μ£Όμ„Έμš”.

μ½”λ”© ν…ŒμŠ€νŠΈ

직무 적합 μ—¬λΆ€λ₯Ό νŒλ‹¨ν•˜κΈ° μœ„ν•΄ 사전 μ½”λ”© ν…ŒμŠ€νŠΈλ₯Ό μ§„ν–‰ν•΄μš”. μ½”λ”© ν…ŒμŠ€νŠΈλŠ” 3μ‹œκ°„ 내에 μš”κ΅¬ 사항을 λ§Œμ‘±ν•˜λŠ” μ»΄ν¬λ„ŒνŠΈλ₯Ό 단계 λ³„λ‘œ κ΅¬ν˜„ν•˜λŠ” 문제둜 κ΅¬μ„±λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

1μ°¨ 인터뷰

μ½”λ”©ν…ŒμŠ€νŠΈ κ²°κ³Όλ¬Ό μ‹œμ—° 및 리뷰λ₯Ό μ§„ν–‰ν•˜κ³ , 제좜 μ„œλ₯˜λ₯Ό 기반으둜 기술+κ²½ν—˜κ³Ό κ΄€λ ¨λœ μ§ˆλ¬Έλ“€μ„ λ“œλ €μš”.

2μ°¨ 인터뷰

νšŒμ‚¬ 업무 및 λ¬Έν™” 적합도 등을 νŒλ‹¨ν•˜κΈ° μœ„ν•΄ κ΄€λ ¨λœ μ§ˆλ¬Έλ“€μ„ λ“œλ €μš”.

μž…μ‚¬ ν˜‘μ˜

μž…μ‚¬ 쑰건을 ν˜‘μ˜ν•˜κ³  μž…μ‚¬λ₯Ό ν™•μ •ν•΄μš”.
* μž…μ‚¬ ν˜‘μ˜κ°€ μ’…λ£Œλ˜λŠ” μ‹œμ κΉŒμ§€ μ΅œλŒ€ ν•œ 달 μ •λ„μ˜ μ‹œκ°„μ΄ 걸릴 수 μžˆμŠ΅λ‹ˆλ‹€. * κ²°κ³ΌλŠ” 1주일 μ΄λ‚΄λ‘œ 메일을 톡해 ν™•μΈν•˜μ‹€ 수 있고, μ§€μ—°λ˜λŠ” 경우 κ°œλ³„μ μœΌλ‘œ μ—°λ½λ“œλ¦½λ‹ˆλ‹€. * 직무 λ˜λŠ” 상황에 따라 μ ˆμ°¨μ— 변동이 λ°œμƒν•  수 μžˆμŠ΅λ‹ˆλ‹€. * λ‹€μˆ˜μ˜ μ±„μš© ν”Œλž«νΌμ—μ„œ daum/hanmail/kakao 도메인 이메일 κ³„μ •μ˜ μˆ˜μ‹ μ΄ μ›ν™œν•˜μ§€ μ•Šμ€ κ²½μš°κ°€ λ°œμƒν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ•ˆμ •μ μΈ μ§€μ›μ„œ 등둝을 μœ„ν•΄, μ–ΈκΈ‰ν•œ 도메일 μ΄μ™Έμ˜ 이메일 계정을 μ΄μš©ν•΄μ£Όμ„Έμš”. * AB180은 μ‚°μ—…κΈ°λŠ₯μš”μ› λ³‘μ—­μ§€μ •μ—…μ²΄λ‘œ, ν˜„μ—­ μ‚°μ—…κΈ°λŠ₯μš”μ› 전직, 보좩역 μ‚°μ—…κΈ°λŠ₯μš”μ› μ‹ κ·œ νŽΈμž…/전직이 κ°€λŠ₯ν•©λ‹ˆλ‹€.

μ§€κΈˆ λ°”λ‘œ μ§€μ›ν•˜κΈ°β†’

더 μ•Œμ•„λ³΄κΈ°

AB180 ν”„λ‘ νŠΈμ—”λ“œ νŒ€μ€ μ΄λ ‡κ²Œ μΌν•΄μš”
Inside AB180 #3 : Front-End μ—”μ§€λ‹ˆμ–΄ μ΄μ°¬ν¬λ‹˜ 인터뷰
A5. 'ν”„λ‘ νŠΈμ—”λ“œμ˜ 꽃'이라고 ν•  수 μžˆλŠ” μš”μ†Œλ“€μ„ λͺ¨λ‘ κ²½ν—˜ν•  수 μžˆλ‹€λŠ” 점이 νŠΉμ§•μ΄λΌκ³  μƒκ°ν•©λ‹ˆλ‹€.μ €λŠ” 'ν”„λ‘ νŠΈμ—”λ“œ' λŠ” 크게 UI/UX, ν…ŒμŠ€νŠΈ, μ‹œκ°ν™”, 섀계 및 μ΅œμ ν™”μ˜ λ„€ λΆ„μ•Όλ‘œ λ‚˜λ‰œλ‹€κ³  λ΄…λ‹ˆλ‹€. AB180의 ν”„λ‘ νŠΈμ—”λ“œ 개발자, 특히 λŒ€μ‹œλ³΄λ“œλ₯Ό λ§Œλ“œλŠ” μ‚¬λžŒλ“€μ€ μœ„μ˜ λ„€ 가지λ₯Ό λͺ¨λ‘ ν•΄λ‚Ό 수 μžˆμ–΄μ•Όν•©λ‹ˆλ‹€. λ˜ν•œ, 각각의 μ»΄ν¬λ„ŒνŠΈλ‚˜ μŠ€νƒ€μΌ 관리, μƒνƒœ 관리(state manage)κ°€ ꡉμž₯히 λ³΅μž‘ν•©λ‹ˆλ‹€.
http://abit.ly/inside_ab180_3_frontend
Inside AB180 #4 : μ—μ–΄λΈŒλ¦Ώμ§€ ν”„λ‘ νŠΈμ—”λ“œλŠ” μ΄λ ‡κ²Œ μΌν•œλ‹€
λ³Έ κΈ€μ—μ„œλŠ” μ—μ–΄λΈŒλ¦Ώμ§€μ˜ ν”„λ‘ νŠΈμ—”λ“œ νŒ€μ΄ μ–΄λ–»κ²Œ μΌν•˜κ³  μžˆλŠ”μ§€ κΈ°μˆ μŠ€νƒ, ν…ŒμŠ€νŒ…, 둜그 μˆ˜μ§‘ 및 λͺ¨λ‹ˆν„°λ§, CI/CD, ν˜‘μ—…, μ½”λ“œλ¦¬λ·° 및 회고, B2B λŒ€μ‹œλ³΄λ“œ 개발 νŠΉμ΄μ„± - 7가지 λΆ„μ•Όλ‘œ λ‚˜λˆ„μ–΄ μ•„μ£Ό μƒμ„Ένžˆ μ†Œκ°œν•΄λ“œλ¦΄ μ˜ˆμ •μž…λ‹ˆλ‹€. λ“€λ €λ“œλ¦¬κ³  싢은 이야기가 μ•„~~μ£Ό λ§ŽμœΌλ‹ˆ, ν˜„μž¬ ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžμ΄μ‹œκ±°λ‚˜ ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμ— 관심이 μžˆμœΌμ‹œλ‹€λ©΄ μ•„μ£Ό ν₯미둭게 μ‚΄νŽ΄λ³Ό 수 μžˆμœΌμ‹€κ±°μ—μš” πŸ‘€βœ¨
http://abit.ly/inside_ab180_4_how_work_fe
AB180 - μœ μŠΉμ—° κ°œλ°œμžλ‹˜ (ν”„λ‘ νŠΈμ—”λ“œ ν¬μ§€μ…˜)
개발자 컀리어 점프 [점핏]! 개발자λ₯Ό μœ„ν•œ 직무 이야기λ₯Ό μ „ν•΄λ“œλ¦½λ‹ˆλ‹€. ☺️
https://team.jumpit.co.kr/73afa317-f33c-456f-8a09-d042984f791a
이런 기술적 문제λ₯Ό ν’€κ³  μžˆμ–΄μš”
Webpack β†’ Vite: λ²ˆλ“€λŸ¬ λ§ˆμ΄κ·Έλ ˆμ΄μ…˜ 이야기
νŒ€μ›λ“€λ„ λΉ λ₯Έ 개발 λΉŒλ“œ 속도에 λ§Œμ‘±ν•œλ‹€λŠ” μ˜κ²¬μ„ 많이 μ£Όμ—ˆμŠ΅λ‹ˆλ‹€. 특히, λΉŒλ“œ 섀정을 μ‰½κ²Œ ν•  수 μžˆλ‹€λ³΄λ‹ˆ νŒ€μ›λ“€μ΄ 더 λ§Žμ€ μ‹œλ„λ₯Ό ν•˜κΈ° μ‹œμž‘ν•œ 것도 μ’‹μ•˜μŠ΅λ‹ˆλ‹€. μ„€μ • 파일이 쉽고 ν…œν”Œλ¦Ώμ²˜λŸΌ λ§Œλ“€ 수 μžˆλ‹€λŠ” 점이 정말 큰 것 κ°™μ•˜μŠ΅λ‹ˆλ‹€. 이λ₯Ό ν™œμš©ν•΄ λͺ©μ μ— νŠΉν™”λœ λΉŒλ“œ ν™˜κ²½μ„ κ΅¬μ„±ν•˜κ±°λ‚˜(μœ λ‹› / E2E ν…ŒμŠ€νŠΈ λ“±), μŠ¬λž™ 봇에 연동해 ν…ŒμŠ€νŠΈ ν™˜κ²½μ„ 생성할 수 있게 λ˜μ—ˆμŠ΅λ‹ˆλ‹€.
https://engineering.ab180.co/stories/webpack-to-vite
μ ‘ν˜€μ§„ 아코디언은 검색할 수 μ—†λ‚˜μš”?
μ ‘κ·Όμ„±κ³Ό μ• λ‹ˆλ©”μ΄μ…˜μ„ ν¬κΈ°ν•˜μ§€ μ•ŠλŠ” UIλ₯Ό λ§Œλ“€ 수 μžˆμ„κΉŒ?
https://hiddenest.dev/accessible-accordion

지원과 κ΄€λ ¨ν•œ λ¬Έμ˜μ‚¬ν•­μ΄ μžˆλ‹€λ©΄ recruit@ab180.co 으둜 νŽΈν•˜κ²Œ 연락 λΆ€νƒλ“œλ¦½λ‹ˆλ‹€

← 메인 νŽ˜μ΄μ§€λ‘œ λŒμ•„κ°€κΈ°