One-Source Multi-Use, 스마트플레이스 일본 진출 작업기
엔지니어링데이 2025 네이버 · YouTube
AI 핵심 요약
스마트플레이스는 일본 진출 과정에서 업체 정보 관리 도메인과 화면 구성이 한국과 유사한 점을 활용해 하나의 코드베이스를 재사용했습니다. 국가별로 달라지는 운영 도구와 비즈니스 로직은 Presentational·Container 패턴으로 분리하고, 지역 선택 유틸과 국가별 디렉터리 구조로 확장 지점을 관리했습니다. 공용 컴포넌트의 작은 차이는 역할 중심의 함수를 주입해 처리했으며, 동적 import로 국가별 코드를 분리했습니다. Airport와 LS Manager를 활용한 번역 적용은 문구 수정 부담을 낮추고 코드 가독성을 높이는 방법으로 소개됐습니다.
- 화면 구조가 비슷한 기능은 Presentational 컴포넌트와 국가별 Container로 나누면 UI 재사용과 국가별 비즈니스 로직 분리를 함께 할 수 있습니다.
- 국가별 컴포넌트는 디렉터리와 파일로 구분하고, 공용 진입점에서 지역에 맞는 구현을 선택하면 사용하는 쪽의 국가 분기를 줄일 수 있습니다.
- 국가별 컴포넌트는 동적 import와 코드 스플리팅을 적용해 현재 지역에서 쓰지 않는 코드가 번들에 포함되는 일을 줄입니다.
- 공용 컴포넌트 안의 작은 국가별 차이는 지역별 구현을 주입하는 유틸로 추상화하고, 국가명이 아닌 역할 중심으로 함수 이름을 정합니다.
- 일본 전용 페이지에도 번역 키를 적용하면 코드의 의도를 파악하기 쉬워지고, LS Manager를 통해 기획자가 문구를 수정할 수 있습니다.
소개
- 네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY(10월)에서 발표되었던 세션을 공개합니다. ----- [발표자] 네이버 Glace CIC 최준수 님. - 최근에 스마트플레이스가 일본에 진출하면서 한국과 동일한 코드베이스를 사용하는 One-Source Multi-Use 방식을 사용했는데요, 이를 적용하기 위해 고민했던 포인트들을 공유합니다. [발표 내용] 1. 스마트플레이스 서비스 소개 2. One-source Multi-use를 위한 디자인패턴 3. One-source Multi-use를 위한 분기 - 국가분기 유틸 - 파일 구조 - 공용 컴포넌트에 국가특화로직 넣기 4. 국가별 번역적용 (Airport & LS Manager)
비슷한 학습 자료
컨퍼런스 DEVIEW 2023
하나의 코드로 React, Vue, Svelte 등 모든 프레임워크를 지원할 수 있는 CFCs Reactive
컨퍼런스 DAN 2024
지금까지 네이버 쇼핑은 비교 쇼핑의 사용자 가치를 충족시켜 왔지만, 구조적 한계로 인하여 시작은 네이버, 검색과 구매는 쇼핑, 결제와 배송조회는 페이로 쇼핑 경험이 3개의 서비스 영역으로 분산되어 있었습니다. 또한 스마트스토어 상품만 구매하고자 하는 충성 고객은 늘었지만, 전용 구매 채널은 부재하였습니다. 해당 세션에서는 이런 문제점을 해결하고 더 나은 쇼핑 경험을 제공하기 위하여 고민한 과정을 소개해 드리고, 네이버플러스 스토어에서 AI 기술을 기반으로 개인화된 혜택과 추천/전시를 강화한 쇼핑 서비스를 제공하기 위해 고민한 결과를 설계 관점에서 소개해 드립니다.
인공지능 기타 UI/UX 프로덕트 매니지먼트
컨퍼런스 DAN 2025
[팀네이버 컨퍼런스 DAN25] B2B를 위해 견고해진 WorksMCP 소개
컨퍼런스 DAN 2025
[팀네이버 컨퍼런스 DAN25] B2B를 위해 견고해진 WorksMCP 소개 본 세션에서는 B2B 시장에서 MCP 서버를 도입할 때 직면하는 주요 문제들에 대한 네이버 WORKS MCP의 해결 방안을 다룹니다. 비지니스 환경에서 요구되는 수준의 보안과 개인정보 보호를 만족시키면서도, 개발자 친화적인 커스터마이징 기능과 3rd Party 앱 연계를 통해 생태계를 확장하는 경험을 설명합니다. 또한 자체 개발한 Chain-protocol을 통해 컨텍스트 소모를 최소화하면서도 복잡한 비즈니스 로직을 처리할 수 있는 접근법을 공유합니다. 목차 1. B2B 시장에서 유용한 MCP 기능 - Streamable HTTP, remote 방식의 최신 Transport 이용 - SSO 기반 단일 인증으로, Works에 연계된 모든 endpoint로 확장 - 3rd Party 앱과 developer 앱에 custom api 등록 - 개인화된 Tool list / des...
AI에이전트 개발 보안
컨퍼런스 엔지니어링데이 2025
KMP 기반 UI 컴포넌트 통합 전략
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025(5월)에서 발표되었던 세션을 공개합니다. [발표 내용] 멀티플랫폼에 대응 가능한 밴드 디자인 시스템의 설계 및 구현 방식에 대해 소개하고, 밴드 안드로이드 팀에서 아이콘 리소스를 자동화하여 관리하는 방법에 대해서 공유합니다. [강의 대상] * 안드로이드 개발자 및 멀티플랫폼에 대한 관심이 있는 분 * 디자인 시스템에 관심이 있는 분 [목차] Episode 1 : 디자인 시스템, 개념에서 실전까지 Episode 2 : KMP, 진짜 실무에 쓸 수 있을까? Episode 3 : BDS 모듈에 KMP 적용하기 Episode 4 : 디자인 시스템 UI 컴포넌트, Maven으로 배포하기 Episode 5 : Figicon으로 아이콘 자동 동기화하기
프론트엔드 모바일 앱 개발
컨퍼런스 엔지니어링데이 2025
데이터는 흐른다, 연결될 준비가 되었다면
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025(5월)에서 발표되었던 세션을 공개합니다. [발표 내용] 유저 세그먼트를 손쉽게 정의하고, 이를 다양한 액션 채널(Braze, IDS, GAM 등)과 자동 연동할 수 있는 네이버 웹툰의 Cohort System을 소개합니다. 조건 기반 필터링, ML 모델 연동 등 다양한 방식으로 세그먼트를 만들고, 중복 제거 로직과 함께 효율적으로 활용할 수 있습니다. 시스템 구조와 기술 스택, 실제 마케팅 활용 사례까지 함께 공유하며, 데이터에서 인사이트, 나아가 액션까지의 연결을 어떻게 자동화했는지를 설명합니다. [강의 대상] * 데이터 엔지니어 / 백엔드 엔지니어: 데이터 흐름 자동화, 시스템 구조에 관심 있는 분 * ML 엔지니어 / 데이터 사이언티스트: ML 결과를 실시간 타겟팅에 적용하고 싶은 분 * 마케터 / PM: 타겟 유저 추출과 액션 전환까지의 전체 흐름을 이해하고 싶은 분 [목차] Episode 1...
백엔드 데이터베이스
컨퍼런스 엔지니어링데이 2025