# Search FE

![Search FE에서 하는 일](https://3360715702-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXlYqHAZoTmO3t5Lqyc%2F-MhwfB-jFMRZ4nen1Pzk%2F-MhwgkI0eJ4Cc0r7gWc1%2F111.png?alt=media\&token=8d140401-5499-4f09-b8b2-52a8062dc074)

#### 네이버 통합 검색 FE의 품질관리를 하고 공통 모듈을 개발합니다.

* 네이버 검색 서비스 FE 공통 영역을 관리합니다.
* 통합검색, 동영상 검색, VIEW 검색 등 컬렉션 영역과 공통 모듈을 개발하고 성능 개선 및 품질 관리를 담당합니다.
* 그린닷/통합검색으로부터 진입하는 인식&주제 검색 서비스를 담당합니다.

#### 검색 결과를 콘텐츠로 연결하는 인터랙티브한 UI를 개발합니다.

* 검색 시 기대하는 정보를 쉽고 편리하게 이용할 수 있도록 제공하고 다양한 서비스와 연결해 줍니다.
* 인물정보, 선거, 스포츠(월드컵, 올림픽) 등의 생활 속에서 접하는 대부분의 정보를 다룹니다.
* 모바일 검색 사용자의 좀 더 나은 편의와 다양한 경험을 주고자 FE의 기술적인 고민과 시도를 합니다.

#### 다양한 사용자들을 위한 글로벌 검색 FE를 개발합니다.

* 한국을 넘어 라인을 사용하는 글로벌 사용자를 위한 검색 FE를 담당합니다.
* 검색을 통해 라인의 기능을 편리하게 이용할 수 있으며 다양한 라인 서비스들과의 연결고리 역할을 합니다.
* 많은 국가를 대상으로 안정적인 서비스 제공과 동일한 사용자 경험을 목표로 합니다.
* 국가별로 필요한 기능들을 개발하여 현지화에 힘쓰면서 다양한 기능을 앱 버전 간에 안정적으로 관리할 수 있는 합리적인 구조를 고민합니다.

#### 매일 3000만 유저가 경험하는 오픈소스를 개발합니다.

* 수많은 서비스에서 이미 사용하고 있는 오픈소스 UI 컴포넌트 egjs를 개발합니다.
* 주기적으로 기술문서를 작성하고 사내 교육/기술 세미나를 열어 FE 엔지니어의 성장을 위해 노력합니다.
* 사용자에게 나은 경험을 줄 수 있는 기술 리서치를 통해 서비스의 가치를 높입니다.

### 조직 문화

* 기본적인 제도는 있지만 언제나 개선할 부분은 제안하고 지속적으로 조금씩 발전하며 제도는 변화합니다.
* 온라인 티타임으로 조직의 누구든 원하는 사람과 다양한 주제로 멀지만 가깝게 대화하고 논의할 수 있습니다.
* 팀 월간 기술 공유를 통해 팀에 기술적 관심사를 공유하며 논의하고 , 전문가를 모셔 네이버 FE 개발자들에게 FE 개발의 경험을 공유하는 FE devtalk을 운영합니다. 또한, 우리의 경험을 고도화하고 정리하여 많은 FE 개발자와 같이 성장하고자  블로그, d2, deview 등에 나눕니다.
* 검색 서비스의 효과적인 개발을 위해서 지속적으로 개발 환경을 고도화하며 하나의 기술보다 지속적으로 나은 기술을 찾고  조금씩 개선하면서 서비스에 적용하여 변화를 만듭니다.
* 지금 필요하지 않더라도 더 나은 방향을 위해 미래 기술도 지속적으로 리서치하여 결과물을 만들고 있습니다.&#x20;

### 이런 일을 하고 있습니다.

#### 발표

* [16년 네이버의 모던 웹 라이브러리](https://deview.kr/2016/schedule#session/165)
* [17년 밑바닥부터 시작하는 360 뷰어](https://deview.kr/2017/schedule/204)
* [19년 React, Angular, Vue를 한 번에 지원하기 위한 설계 (Cross Framework Component)](https://deview.kr/2019/schedule/289)
* [20년 WebXR API를 이용한 웹 AR 개발, 그 한계와 대안](https://deview.kr/2020/sessions/361)
* [20년 성능개선 뛰어들기 (고전적 SSR 성능개선)](https://deview.kr/2020/sessions/346)
* [20년 egjs 오픈 서커스 오신것을 환영합니다. (InfiniteGrid, Flicking 등 오픈소스를 활용한 아이폰 화면 구현)](https://deview.kr/2020/sessions/400)
* [21년 Front-end Engineering for Building an Immersive Experience in Search](http://naversearchconf.naver.com/)
* [21년 네이버 검색의 Server Driven UI - LAPIN](https://deview.kr/2021/sessions/454)
* [21년 React, Vue, Svelte… 변화하는 프레임워크 속에서 컴포넌트 발전하기](https://deview.kr/2021/sessions/499)

#### **인터뷰/기사**

* [\[네피셜\] 프론트엔드 개발자가 궁금하다고? 네이버 검색팀 찐(?) 주니어가 썰 푼다.txt](https://blog.naver.com/PostView.naver?blogId=naver_diary\&logNo=222152975866\&categoryNo=95\&parentCategoryNo=0\&viewDate=\&currentPage=2\&postListTopCurrentPage=1\&from=postView\&userTopListOpen=true\&userTopListCount=5\&userTopListManageOpen=false\&userTopListCurrentPage=2)
* [\[네피셜\] 흔한 네이버 주니어 직원이 FE개발자로 성장하는, 그런 story](https://blog.naver.com/PostView.naver?blogId=naver_diary\&logNo=222161368947\&categoryNo=95\&parentCategoryNo=0\&viewDate=\&currentPage=2\&postListTopCurrentPage=1\&from=postView\&userTopListOpen=true\&userTopListCount=5\&userTopListManageOpen=false\&userTopListCurrentPage=2)
* [\[데뷰2017\] 네이버, 밑바닥부터 시작한 ‘360도 뷰어’ 어떻게 개발했나](http://m.ddaily.co.kr/m/m_article/?no=161212)
* [21년 웹에서 뛰노는 실감콘텐츠 ‘웹XR’의 개선점과 한계는?](https://n.news.naver.com/mnews/article/138/0002102997?sid=001)
* [21년 \[네이버 어벤저스\] 네이버 안에서 3D 세계여행을?…‘웹 XR’이 온다](https://news.naver.com/main/read.nhn?mode=LSD\&mid=shm\&sid1=105\&oid=138\&aid=0002103040)

**기술 공유**

* [AngularJS 도입 선택 가이드 공개합니다.](http://d2.naver.com/helloworld/1172239)
* React [적용 가이드1](http://d2.naver.com/helloworld/9297403), [적용 가이드2](http://d2.naver.com/helloworld/1848131)
* jQuery 애니메이션은 어떻게 작동하는가? [기본 편](http://d2.naver.com/helloworld/0265052), [심화 편](http://d2.naver.com/helloworld/4424601) , [응용 편](http://d2.naver.com/helloworld/9323973), jQuery는 [이벤트를 어떻게 처리하는가?](http://d2.naver.com/helloworld/1855209)
* [하드웨어 가속에 대한 이해와 적용](http://d2.naver.com/helloworld/2061385)
* [eg.InfiniteGrid](http://d2.naver.com/helloworld/4874130) ,[eg.Axes](https://d2.naver.com/helloworld/0590136),  [eg.InfiniteGrid 3.0](https://d2.naver.com/helloworld/0637045)
* [User-Agent Client Hints의 도입, UA 프리징을 대비하라](https://d2.naver.com/helloworld/6532276)
* [WebXR Device API를 이용한 웹 AR 구현, 그 한계와 대안 - 이론 편](https://d2.naver.com/helloworld/0527763)
* [WebXR Device API를 이용한 웹 AR 구현, 그 한계와 대안 - 실전 편](https://d2.naver.com/helloworld/0189619)

**링크**

* [egjs 오픈소스](http://naver.github.io/egjs/)
* [기술 블로그](https://medium.com/naver-fe-platform)
* [기술 행사](https://github.com/NAVER-FEPlatform/FEDevtalk)&#x20;

## **함께 할 분을 모십니다.**

{% tabs %}
{% tab title="FE System" %}

### FE System

#### 입사하게 되면 담당할 업무입니다.

* 네이버 검색 서비스 Front-end 개발
  * 동영상/이미지/뮤직/쇼핑/인플러언서/VIEW/지식iN 등 컬렉션 개발
  * 스마트렌즈/스마트어라운드 서비스 개발&#x20;
* 검색 전반에 대한 성능 개선 및 품질 관리
* 네이버 검색 서비스 전반에 필요한 공통 모듈 개발

#### 업무를 수행하기 위해 필요한 자격 요건입니다.

* HTML, CSS, ES5+, TypeScript 개발 경험
* webpack/Babel 도구 설정 및 사용 경험&#x20;
* Node.js (SSR) 개발/운영 개발 경험
* 협업을 위한 커뮤니케이션과 학습에 대해 열린 자세

#### 추가로 보유하고 있다면 좋을 스킬셋이나 경험입니다.

* 다양한 사용자 환경 대응을 위한 개발 및 디버깅 역량
* React, Vue, Angular 등 Modern Framework 개발 역량
* Node.js 또는 Kubernetes 클러스터 운영 경험
* 외부 Open Source Contribution 경험
  {% endtab %}

{% tab title="FE Application" %}

### FE Application

#### 입사하게 되면 담당할 업무입니다.

* [지식베이스](https://naver-career.gitbook.io/kr/service/search/knowledge-base) 데이터를 활용한 다양한 주제의 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 기술에 대한 지속적인 관심
  {% endtab %}

{% tab title="FE Global" %}

### FE Global

#### 입사하게 되면 담당할 업무입니다.

* 라인 검색 서비스 Front-end 개발
* 모든 라인 검색 결과 영역을 개발합니다.
* 지식베이스 데이터를 활용하여 다양한 주제 개발을 담당합니다.
* 라인 검색에 필요한 다양한 모듈을 개발합니다.

**업무를 수행하기 위해 필요한 자격 요건입니다.**

* Front-end 개발 경험이 있으신 분
* ES5+ / TypeScript 개발 경험이 있으신 분
* Webpack / Babel / Lint 등을 이용한 개발 환경 구성 및 개발 경험이 있으신 분
* 브라우저의 구조 및 동작 원리를 잘 이해하시는 분

**추가로 보유하고 있다면 좋을 스킬셋이나 경험입니다.**

* Vue, React, Angular 등 framework 개발 경험이 있으신 분
* Node.js 등 server-side 개발 경험이 있으신 분
* 성능 개선, 자동화, Testing 기술 경험이 있으신 분
* 자신의 경험을 잘 나눌 수 있는 개발자
* 동료와 협업하면서 업무를 함께 진행할 수 있는 개발자
* 자기주도적으로 업무를 진행하시는 분
  {% endtab %}

{% tab title="FE Solution" %}

### 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을 가능한 분
  {% endtab %}
  {% endtabs %}

#### <mark style="color:green;">**:: 본 직무에 관심있다면? 아래 NDTI 간단 이력서만 남겨주세요!**</mark> :writing\_hand:

{% embed url="<https://d2.naver.com/news/7591059>" %}
