Search FE¶
네이버 통합 검색 FE의 품질관리를 하고 공통 모듈을 개발합니다.¶
- 네이버 검색 서비스 FE 공통 영역을 관리합니다.
- 통합검색, 동영상 검색, VIEW 검색 등 컬렉션 영역과 공통 모듈을 개발하고 성능 개선 및 품질 관리를 담당합니다.
- 그린닷/통합검색으로부터 진입하는 인식&주제 검색 서비스를 담당합니다.
검색 결과를 콘텐츠로 연결하는 인터랙티브한 UI를 개발합니다.¶
- 검색 시 기대하는 정보를 쉽고 편리하게 이용할 수 있도록 제공하고 다양한 서비스와 연결해 줍니다.
- 인물정보, 선거, 스포츠(월드컵, 올림픽) 등의 생활 속에서 접하는 대부분의 정보를 다룹니다.
- 모바일 검색 사용자의 좀 더 나은 편의와 다양한 경험을 주고자 FE의 기술적인 고민과 시도를 합니다.
다양한 사용자들을 위한 글로벌 검색 FE를 개발합니다.¶
- 한국을 넘어 라인을 사용하는 글로벌 사용자를 위한 검색 FE를 담당합니다.
- 검색을 통해 라인의 기능을 편리하게 이용할 수 있으며 다양한 라인 서비스들과의 연결고리 역할을 합니다.
- 많은 국가를 대상으로 안정적인 서비스 제공과 동일한 사용자 경험을 목표로 합니다.
- 국가별로 필요한 기능들을 개발하여 현지화에 힘쓰면서 다양한 기능을 앱 버전 간에 안정적으로 관리할 수 있는 합리적인 구조를 고민합니다.
매일 3000만 유저가 경험하는 오픈소스를 개발합니다.¶
- 수많은 서비스에서 이미 사용하고 있는 오픈소스 UI 컴포넌트 egjs를 개발합니다.
- 주기적으로 기술문서를 작성하고 사내 교육/기술 세미나를 열어 FE 엔지니어의 성장을 위해 노력합니다.
- 사용자에게 나은 경험을 줄 수 있는 기술 리서치를 통해 서비스의 가치를 높입니다.
조직 문화¶
- 기본적인 제도는 있지만 언제나 개선할 부분은 제안하고 지속적으로 조금씩 발전하며 제도는 변화합니다.
- 온라인 티타임으로 조직의 누구든 원하는 사람과 다양한 주제로 멀지만 가깝게 대화하고 논의할 수 있습니다.
- 팀 월간 기술 공유를 통해 팀에 기술적 관심사를 공유하며 논의하고 , 전문가를 모셔 네이버 FE 개발자들에게 FE 개발의 경험을 공유하는 FE devtalk을 운영합니다. 또한, 우리의 경험을 고도화하고 정리하여 많은 FE 개발자와 같이 성장하고자 블로그, d2, deview 등에 나눕니다.
- 검색 서비스의 효과적인 개발을 위해서 지속적으로 개발 환경을 고도화하며 하나의 기술보다 지속적으로 나은 기술을 찾고 조금씩 개선하면서 서비스에 적용하여 변화를 만듭니다.
- 지금 필요하지 않더라도 더 나은 방향을 위해 미래 기술도 지속적으로 리서치하여 결과물을 만들고 있습니다.
이런 일을 하고 있습니다.¶
발표¶
- 16년 네이버의 모던 웹 라이브러리
- 17년 밑바닥부터 시작하는 360 뷰어
- 19년 React, Angular, Vue를 한 번에 지원하기 위한 설계 (Cross Framework Component)
- 20년 WebXR API를 이용한 웹 AR 개발, 그 한계와 대안
- 20년 성능개선 뛰어들기 (고전적 SSR 성능개선)
- 20년 egjs 오픈 서커스 오신것을 환영합니다. (InfiniteGrid, Flicking 등 오픈소스를 활용한 아이폰 화면 구현)
- 21년 Front-end Engineering for Building an Immersive Experience in Search
- 21년 네이버 검색의 Server Driven UI - LAPIN
- 21년 React, Vue, Svelte… 변화하는 프레임워크 속에서 컴포넌트 발전하기
인터뷰/기사¶
- [네피셜] 프론트엔드 개발자가 궁금하다고? 네이버 검색팀 찐(?) 주니어가 썰 푼다.txt
- [네피셜] 흔한 네이버 주니어 직원이 FE개발자로 성장하는, 그런 story
- [데뷰2017] 네이버, 밑바닥부터 시작한 ‘360도 뷰어’ 어떻게 개발했나
- 21년 웹에서 뛰노는 실감콘텐츠 ‘웹XR’의 개선점과 한계는?
- 21년 [네이버 어벤저스] 네이버 안에서 3D 세계여행을?…‘웹 XR’이 온다
기술 공유
- AngularJS 도입 선택 가이드 공개합니다.
- React 적용 가이드1, 적용 가이드2
- jQuery 애니메이션은 어떻게 작동하는가? 기본 편, 심화 편 , 응용 편, jQuery는 이벤트를 어떻게 처리하는가?
- 하드웨어 가속에 대한 이해와 적용
- eg.InfiniteGrid ,eg.Axes, eg.InfiniteGrid 3.0
- User-Agent Client Hints의 도입, UA 프리징을 대비하라
- WebXR Device API를 이용한 웹 AR 구현, 그 한계와 대안 - 이론 편
- WebXR Device API를 이용한 웹 AR 구현, 그 한계와 대안 - 실전 편
링크
함께 할 분을 모십니다.¶
FE System¶
입사하게 되면 담당할 업무입니다.¶
- 네이버 검색 서비스 Front-end 개발
- 동영상/이미지/뮤직/쇼핑/인플러언서/VIEW/지식iN 등 컬렉션 개발
- 스마트렌즈/스마트어라운드 서비스 개발
- 검색 전반에 대한 성능 개선 및 품질 관리
- 네이버 검색 서비스 전반에 필요한 공통 모듈 개발
업무를 수행하기 위해 필요한 자격 요건입니다.¶
- HTML, CSS, ES5+, TypeScript 개발 경험
- webpack/Babel 도구 설정 및 사용 경험
- Node.js (SSR) 개발/운영 개발 경험
- 협업을 위한 커뮤니케이션과 학습에 대해 열린 자세
추가로 보유하고 있다면 좋을 스킬셋이나 경험입니다.¶
- 다양한 사용자 환경 대응을 위한 개발 및 디버깅 역량
- React, Vue, Angular 등 Modern Framework 개발 역량
- Node.js 또는 Kubernetes 클러스터 운영 경험
- 외부 Open Source Contribution 경험
FE Application¶
입사하게 되면 담당할 업무입니다.¶
- 지식베이스 데이터를 활용한 다양한 주제의 Front-end 개발을 담당합니다.
- Node.js+React 기반의 SSR+CSR(Server Driven UI System) 서버를 개발/운영합니다.
- 생산성 향상을 위한 공통 UI/UX 모듈을 개발/운영합니다.
업무를 수행하기 위해 필요한 자격 요건입니다.¶
- HTML, CSS, ES5+, TypeScript에 대한 이해와 개발 경험
- 다양한 사용자 환경 대응을 위한 개발 및 디버깅 역량 보유
- 협업을 위한 커뮤니케이션과 학습에 대해 열린 자세
- 자신의 기술과 경험을 잘 나눌 수 있으신 분
추가로 보유하고 있다면 좋을 스킬셋이나 경험입니다.¶
- Vue, React, Angular 등 Modern Framework 개발 경험
- Node.js 기반의 SSR서버 개발 경험
- webpack 과 같은 빌드 도구 설정 및 사용 경험
- k8s 기반 서비스 배포/운영 경험
- UX/UI 기술에 대한 지속적인 관심
FE Global¶
입사하게 되면 담당할 업무입니다.¶
- 라인 검색 서비스 Front-end 개발
- 모든 라인 검색 결과 영역을 개발합니다.
- 지식베이스 데이터를 활용하여 다양한 주제 개발을 담당합니다.
- 라인 검색에 필요한 다양한 모듈을 개발합니다.
업무를 수행하기 위해 필요한 자격 요건입니다.
- Front-end 개발 경험이 있으신 분
- ES5+ / TypeScript 개발 경험이 있으신 분
- Webpack / Babel / Lint 등을 이용한 개발 환경 구성 및 개발 경험이 있으신 분
- 브라우저의 구조 및 동작 원리를 잘 이해하시는 분
추가로 보유하고 있다면 좋을 스킬셋이나 경험입니다.
- Vue, React, Angular 등 framework 개발 경험이 있으신 분
- Node.js 등 server-side 개발 경험이 있으신 분
- 성능 개선, 자동화, Testing 기술 경험이 있으신 분
- 자신의 경험을 잘 나눌 수 있는 개발자
- 동료와 협업하면서 업무를 함께 진행할 수 있는 개발자
- 자기주도적으로 업무를 진행하시는 분
FE Solution¶
입사하게 되면 담당할 업무입니다.¶
- UI Component 오픈소스인 egjs 라이브러리를 개발합니다.
- Data 기반의 자동 UI 개발 플랫폼을 개발합니다.
- A/B Testing Platform의 Portal과 Traffic Assign을 개발합니다.
- FE 기술 지원을 하며 기술 공유를 합니다.
업무를 수행하기 위해 필요한 자격 요건입니다.¶
- HTML, CSS, ES5+, TypeScript에 대한 이해와 개발 경험
- ES5+ / TypeScript 개발 경험이 있으신 분
- Webpack / Babel / Lint 등을 이용한 개발 환경 구성 및 개발 경험이 있으신 분
- 브라우저의 구조 및 동작 원리를 잘 이해하시는 분
- 문제를 해석하고 정의해서 해결할 수 있는 분
추가로 보유하고 있다면 좋을 스킬셋이나 경험입니다.¶
- Docker/K8S 등 클라우드 개발 경험
- 새로운 경험의 어색함을 즐기는 분
- self-motivation을 가능한 분
