# Search FE ![Search FE에서 하는 일](/files/-MhwgkI0eJ4Cc0r7gWc1) #### 네이버 통합 검색 FE의 품질관리를 하고 공통 모듈을 개발합니다. * 네이버 검색 서비스 FE 공통 영역을 관리합니다. * 통합검색, 동영상 검색, VIEW 검색 등 컬렉션 영역과 공통 모듈을 개발하고 성능 개선 및 품질 관리를 담당합니다. * 그린닷/통합검색으로부터 진입하는 인식&주제 검색 서비스를 담당합니다. #### 검색 결과를 콘텐츠로 연결하는 인터랙티브한 UI를 개발합니다. * 검색 시 기대하는 정보를 쉽고 편리하게 이용할 수 있도록 제공하고 다양한 서비스와 연결해 줍니다. * 인물정보, 선거, 스포츠(월드컵, 올림픽) 등의 생활 속에서 접하는 대부분의 정보를 다룹니다. * 모바일 검색 사용자의 좀 더 나은 편의와 다양한 경험을 주고자 FE의 기술적인 고민과 시도를 합니다. #### 다양한 사용자들을 위한 글로벌 검색 FE를 개발합니다. * 한국을 넘어 라인을 사용하는 글로벌 사용자를 위한 검색 FE를 담당합니다. * 검색을 통해 라인의 기능을 편리하게 이용할 수 있으며 다양한 라인 서비스들과의 연결고리 역할을 합니다. * 많은 국가를 대상으로 안정적인 서비스 제공과 동일한 사용자 경험을 목표로 합니다. * 국가별로 필요한 기능들을 개발하여 현지화에 힘쓰면서 다양한 기능을 앱 버전 간에 안정적으로 관리할 수 있는 합리적인 구조를 고민합니다. #### 매일 3000만 유저가 경험하는 오픈소스를 개발합니다. * 수많은 서비스에서 이미 사용하고 있는 오픈소스 UI 컴포넌트 egjs를 개발합니다. * 주기적으로 기술문서를 작성하고 사내 교육/기술 세미나를 열어 FE 엔지니어의 성장을 위해 노력합니다. * 사용자에게 나은 경험을 줄 수 있는 기술 리서치를 통해 서비스의 가치를 높입니다. ### 조직 문화 * 기본적인 제도는 있지만 언제나 개선할 부분은 제안하고 지속적으로 조금씩 발전하며 제도는 변화합니다. * 온라인 티타임으로 조직의 누구든 원하는 사람과 다양한 주제로 멀지만 가깝게 대화하고 논의할 수 있습니다. * 팀 월간 기술 공유를 통해 팀에 기술적 관심사를 공유하며 논의하고 , 전문가를 모셔 네이버 FE 개발자들에게 FE 개발의 경험을 공유하는 FE devtalk을 운영합니다. 또한, 우리의 경험을 고도화하고 정리하여 많은 FE 개발자와 같이 성장하고자 블로그, d2, deview 등에 나눕니다. * 검색 서비스의 효과적인 개발을 위해서 지속적으로 개발 환경을 고도화하며 하나의 기술보다 지속적으로 나은 기술을 찾고 조금씩 개선하면서 서비스에 적용하여 변화를 만듭니다. * 지금 필요하지 않더라도 더 나은 방향을 위해 미래 기술도 지속적으로 리서치하여 결과물을 만들고 있습니다. ### 이런 일을 하고 있습니다. #### 발표 * [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=\¤tPage=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=\¤tPage=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) ## **함께 할 분을 모십니다.** {% tabs %} {% tab title="FE System" %} ### 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 경험 {% 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 %} #### **:: 본 직무에 관심있다면? 아래 NDTI 간단 이력서만 남겨주세요!** :writing\_hand: {% embed url="" %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://naver-career.gitbook.io/kr/service/search/reliability-platform/search-fe.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.