안녕하세요. 무신사에서 프론트엔드 개발을 담당하는 프론트엔드개발팀 엔지니어 김기범입니다. 이번 글에서는 MDS(Musinsa Design System) 개발 생산성 및 유지보수를 높이기 위한 과정에서 겪은 고민, 이슈, 그리고 해결 방법을 공유하며, 작게나마 독자 여러분께 도움이 되고자…
“Node.js는 싱글스레드인가, 멀티스레드인가?” 대부분은 너무 쉽게 대답합니다. 하지만 정말 그렇게 단순한 문제일까요? 저는 네이버페이에서 백엔드 서버 개발 업무를 맡고 있는 김태우입니다. “Node.js는 싱글스레드인가요, 멀티스레드인가요?” 제가 이직 전 회사에서 면접관으로 면접…
Executive Summary - 고객 서비스는 단순 응대 중심에서 벗어나 AI 기반의 개인화·예측형 서비스로 진화 - 생성형 AI와 Agentic AI 확산으로 고객 문의 분석, 응답, 후속 조치까지 자동화 확대 - 핵심 변화 - 고객 응대 → 고객 경험(CX) 중심 - 수동 지원…
24시간 내내 운영되는 이커머스 서비스에서는 언제든지 장애가 발생할 수 있습니다. 그 원인도 매우 다양합니다. - 인프라 문제 - 코드 문제 - 설정 문제 - 데이터 문제 - 휴먼 에러 이처럼 다양한 원인으로 인해, QA 팀이 배포 코드를 아무리 철저히 테스트하더라도 그것만으로는 서비스…
JavaScript Proxy를 활용한 상태 추적 도구 개발기 1. 레거시가 주는 고통 세일즈서비스팀에서는 사장님의 배달의민족 입점을 도와드리기 위한 입점신청, 계약 검수 및 승인 시스템, 전자계약서’ 등 여러 지면을 개발하고 있습니다. 그중 전자계약서는 업주 정보, 가게 정보, 광고…
[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다! - 등록일 - 2025.06.10 - | - 코멘트 - 12555 개요 안녕하세요! 지난 2025년 4월 7일부터 5월 16일까지 국내 FE/JS 개발자를 대상으로 진행되었던 'State of FE·JS Ko…
“왜 대한민국에서는 lodash, react와 같이 세계적인 라이브러리가 나오지 않는걸까요?” 이 질문은 토스 프론트엔드 챕터의 몇몇 개발자들이 아주 가볍게 던졌던 의문이었어요. 어떻게 보면 가볍게 넘길 수 있는 질문이었지만, 곱씹을수록 새로운 의문이 계속 생겨났습니다. 정말 그럴 수밖…
FE News 25년 6월 소식을 전해드립니다! - 등록일 - 2025.06.05 - | - 코멘트 - 9291 주요소식 25년 6월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. 링크 & 읽을거리 - The History of JavaScript: 1995년 Brend…
요약: 이 글에서는 Next.js 기반의 SSR 환경에서 겪은 CORS 에러와 Version Skew 문제를 해결한 실무 경험을 공유합니다. 충전 서비스 개발 중 발생한 에러를 다양한 가설과 테스트를 통해 원인을 파악하고, crossOrigin, dynamic import, Sessio…
안녕하세요! 올리브영 리뷰와 커뮤니티 FE개발을 담당하고 있는 뽀야미입니다! 이번 포스팅에서는 커뮤니티 서비스 셔터에 숏폼 콘텐츠를 도입한 전체 과정을 공유드리려고 합니다. 셔터는 올리브영의 SNS 커뮤니티 서비스로, 사용자들이 자유롭게 메이크업에 대한 정보나 사용 후기를 나누는 공간입…
안녕하세요, Simplicity 4 프로젝트에서 프론트엔드 개발을 맡은 Frontend UX Engineer 박은식, 이예서입니다. 이번 프로젝트를 진행할 때 기술적으로 고민했던 내용들을 공유하고자 해요. 재사용 가능한 컨퍼런스 만들기 이번 Simplicity 프로젝트는 다음 시즌에도…
안녕하세요. 무신사에서 주문을 담당하는 백엔드 엔지니어 박준호입니다. 이번 글에서는 신규 시스템과 레거시 시스템이 함께 운영되는 환경에서, 레거시 시스템을 어떻게 점진적으로 전환했는지에 대해 공유하고자 합니다. 이를 통해 비즈니스 연속성을 유지하면서 리스크를 최소화한 실제 경험과 전략을…
크리에이트립은 한국을 잘 모르는 해외 유저에게 맞춤형 여행 플랜을 추천하는 서비스를 운영해요. 이를 위해 유저의 소비 습관·여행 스타일·관심사를 단계별 질문으로 수집하고 있어요. 단계별 질문 수집엔 각 단계에서 선택 값을 저장하고, 조건에 따라 특정 단계를 건너뛰거나 되돌아가는 흐름이…
시작하며 안녕하세요. SR(Service Reliability) 팀에서 SRE(site reliability engineer, 사이트 안정성 엔지니어링) 업무를 맡고 있는 이채승(argon)입니다. SR 팀은 Service Engineering 실에 속해서 LINE 앱에서 제공하는 서비…
빠르게 쌓이는 PR, 느리게 달리는 리뷰. 결국 남는 건 LGTM(Looks Good To Me)뿐이라면? 이번 모닥불에서는 토스 프론트엔드 챕터가 어떻게 코드 리뷰 문화를 활성화했는지 알려드릴게요. ‘고맥락자 코드 리뷰’ 부터 ‘코드스멜 워킹그룹’, ‘가독성 위원회’ 그리고 ‘코드 리…
타입 안전한 API 모킹으로 프론트엔드 생산성 높이기 프론트엔드 개발에서는 API 응답 모킹이 필수입니다. 그러나 JSON 파일 기반 모킹은 API 변경을 감지하기 어렵고, 렌더링 오류를 유발할 수 있습니다. 주문웹프론트개발팀(배달의민족 장바구니부터 결제 이후 화면까지의 주문 도메인 웹…
요약: 이 글은 2025년 카카오페이-AWS 해커톤에 참가하여 AI 기반 대출 음성 상담 챗봇 서비스를 개발한 팀의 이야기입니다. 비대면 금융 환경에서 개인화된 상담의 부재라는 문제의식에서 출발하여, 음성 상담을 통해 사용자의 상황을 파악하고 맞춤형 대출 상품을 추천하는 챗봇을 구현했습…
요약: 이 글은 카카오페이 제 2회 해커톤에서 2등을 수상한 모즈(MOZ) 팀의 프로젝트를 다룹니다. 모즈 팀은 거래 내역을 특별한 의미와 감성을 담은 기록으로 변환하고, 자연어 기반 검색을 통해 쉽게 금융 관리를 할 수 있는 서비스를 만들었습니다. 주요 기능으로는 거래 내역에 의미 있…
AI 시대에 디자이너는 어떤 모습일까요? 한번 쯤 이런 생각 해보지 않으셨나요? UI가 더 이상 필요 없어지거나, 로봇이 모든 일을 대신하는 날이 오면, 디자이너는 어떤 역할을 하게 될까? 저도 같은 고민을 하다가 반대로 생각해 보기로 했어요. 언젠가 사라질 운명이라면, 차라리 그 미래…
요약: 이 글은 카카오페이에서 실시간 OLAP인 Apache Pinot를 운영한 노하우를 다룹니다. 주요 내용으로는 Pinot 클러스터 구성, 장애 복구 아키텍처, 실시간 Upsert 테이블 운영 노하우가 있습니다. 💡 리뷰어 한줄평 coco.nut Apache Pinot 클러스터 구성…
안녕하세요. 라포랩스 Frontend Engineer 심은서입니다. 이 아티클에서는 Figma Variables를 활용한 디자인 토큰 자동화로, 단 한 줄의 코드만으로 퀸잇 서비스에 다크 테마를 적용한 경험을 공유합니다. 1. 기존 자동화 시스템의 문제점 라포랩스는 Figma에서 색상과…
FE News 25년 5월 소식을 전해드립니다! - 등록일 - 2025.05.08 - | - 코멘트 - 9495 주요내용 25년 5월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. - React Compiler RC - useMemo 없이도 성능 최적화를 자동으로 처리해…
안녕하세요! 올리브영에서 리뷰/SNS 프론트엔드 개발을 담당하고 있는 d9입니다. 저희 조직에서는 올리브영의 SNS, 셔터 개발과 운영을 맡고 있습니다. 셔터는 올리브영 앱에서 유저가 콘텐츠를 업로드하고 자유롭게 소통할 수 있는 커뮤니티입니다. 그렇다 보니 이미지 업로드 기능이 사용 경…
- blog Vibe Coding하는 비개발자는 개발자인가(2) 지난 글에서는 비개발자의 시선에서 ‘바이브 코딩(Vibe Coding)’과 AI Native에 대한 생각을 먼저 나눴습니다. 이번에는 그런 생각의 토대가 되었던 실제 경험을 바탕으로 이야기를 이어가고자 합니다. 내만내쓰 H…
LY Corporation에서는 2024년 10월에 사내 웹 프런트엔드 개발에 관여하는 사내 구성원을 대상으로 본인이 생각하는 2024년의 웹 프런트엔드 관련 근황 및 관련 툴 이용 현황을 알아보는 설문 조사, 'State of LY Frontend 2024'를 실시했습니다. 이와 유사…
- blog 바이브 코딩 바이블: AI 에이전트 시대의 새로운 코딩 패러다임 1. 바이브 코딩과 AI 에이전트 안드레이 카파시(Andrej Karpathy)는 2025년 초 “바이브 코딩(Vibe Coding)”이라는 용어를 도입하면서, 사람 대신 대형 언어 모델(LLM)에 의존해 코드…
- blog Vibe Coding, 새로운 개발 패러다임의 시작일까요? 부제: 프로토타입부터 프로덕션 팀의 실무까지, 단계별 실험 사례를 통해 확인한 바이브 코딩의 가능성과 한계 들어가며 지난 4월 15일, 사내 개발자들과 ‘바이브 코딩(vibe coding)’을 주제로 라이브 인터뷰를…
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 2부: 개발 편 들어가며 "디자이너님! 혹시 다음 기획 피그마 시안 나왔을까요?" 프론트엔드 개발자라면 한 번쯤 남겨봤을 질문일 겁니다. 디자이너는 UI/UX를 설계하고 프론트엔드 개발자는 이를 구현합니다. 두 역할은 밀접하게 연결되어…
안녕하세요! 리멤버앤컴퍼니 파운데이션 크루에서 Web Frontend Software Engineer로 일하고 있는 성정민입니다. 최근 저는 사용자가 검색창에 키워드를 입력할 때마다 실시간으로 UI를 업데이트하는 기능을 개발했습니다. 그런데 문제가 발생했어요. 검색창에 글자를 입력할 때…
11키티즈 게임에서 XState를 선택한 이유 11키티즈 게임에서는 주요 비즈니스 로직 구현을 위하여 XState를 선택했다. 일반적인 프론트엔드 개발에서는 React의 useState, Redux, Zustand 등을 사용하여 상태를 관리하지만, 게임이라는 특수한 환경에서는 상태 전환…
안녕하세요. Creatrip에서 백엔드 개발을 담당하고 있는 이재용입니다. 저희 팀은 GraphQL 기반으로 서버를 운영 중이며, 그동안 Node.js로 작성된 Apollo Gateway를 사용해왔습니다. 지속적으로 슬로우 쿼리를 튜닝하고 성능 병목을 일으키는 지점을 파악하여 최적화하는…
안녕하세요! 당근의 동네 지도 탭에서 확인할 수 있는 동네 가게 화면과 동네 사장님들이 가게를 관리하기 위한 비즈니스 도구를 만드는 로컬 비즈니스의 Frontend Engineer 준(Joon)이에요. 혹시 ‘줄줄이 고구마’라는 말을 들어보신 적 있으신가요? 고구마 하나를 캐니, 그 뿌…
선제적 장애 대응을 위한 Sentry 최적화 적용기 들어가며 서비스가 성장했다는 걸 언제 체감하시나요? 보통 서버 트래픽, MAU(Monthly Active Users), 시장점유율, 영업이익 등을 지표로 삼지만, 프론트엔드 개발자로 일하면서 조금 다른 방식으로 그 순간을 경험했습니다.…
FE News 25년 4월 소식을 전해드립니다! - 등록일 - 2025.04.02 - | - 코멘트 - 8656 주요내용 25년 4월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. - A Categorical Archive of ChatGPT Failures - Chat…
왓챠 웹은 2016년부터 react + node(express) 기반으로 운영되었지만, 최근 대중적인 프레임워크의 발전으로 인해 우리의 기존 구조를 유지하는 것이 점점 부담되고 있었습니다. 이에 따라 Remix로 마이그레이션을 결정한 과정과 경험을 공유하려 합니다. 왓챠 웹 구조 소개…
2025년 1분기에는 카카오테크 블로그에 어떤 글이 발행되었을까요? 크루들의 지식과 인사이트를 확인해 보세요 🙋♀️ 📒 작지만 강한 Kanana Nano 효율적으로 개발하기 (by juliet.bak | Language Model Training) 글로벌 경쟁력을 갖춘 작은 언어모델(S…
안녕하세요! 올리브영🫒 iOS앱 개발자📱 럭셔Lee 입니다🙇♂️ 이번 포스팅에서는 Apple에서 제공하는 문서화 도구, DocC에 대해서 이야기해보고자 합니다. DocC는 Xcode13부터 지원하는 Apple의 공식 문서화 도구입니다. Swift 또는 Objective-C 코드에 작성한…
안녕하세요. 인프랩의 백엔드 개발자 약풍입니다. 코드 리뷰는 버그를 예방하고, 팀의 코드 품질을 유지시키는 중요한 장치입니다. 많은 개발자들이 서로의 코드에 대해 리뷰하고 피드백하는 시간은 꼭 필요하지만, 팀의 규모나 상황에 따라 코드 리뷰가 꼼꼼하게 이루어지지 않는 경우들도 종종 생깁…
안녕하세요. React Native Framework Team에 속한 Frontend Platform Engineer 강선규입니다. 오늘 소개해 드릴 이야기는 토스에서 만드는 React Native Framework와 그 기능에 관한 이야기에요. Granite이란? 토스는 이전 글 토스…
나만의 Visual Studio Code Copilot 지침 만들고 활용하기 - 등록일 - 2025.03.25 - | - 코멘트 - 45880 코드 작성에 AI의 도움을 받을 수 있는 가장 유명한 도구 중 하나로, GitHub이 2021년 발표한 GitHub Copilot이 있습니다.…
토스의 디자인 편집기 데우스(Deus)! 이번 모닥불에서는 토스의 자체 디자인 편집기 데우스(Deus) 프로젝트를 소개합니다!🔥 시장에 이미 훌륭한 디자인 툴이 있는데, 토스는 왜 자체 편집기를 만들었을까요? 데우스(Deus), 성능 최적화를 위해 어떠한 기술적 도전들이 있었고, 어떻게…
안녕하세요. LINE Plus Tech Content Strategy 팀 하성창입니다. 저희 팀은 테크니컬 라이터로 구성돼 있으며, LINE Plus에서 개발한 다양한 플랫폼의 기술 문서를 작성하는 한편 사내 용어집 ��사이트인 Words의 콘텐츠와 LY Corporation Tech…
안녕하세요. 당근 알림 경험팀에서 프론트엔드 엔지니어로 일하고 있는 딜런(Dylan.lee)이라고 해요. 알림 경험팀은 당근 사용자들뿐만 아니라 당근 구성원들의 알림 경험(Notification Experiences)을 책임져요. 사용자가 그동안 받은 알림을 모아볼 수 있는 알림함부터…
테스트는 어떻게 좋은 코드를 만드는가(feat. 험블 객체 패턴) - 등록일 - 2025.03.19 - | - 코멘트 - 42588 프로그래밍을 하다 보면 테스트의 필요성을 통감하는 순간이 찾아옵니다. 하지만 테스트를 꾸준히 작성하는 팀은 많지 않습니다. 만일 팀의 룰로 인해 강제로 테…
토스 기술 조직의 각 챕터는 라이트닝 토크에서 다양한 주제에 대한 인사이트와 아이디어를 자유롭게 공유합니다. 기록을 통해 생생한 라이트닝 토크 현장을 함께 느껴보세요! 프론트엔드 개발을 하면서 좋은 개발 경험이 무엇인지 고민해 보신 적 있으신가요? 요즘 우리는 이미 좋은 환경에서 개발하…
토스증권 PC의 종목 상세 페이지에 접속해 보신 적이 있나요? 종목 상세 페이지에는 차트, 호가, 주문하기 등과 같은 여러 패널들이 여러분을 반겨줍니다. 이때 각 패널들은 고정된 위치에 있지 않아요. 마우스로 드래그하면 패널의 위치를 옮길 수도 있고 패널의 크기를 조절할 수도 있습니다.…
요약: 이 글에서는 Effect System을 활용하여 사이드 이펙트를 명시적으로 관리하고 조합하는 방법을 다룹니다. 사이드 이펙트로 인해 코드의 예측 가능성이 떨어지고 유지보수가 어려워지는 문제를 해결하기 위해, Scala의 Cats Effect와 ZIO, Kotlin의 suspend…
일반적으로 서비스를 고객들에게 제공하기 위해 필요한 요소들이 있습니다. 첫 번째는 서비스 페이지로 주로 앱이나 웹의 프론트엔드에서 직접 고객들에게 보여지는 부분이고, 두 번째로 서비스 페이지를 구축하기 위한 데이터를 제공하는 백엔드가 필요합니다. 마지막으로 백엔드가 제공하는 데이터를 관…
안녕하세요. 스푼랩스 비글루 Client Team에서 프론트엔드 개발을 담당하고 있는 Drew(이서용)입니다. 비글루는 글로벌 숏폼 드라마 서비스로 다양한 콘텐츠를 쉽고 빠르게 즐길 수 있도록 iOS / Android 앱과 웹사이트에서 스트리밍 서비스를 제공하고 있습니다. 이번 글에서는…
안녕하세요. 카카오뱅크 기술 부문을 대표하여 AWS re:Invent 2024 기술 컨퍼런스에 참석한 클라우드엔지니어링팀의 Mindy, ML엔지니어링팀의 Dahlia, 그리고 Oracle팀의 Ooseo입니다. AWS re:Invent는 매년 11월 또는 12월에 미국 라스베이거스에서 열…
2024 네이버 통합검색의 웹 성능 리뷰 - 등록일 - 2025.03.10 - | - 코멘트 - 8720 네이버 검색은 사용자 중심의 빠르고 원활한 검색 경험을 제공하기 위해 지속적으로 웹 성능을 모니터링하고 최적화하고 있습니다. 2024년에는 특히 LCP(Largest Contentf…
왜 Design System이 필요한가? 개념부터 이해하기 다양한 환경에서 일관된 사용자 경험(UX)을 제공하는 것이 그 어느 때보다 중요해지고 있습니다. 하지만 디자인과 개발이 따로 움직이면, 스타일이 일치하지 않거나, UI/UX의 일관성이 부족해지고, 중복 작업이 늘어나는 등의 문제…
FE News 25년 3월 소식을 전해드립니다! - 등록일 - 2025.03.06 - | - 코멘트 - 3298 주요내용 25년 3월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. - 2024 Frameworks Year in Review - Netlify의 웹덕후들이…
모닥불 10화 특집: 캠프파이어 에피소드 🔥 이번 모닥불은 특별히 시청자 여러분과 함께하는 시간으로 준비했어요. "좋은 테스트 코드라고 하는 것은 무엇일까요?" "ESLint Rule, 꺼도 괜찮을까요? 더 좋은 해결책은 없을까요?" "useEffect, dependency 배열, 이렇…
소개 안녕하세요, 라포랩스 프론트엔드 챕터 리드 김동욱입니다 🙂 이번 아티클에서는 제가 직접 개발한 피그마 플러그인을 활용해 피그마에서 바로 리액트 컴포넌트로 변환하는 과정과 이를 통해 생산성을 크게 향상시킨 경험을 공유하고자 합니다. 기존에는 피그마 디자인을 기반으로 프론트엔드 엔지니…
Trino로 타임아웃 개선하기 들어가며 안녕하세요. NHN Cloud의 클라우드AI팀 이태형입니다. 로그 데이터가 쌓일수록 조회 속도가 느려지는 문제, 한 번쯤 겪어 보셨을 텐데요. 이 글에서는 이러한 문제를 해결하기 위해 저희 팀에서 Trino를 도입하여 성능을 개선한 과정을 공유해…
들어가며 링크 복사 안녕하세요. 카카오모빌리티 웹FE개발팀에서 프론트엔드 개발을 맡고 있는 란입니다. 프론트엔드 개발에서 테스트 자동화는 점점 더 중요해지고 있습니다. 다양한 브라우저 환경, 사용자 입력, 복잡한 UI 등 여러 변수를 다뤄야 하며, 빠른 릴리스 주기에 대응해야 하기 때문…
데이터카탈로그에서 DataHub를 이용하는 방법 사내 데이터 디스커버리 도구인 데이터카탈로그는 DataHub를 기반으로 구축되었습니다. DataHub는 다양한 플랫폼과 연동되는 활발한 오픈소스 프로젝트로, 필요한 기능들을 새로 개발하지 않고도 활용할 수 있다는 장점이 있습니다. 그러나…
안녕하세요. 모두싸인 제품그룹 Saas플랫폼팀 프론트엔드 엔지니어 노바(Nova)입니다. 이번 포스팅에서는 모두싸인의 버전별로 격리된 배포 환경에서 발생하는 문제를 해결하기 위해 개발한 최신 버전 업데이트 기능에 대해 소개하려고 합니다. SPA(Single Page Application…
오래전에 소개했던 당근 웹뷰 배포 변천사에 이어지는 근황으로, 이번에는 조금 다른 주제를 다뤄보려고 해요 — 새로운 기술이 정착하면 이전에 사용하던 기술은 어떻게 되는 걸까요? 앞선 글에서 언급했던 것처럼 기존에 구축했던 로컬 파일 기반 웹뷰(이하 “로컬 웹뷰”)를 버리기로 결정하고 정…
“GitHub Copilot이 정말 개발 생산성을 높여줄까?” 2024년 말, 회의실에서 이 질문을 마주했습니다. GitHub Copilot은 AI 기반 코딩 도구로 주목받았지만, 대부분의 평가는 개인적인 경험에 의존하고 있었습니다. 일부 개발자는 “코딩 속도가 빨라졌다”고 했고, 다른…
요약: 이 글은 배포 일정과 릴리즈를 분리하고 유저 타겟팅을 적용하는 등의 이점을 가진 피처 플래그를 개발하며 직면한 문제 해결 여정을 다룹니다. 어드민 서버와 서빙 서버를 분리했지만, 데이터 동기화 문제가 발생했습니다. 이를 해결하기 위해 Redis Pub/Sub을 활용하고, 안정성을…
- blog 오픈채팅 Lite FE 성능 개선의 모든 것 서론 안녕하세요, 오픈채팅 Lite의 stella, roddy, holly입니다. 오픈채팅 Lite는 부담 없이 수많은 사람들과 대화할 수 있도록 하는 것을 목표로 개발된 서비스로, 지금 이 순간에도 다양한 주제로 많은 이야기가…
들어가며 안녕하세요. Game Platform Dev의 류동훈, Zhang Youlu(Michael), Takenaka, 이형중입니다. 저희 조직은 게임 퍼블리�싱에 필요한 다양한 기능을 개발하고 운영하는 역할을 맡고 있습니다. 저희는 최근 조직 내 업무 효율을 높이기 위해 다양한 LL…
안녕하세요. 인프랩의 랠릿 셀 프론트엔드 개발자 고슈, 도니, 루시입니다. 2024년 초, 연간 플래닝에서 CTO인 향로에게서 예상치 못한 발표를 듣게 됩니다. 올해 인프런 글로벌 서비스를 출시할 예정이에요. 랠릿 셀도 함께 투입됩니다. 네? 저희도요? 이렇게 랠릿을 포함한 인프랩 개발…
코파일럿 “열일”하게 만드는 방법 깃허브 코파일럿(Github Copilot)은 IDE에서 사용할 수 있는 AI 페어 프로그래밍 도구입니다. 2021년에 최초로 공개된 비교적 젊은 툴이지만, 이제는 단 한 번이라도 사용해 본 적 없는 개발자를 찾기가 어려울 정도로 프로그래밍 필수 준비물…
FE News 25년 2월 소식을 전해드립니다! - 등록일 - 2025.02.05 - | - 코멘트 - 3763 주요내용 25년 2월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. - Cascading Spy Sheets: Exploiting the Complexity…
안녕하세요, 올리브영의 상품 데이터를 다루고 있는 국밥빌런🍲입니다. 현재 올리브영의 상품 데이터를 생성하기 위해서는 오프라인 매장과 온라인몰로 관리하는 상품 데이터를 각기 다른 시스템을 통해 등록하고 연동하게 되어있어요. 저는 이렇게 관리 영역별로 분산되어 있는 상품 시스템을 하나로 통…
모닥불 10화 특집: 캠프파이어 에피소드 🔥 이번 모닥불은 특별히 시청자 여러분과 함께하는 시간으로 준비했어요. "폴더 구조를 설계할 때 꼭 지켜야 할 원칙은?" "컴포넌트 추상화, 어디까지 해야 더 효율적일까요? "함수형 프로그래밍은 언제, 왜 사용하는 게 좋을까요?" 사전에 접수된…
사업개발, 영업으로 커리어를 시작해서 풀스택, 프론트엔드, 서버 개발까지 다 해보신 지민님의 이야기를 들려드립니다. 끝 없는 도전과 변화, 지민님은 매 순간 어떤 태도로 커리어를 대했을까요? 토스 피플 글을 통해 알아보세요. 토스에서 하고 계신 일을 간략히 소개해주세요. 토스증권 마진…
[DAN 24] 데이터 기반으로 지속 성장이 가능한 네이버 검색 FE 시스템 구축하기 - 등록일 - 2025.01.24 - | - 코멘트 - 7636 네이버 검색 FE 시스템 구축 과정에서 저희는 다음과 같은 문제에 직면했습니다. 첫째, 유사하지만 영역이 다른 경우 비슷한 작업을 반복하…
안녕하세요, 카카오 FE 플랫폼 조직의 톡메시지 FE에서 챗봇 관리자센터를 개발하고 있는 글링입니다. 이번 글에서는 챗봇 관리자센터의 성능 최적화 경험을 공유해 보려고 합니다. 챗봇 관리자센터는 앵귤러(Angular), RxJS, 타입스크립트(TypeScript)를 이용해 개발하고 있습…
안녕하세요. LINE Plus ABC Studio에서 일본 음식 배달 서비스 Demaecan(出前館, 이하 데마에칸)의 디자인을 담당하고 있고, 사용자의 다양한 목소리를 담을 수 있는 ABC User Feedback도 함께 만들고 있는 오관식입니다. 이번 글에서는 디자이너와 웹 프런트엔…
이번 토스 피플에서는 UX Engineering Team Leader 조유성님의 이야기를 들어봤어요. 유성님은 토스에 Full Stack Engineer로 입사했지만, Frontend Engineer로 직무 전환을 한 다음, 지금은 토스의 디자인 시스템을 개발하는 UX Engineeri…
FE News 25년 1월 소식을 전해드립니다! - 등록일 - 2025.01.09 - | - 코멘트 - 3213 주요내용 25년 1월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. - Web Almanac 2024 - 전 세계 1천7백만개의 웹사이트를 분석, 현재 웹 기…
안녕하세요, 결제서비스개발팀에서 서버 개발을 담당하고 있는 Jayden, Lani입니다. 저희는 2024년 연초부터 하나의 큰 덩어리였던 카카오뱅크 오픈뱅킹 시스템에서 ‘카드 청구금액 알림 서비스’와 관련된 API 및 배치 작업들을 별도의 시스템으로 분리하는 작업을 계획했고, 2024년…
안녕하세요. 저는 로컬 비즈니스실에서 서버 개발자로 일하고 있는 에렌(Eren)이라고 해요. 당근을 사용해 본 적 있으신가요? 당근의 동네지도 탭에 들어가면 ‘음식점’, ‘카페/간식’ 등 카테고리별로 동네 업체를 모아볼 수 있는데요. 여기서 각 업체의 정보를 담고 있는 ‘비즈 프로필’을…
2024 선물카드 제목 짓기 대회가 탄생하기까지: 운영, PM, 개발 이야기 배민선물하기에서는 생일과 같은 일반적인 상황뿐만 아니라 집들이나 이직 같은 다양한 축하 상황, 출산이나 입원 등 몸보신에 어울리는 상황까지 모두 아우를 수 있도록 1천 개 이상의 카드를 제공하고 있습니다. 이…
프론트엔드 개발자라면 한 번쯤 고민해봤을 성능 최적화! 토스 개발자들이 전하는 최적화의 본질과 실무 노하우를 공개합니다. “서비스 최적화 언제, 어떻게 시작해야 할까요?” ”초기 로딩 속도를 개선하려면 무엇을 줄이고 바꿔야하는 걸까요?” ”사용자가 느끼는 반응성과 실제 성능, 둘 다 잡…
우아한히트텍: 직군을 넘어, 개발자를 하나로 잇다 들어가며 우아한형제들 TX(Tech eXperience)팀은 개발자 경험을 중심으로 교육과 성장을 지원하는 팀입니다. ‘개발조직의 전문성 강화를 통해 조직 생산성 및 국내외 시장 경쟁력을 확보한다.’는 미션을 기반으로 개발 리더십/기술…
[DAN 24] 서치피드: SERP를 넘어 SURF로! 검색의 새로운 물결 - 등록일 - 2024.12.17 - | - 코멘트 - 4972 네이버 통합 검색은 2023년에 서치피드를 출시하여 통합 검색 모바일 하단에서 피드 형태로 개인화된 콘텐츠를 제공했습니다. 이 서비스의 내부 프로젝…
안녕하세요. 스튜디오 킹덤에서 쿠키런: 킹덤의 서버 개발자로 재직하고 있는 전윤재입니다. 이번 글에서는 스칼라로 개발된 쿠키런: 킹덤 서버의 빌드 속도를 개선하기 위해 수행했던 과정과 결과를 소개해 드리려 합니다. #도입부 스칼라는 정교한 타입 시스템, 매크로, implicit과 같은…
안녕하세요, 생소하시겠지만 올리브영 내 디플롯 서비스 개발팀 에서 프론트엔드 개발을 담당하고 있는 노땅 문지훈🦊 입니다 디플롯 서비스 개발팀 프론트엔드 개발자로서 디자인 담당자와 함께 고객에게 더 나은 서비스를 위해 유기적인 협업을 진행하면서 해결책 또는 방향성을 찾기 위해 노력하고 있…
2024 프론트엔드 뉴스 한 방에 몰아 보기 안녕하세요. NHN Cloud NCUI개발팀 이진우입니다. 저는 올해 2월부터 매주 프론트엔드 관련 다양한 뉴스레터를 읽고, FE 개발 직무 동료들에게 흥미로운 뉴스, 읽을거리, 유용한 도구 등을 공유해 왔습니다. 어느덧 연말이 가까워지며 쌓…
안녕하세요. 토스 Frontend Developer 강민우입니다. 토스팀 프론트엔드 챕터는 이전부터 퍼널에 관해 SLASH23 발표도 했었고, Slash Library에 use-funnel 를 오픈소스로 배포하는 등 퍼널 라이브러리를 꾸준히 대내외적으로 사용하고 있었습니다. 그런데 기존…
안녕하세요, 카카오스타일 지그재그 서비스 FE팀의 제이슨입니다. 2023년 초, 저희 팀은 비즈니스와 더불어 기술적인 개선이 필요하다는 것을 느꼈습니다. 그중에서도 특히 여러 지면에서 독립적으로 관리되고 있던 상품 카드 컴포넌트의 일원화 작업이 중요하게 여겨졌고. 이 문제를 해결하기 위…
요약: 이 글은 성능 테스트 존 도입 사례와 주요 기능을 다룹니다. 홈화면, 관리콘솔, 모니터링 대시보드 등을 이용하여 테스트 상태를 실시간으로 확인하고, 성능 병목을 효율적으로 파악할 수 있습니다. 이 과정에서 개발 및 운영 환경에서의 성능 최적화 가능성을 탐구하며, 성능 테스트의 중…
PM, 디자이너, 개발자가 함께한 배달의민족 입점 과정 개선기 01. 들어가며 안녕하세요! 세일즈서비스팀은 ‘사장님이 고민하지 않고 신속하게 배달의민족에서 장사할 수 있는 서비스를 제공한다.’는 비전을 바탕으로 배달의민족의 입점할 수 있는 두 가지 방법인 전자계약서와 온라인 입점신청을…
안녕하세요. 토스 Frontend Developer 권선영입니다. 오늘은 토스에서 강력하고 안전한 단계별 상태 관리 라이브러리 @use-funnel 을 어떻게 만들게 되었는지 소개드릴게요. 제 경험이 사내에서 문제의식을 공유하고 해결 방법을 찾으려는 분들께 도움이 되면 좋겠어요. 처음…
[원문보기] 프로그래밍 규칙은 마치 코딩을 더 지루하게 만들기 위해 존재하는 것처럼 보일 때가 가끔 있습니다. 전처리기를 사용해 소프트웨어 개발의 재미를 되찾을 수 있는 방법을 소개합니다. 개발자는 프로그래밍 언어를 무척 좋아하지만, 그 언어가 구속처럼 느껴지는 경우도 많습니다. 프로그…
안녕하세요. 카카오페이증권 DevOps팀의 스티브입니다. 이번 글에서는 if(kakaoAI)2024에서 발표한 “Kubernetes 지능형 리소스 최적화 (feat. Dr.Pym Project 공유)” 세션의 내용과 함께 발표 시간 상 하지 못했던 이야기들까지 함께 공유하려고 합니다.…
안녕하세요. 올리브영에서 UI를 개발하고 있는 시공입니다. 현재 올리브영 서비스에 사용되는 컴포넌트들의 디자인 시스템 가이드를 제작하고 있어, 작업을 시작하게 된 이유와 진행 과정에 대해 공유하고자 합니다. 디자인 시스템이란 웹이나 각종 서비스 UI 디자인에서 재사용할 수 있는 컴포넌트…
토스 채용 꿀팁, 면접관들이 직접 말합니다! "Next.js, 단순 사용 경험이 아니라 '왜' 사용했는지가 중요하다?" "이력서와 면접에서 어떤 점을 강조해야 할까요?" "Github 커밋 잔디 심기, 기술 블로그 TIL 작성보다 더 중요한 것이 있다고?" 토스의 문동욱 님과 이성준 님…
- blog - events 제7회 Kakao Tech Meet에 초대합니다! Kakao Tech Meet #7 Kakao Tech Meet은 작년부터 이어온 카카오의 공개 기술 세미나입니다. 올해에도 계속 최신 기술 트렌드와 경험 및 노하우를 자주, 지속적으로 공유하며 개발자 여러분과…
왜 이미지만 700MB를 다운로드하는 거죠?: 배민우리동네 콘텐츠 피드 이미지 최적화 사례 이 메시지를 받았을 때 대수롭지 않게 생각했습니다. 에이 얼마나 느리겠어. 문제가 있어도 와이파이 문제겠지! 그리고 분석도구를 이용해서 확인해보니 이미지만 도합 700MB를 다운로드하고 있었습니다…
요약: 이 글은 카카오페이 Developer Reltaions 관점에서 if(kakaoAI)2024 개발자 컨퍼런스를 준비 과정을 소개합니다. 지난 2022년 컨퍼런스 회고를 바탕으로 발표자 리허설과 스피치 코칭을 강화하고, 발표 자료와 디자인 협업을 체계화해 발표자의 역량을 최대한 발…
들어가며 안녕하세요. 11번가 검색/추천 서비스 개발팀에서 11번가 검색 서비스의 프런트엔드 개발을 담당하고 있는 김다미, 이호찬입니다. 검색 서비스의 프런트엔드 파트에서는 검색 결과를 큐레이션하여 사용자가 원하는 상품을 더욱 쉽게 탐색할 수 있도록 돕는 다양한 형태의 UI를 개발하고…
여는 글 '모든 연결을 새롭게’라는 슬로건으로 진행된 if(kakaoAI)2024가 많은 분들의 관심 속에 성공적으로 마무리되었습니다. 특히 바쁜 일정에도 불구하고 첫째 날과 둘째 날 행사에 참석해 기술 세션과 다양한 네트워킹 프로그램을 소화하며 꼼꼼하게 후기를 남겨 준 대학생들의 이야…
API 모킹으로 테스트를 더 편리하게, Mock Service GUI 소개 여러분은 프론트엔드의 API 모킹 환경을 어떤 방식으로 구축하고, 사용하고 계신가요? 이 글에서는 API 모킹 환경을 개발자 친화적으로 개선해 나가는 과정을 다루며, 2023 우아한테크콘퍼런스에서 발표되었던 mo…