AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS) 안녕하세요 29CM QE팀 Lead 박현준입니다. 29CM QE팀은 상용화된 Testcase Management System(이하 TMS)을 사용하고 있습…
안녕하세요. 카카오뱅크 신사업클라이언트개발팀에서 광고/제휴 서비스를 담당하는 프론트엔드 개발자 Paige입니다. 제가 소속된 카카오뱅크 프론트엔드 클랜은, 2025년 클랜 출범과 함께 처음으로 프론트엔드 개발자 채용 Boost을 통해 대규모 프론트엔드 개발자 채용에 참여헀습니다. 이전까…
안녕하세요, 카카오스타일 지그재그 서비스 FE팀의 제이슨입니다. 올해 저희는 지그재그 앱 내에 포치의 선물가게라는 게임 서비스를 오픈했습니다. 이 글에서는 포치의 선물가게 게임을 웹 환경에서 구현하면서 겪었던 기술적 선택들과 그 과정에서 했던 고민을 공유해보려고 합니다. 포치의 선물가게…
안녕하세요, NOL QA팀입니다! 지난번 포스트맨에서 젠킨스까지: QA 팀의 API 테스트 자동화, 파란만장 성장기에서 Postman과 Jenkins로 API 테스트 자동화를 구축하며 겪었던 파란만장한 여정, 다들 기억하시나요? 😉 오늘은 바로 그 후속편! QA팀의 업무 방식을 또 한…
안녕하세요, QA Engineer 변유진입니다. 라포랩스에 합류한 지 이제 곧 1년이 되어가는 시점에, 라포랩스 QA Chapter가 어떻게 하루 30회의 배포 속도를 감당하는 품질 시스템을 만들었는지 공유하려 합니다. 1. E2E 자동화, 왜 다시 설계해야 했을까? 라포랩스는 하루 평…
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다 들어가며 세일즈서비스팀에는 아주 오래된 기술 부채가 한 가지 있었습니다. 프런트엔드 개발자라면 취업 준비할 때부터 당연하게 다루는 index.html 파일이 프런트엔드 리포지터리에 존재하지 않는 것이었죠. 프런트엔드 개발자로 입사하…
Delivering the Future, WOOWACON 2025 10월 28일, 가을 햇살이 포근하게 비추던 화요일 아침. 삼성동 그랜드 인터컨티넨탈 파르나스 연회장은 이른 시간부터 밝은 목소리와 긴장감으로 가득했습니다. 우아한형제들의 기술 콘퍼런스, “WOOWACON 2025”가 막…
n8n 기반 Slack 멀티 에이전트 구현기 오늘날 많은 IT 기업과 스타트업이 Slack을 핵심 협업 도구로 사용합니다. Slack은 업무 생산성을 높이고, 문제 해결 시간을 단축하도록 다양한 기능을 지원합니다. 그러나 Slack의 기본 워크플로만으로는 복잡한 멀티 에이전트 자동화와…
웹과 네이티브, 조화로운 공존은 가능한가? 플로팅웹뷰 도입으로 찾은 희망 여는 글 B마트, 장보기·쇼핑, 전국특가를 비롯한 배달의민족의 커머스 서비스는 끊임없이 진화하고 있습니다. 가게와 상품을 탐색하는 UX를 개선하기 위해서, 커머스 페이지에 다양한 UI 디자인을 연구하고 적용해 왔는…
Vite에서 CSS 우선순위를 지키는 법: 우아한공방의 문제 해결기 들어가며 우아한공방은 배달의민족을 비롯해 다양한 우아한형제들 서비스 전반에서 일관된 UI/UX를 제공하기 위해 구축된 디자인 시스템입니다. 참고: "우아한형제들의 새로운 디자인 시스템 ‘우아한공방’을 소개합니다: 개발…
만약 여러분이 결제를 연동하는 개발자라면, 어떤 걸 해야한다고 생각하시나요? 실제로 결제창을 띄우고 PG사에 결제를 요청하려면 꽤 번거로운 작업이 필요합니다. UI 구현, 보안을 위한 인증 흐름, HTML Form과 결제 요청을 위한 비동기 처리, 그리고 다양한 예외 처리까지 고려해야…
해당 아티클은 2025년 9월, 삼성SDS가 대외 고객을 대상으로 진행한 「REAL SUMMIT 2025」 행사 중, 삼성SDS 서비스컨설팅그룹 윤정빈 그룹장의 ‘AI Agent 인사이트 & 액션: 트렌드 너머, 실전으로 가는 길’ 세션 내용을 기반으로 작성되었습니다. Executive…
수직 중앙 정렬한 텍스트가 치우쳐 보이는 이유 혹시 어떤 요소에 넣은 텍스트를 예쁘게 보이려 수직 중앙 정렬 스타일을 적용했는데 조금 치우쳐 보였던 경험이 있으신가요? 화면을 보다 보니 다양한 텍스트들이 조금 삐뚤빼뚤해 보였던 적이 있으신가요? 혹시 아래 문장도 조금 치우쳐져 보이시나요…
2025년 7월 사람인의 공고/후보자 서비스의 대대적인 개편이 있었습니다.🎉 후보자 서비스에서 다양한 연계 플랫폼(점핏, 코메이트, 원더풀 시니어 등)과의 연동이 가능해졌습니다. 문제는 여기서 시작됐는데요. 각 플랫폼이 제공하는 이력서는 PDF, HTML 등 형식도 다르고 HTML 기반…
안녕하세요! 리멤버 개발실 백엔드팀 이형로입니다. 지난번 ‘네이버 웍스 메일 가드’ 이야기에 이어, 저희 ‘팀딸깍’이 [제1회 리멤버 사내 해커톤]에서 벌인 또 다른 도전기를 들려드리려고 합니다. 혹시 기억하시나요? 저희 팀의 모토! “AI로 얼마나 빠르게 많은 문제들을 해결할 수 있을…
1. 시작하며 안녕하세요, 여기어때컴퍼니 서비스웹개발팀의 엘라입니다. 이번 글에서는 새롭게 도입한 고객 상담 시스템 프로젝트에서 겪은 기술적 고민과 해결 과정을 공유합니다. 이번 프로젝트의 목표는 고객이 카카오 채널이 아닌 여기어때 앱/웹에서 바로 상담받을 수 있는 환경을 만드는 것이었…
안녕하세요! 발레를 좋아하는 올리브영의 프론트엔드 개발자 개발레리나🩰 입니다. 마이크로프론트엔드(Micro Frontend Architecture,이하 MFE)는 하나의 거대한 애플리케이션을 작고 독립적인 모듈로 나누고, 각각의 모듈을 별도로 개발하고 운영할 수 있는 환경을 구축하는 아…
FE News 25년 11월 소식을 전해드립니다! - 등록일 - 2025.11.07 - | - 코멘트 - 1807 주요소식 다음과 같은 유용한 정보들을 만나보실 수 있습니다. 1. React Conf 2025 - React의 대규모 업데이트 React 19.2에서 2. LLM 백도어 취…
지난 2025년 9월 25일, 카카오 AI캠퍼스에서 카카오 & 12개 그룹사 크루가 참여하는 최초의 기술 자원 & 인사이트 교류 행사 Krew Day가 개최되었습니다. if(kakao)25 Day3 에 개최된 Krew Day 의 준비 과정과 1000여 명의 크루들이 현장에서 경험하고 즐…
안녕하세요, 올리브영 내 프론트엔드 개발을 담당하고 있는 노땅 문지훈🦊 입니다. - 대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 1. 마이크로프론트엔드 너 뭐야? - 대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC - 대규모 프론트엔드…
안녕하세요! 오늘은 Next.js 프로젝트에서 정적 파일(이미지, CSS 등)을 효율적으로 관리하고 배포하는 방법에 대해 공유해보려고 합니다. 특히 개발 환경과 운영 환경을 분리하여 관리하는 방법과 CDN 캐시 관리에 대해 살펴보겠습니다. 현재 사람인은 대부분의 서비스를 온프레미스 환경…
안녕하세요. 여기어때컴퍼니 프론트엔드 개발자 발락입니다. 최근 저희 조직에서는 AI와 LLM 활용 역량 강화를 적극 독려하고 있으며, 각 팀에서 업무 효율화를 위한 다양한 시도들이 이뤄지고 있습니다. 저 역시 평소 개발 생산성 향상에 관심이 많아, 반복적이고 귀찮은 작업들을 자동화하여…
- blog if(kakao)25 Krew Day Demo Station 생생한 현장 스케치 들어가며 “공동체 개발자들이 기술 이야기를 통해 네트워킹하고, 다양한 기술을 공유할 수 있는 방법 없을까?” “각 공동체에서 문제를 해결한 다양한 방식을 듣고 아이디어를 얻을 수 없을까?” De…
원티드 엔지니어분들은 원티드 플랫폼을 개발하고 운영하며, 더 나은 사용자 경험을 제공하기 위해 끊임없이 노력하고 있습니다. 그 노력의 일환으로, 저희는 ‘SEO 주도 개발’을 실천하고 있습니다. ‘SEO 주도 개발’이란, Google Search Console (이하 GSC)과 도구를…
안녕하세요, 저는 리멤버앤컴퍼니에서 웹 프론트엔드팀 및 채용혁신 크루에서 프론트엔드 개발자로 일하고 있는 김승모입니다. 10.17 AWS Korea의 트레이닝 룸에서 리멤버의 첫 해커톤을 진행하게 됐는데요. 그 과정에서 저희팀이 AI로 어떻게 한달동안 프로덕트를 만들었는지에 대해서 공유…
- blog if(kakao)25 Krew Day FE 패널톡: 혈관에 피 대신 철(Fe)이 흐르는 FE 개발자들의 이야기 if(kakao)25 Krew Day 오후 2시, 지하 1층 Team room 3,4,5 강의실에는 FE Krew Talk 세션을 듣기 위해 많은 카카오 공동체 크…
- blog if(kakao)25 Krew Day CTO 패널톡: 7명의 카카오 공동체 CTO가 말하는 AI 시대의 카카오 if(kakao)25 Krew Day의 하이라이트 중 하나였던 CTO 패널톡! 카카오 공동체(계열사) 7명의 CTO가 한자리에 모여 AI 시대의 현재와 미래에 대해…
안녕하세요, 광고개발팀 이기원입니다. 본 글에서는 SK플래닛의 Web AR(Augmented Reality) 기술 기반 마케팅 솔루션인 'play AR' 의 기술을 도입한 배경과 특징을 소개하며, 이와 함께 다양한 마케팅 활용 사례를 소개함으로써 서비스와 효용성을 보다 쉽게 설명해 드리…
본 경진대회에 관심을 가져주신 모든 분께 감사드립니다. 참가자들이 AI 에이전트 개발에 대한 이해를 높이고 성공적으로 대회에 임할 수 있도록 주요 예상 질문과 답변을 정리했습니다. 학회 공식 사이트에서 일정 등 상세 내용 확인 및 참가 신청할 수 있습니다. 많은 관심과 참여 부탁드려요!…
이 글은 SK플래닛 Chat DIC 사내 프로젝트의 프런트엔드(Frontend) 개발 과정에서, 실시간 대화형 LLM 서비스의 특성에 맞춰 적용한 여러 기술적, 성능적 개선점을 정리한 글입니다. Chat DIC(저희는 /챗:디/라고 읽습니다)는 SK플래닛 Data Infrastructu…
안녕하세요, 카카오뱅크 기술XR팀에서 Developer Relations을 담당하고 있는 Ashley입니다. 저는 카카오뱅크 기술 직군과 사내외 기술 커뮤니티를 연결하고, 기술문화를 함께 만들어가며, 개발자들이 더 나은 경험을 할 수 있는 환경과 프로그램을 고민하는 일을 하고 있습니다.…
안녕하세요, 토스플레이스 Frontend Developer 고태완, Node.js Developer 윤보미입니다. “여러분은 오프라인 매장에서 주문하고 결제하는 과정을 얼마나 자주 경험하시나요?” 카페에 들어가 메뉴를 주문하고, 점주분이 포스에 상품을 입력하고, 결제 버튼을 누르면 카드…
안녕하세요, 테크편집부입니다. SK플래닛은 창립 때부터 개발자의 업무와 문화를 더 잘 이해하는 개발조직 주관으로 (CTO, 개발그룹, 테크센터 등) 개발자의 성장을 위한 다양한 프로그램을 매년 발굴 및 운영해 왔습니다(Tech Academy, 신입개발자 Bootcamp, Coursera…
안녕하세요, 인프랩의 프론트엔드 개발자 럭끼입니다. 인프런 강의실에서는 특정 시점에 다양한 함수 및 모달 노출 로직이 실행됩니다. 예를 들어, 강의 수강 중 특정 진도율을 달성하면 수업 영상 일시정지, 수강평 작성 모달 노출, 축하 메시지 모달 노출 로직이 순서대로 실행됩니다. 하지만…
Server-Sent Events로 실시간 알림 전달하기 들어가며 식당에 있다 보면 “배달의민족 주문~!” 알림을 한 번쯤 들어보셨을 거예요. 이 알림은 주문이 들어올 때 사장님이 빠르게 확인하고 처리할 수 있도록 도와주는 주문 접수 프로그램에서 발생합니다. 이 프로그램을 만드는 팀이…
우아한 디버깅 툴 2부: 좀 더 편하게 일하기 위한 개선들 지난 글 "우아한 디버깅 툴 1부: 웹뷰/웹페이지 원격으로 디버깅하기"에서는 이슈 정보를 쉽게 기록하고 공유하는 방법에 대해 다뤘습니다. 하지만 QA를 더 원활하게 진행하기 위해서는 아직 개선해야 할 부분이 많았습니다. 이번 글…
우아한 디버깅 툴 1부: 웹뷰/웹페이지 원격으로 디버깅하기 버그 재현, 생각보다 쉽지 않습니다 버그가 발견되었을 때 프론트엔드 개발자가 가장 많이 하는 말이 있습니다. “제 기기에선 잘 되는데요…?” 이슈가 발생하면 우리는 가장 먼저 상황을 똑같이 재현해보려 합니다. 하지만 재현이 항상…
"가맹점의 변경 없이도 결제 시스템은 진화할 수 있을까?" 토스페이먼츠는 오래된 시스템을 인수한 이후 단계적으로 진정성 있게 시스템을 개선해왔습니다. 이번 글에서는 20년간 유지되어 온 PG의 레거시 결제창 시스템을, 변화에 유연하게 진화할 수 있는 새로운 결제 시스템으로 재탄생시킨 여…
들어가며 안녕하세요. 컬리 핀테크그룹 김재민입니다. 처음에는 컬리 내부 스터디에서 ‘핀테크그룹의 BFF’를 소개해달라는 요청이 있어, 공부도 할 겸 발표를 자처하며 문서를 작성하기 시작했습니다. 작성하다 보니 GraphQL 기반 BFF를 도입·운영하며 얻은 인사이트가 컬리 구성원 이외에…
Featured 당근에서 중고거래를 하며 당근페이를 사용해 보셨나요? 누구에게 무엇을 얼마에 팔았는지, 또는 누구로부터 무엇을 얼마에 샀는지 확인하려면 어디를 봐야 할까요? 당근페이는 당근 서비스 곳곳에서 쓰여요. 중고거래 채팅방에서 송금할 때, 당근 픽업으로 음식을 주문할 때, 동네걷…
AI 데이터 분석가 ‘물어보새’- 3부. Agent로 더 넓고 깊은 지식 공유하기 프롤로그 AI 기술을 활용해 구성원의 의사결정을 지원하는 BADA(Baemin Advanced Data Analytics)팀은 우아한형제들 구성원의 데이터 리터러시와 업무 생산성 높이는 ‘물어보새’를 비롯…
nginx 설정 없이 우아하게 서비스 점검하기 (下) 리뉴얼된 AccessBlock 개요 지난 편에는 저희가 이 AccessBlock 을 도입하게 된 계기와 사용하는 도중 어떤 니즈가 있었고 어떤 아쉬움으로 인해 계속해서 점진적으로 시스템을 어떻게 바꿔왔는지를 말씀드렸습니다. 이어서 이…
YDS(Yogiyo Design System)는 요기요에서 운영하는 디자인 시스템입니다. 요기요에서는 YDS를 구축하여 개발자와 디자이너의 생산성을 향상시키고, 사용자에게는 일관된 경험을 제공하고 있습니다. 요기요 FE팀은 YDS version 2를 재구축하는 과정에서 얻은 인사이트를…
FE News 25년 10월 소식을 전해드립니다! - 등록일 - 2025.10.01 - | - 코멘트 - 3598 주요소식 다음과 같은 유용한 정보들을 만나보실 수 있습니다. 1. React 생태계 혁신 정체 논란 React가 프런트엔드 개발의 사실상 표준이 되면서 오히려 기술 혁신이…
AI 코딩 도구 보안 가이드: 실제 사고 사례와 DevContainer 격리 환경 구축 방법 들어가며 AI 기반 코딩 도구가 개발 생산성을 혁신적으로 향상시키고 있습니다. 그러나 강력한 기능만큼 보안을 위해 새롭게 고려해야 할 문제들도 함께 등장했습니다. 이 글에서는 Claude Cod…
LLMOps로 확장하는 AI플랫폼 2.0 AI 기술은 빠르게 진화하고 있습니다. 우아한형제들 AI플랫폼팀은 그동안 AI플랫폼 1.0을 통해 머신러닝(ML) 모델을 개발·배포·운영을 지원하는 MLOps 플랫폼을 구축해 왔습니다. AI플랫폼 1.0의 상세 내용은 아래 글에서 다뤘습니다. 대…
안녕하세요. 더핑크퐁컴퍼니에서 Software Engineering Intern으로 근무하고 있는 앤디입니다.😆 이번 포스트에서는 인턴으로서 처음 맡았던 업무 중 하나였던 사내 카페 서비스 프로젝트의 마이그레이션 과정에서 React Query를 활용하며 겪었던 경험을 공유드리려고 합니다…
🎬 라포랩스 FE가 들려주는 성장 스토리 (심은서 님 & 조승희 님) 이번 영상에서는 빠르게 변화하는 환경 속에서 FE가 어떻게 성장할 수 있었는지, 그 경험을 공유했는데요. 'AI 퍼스트'라는 전사적인 지향점 아래, 효율적인 엔지니어링 방식과 유저 경험을 개선하기 위한 끊임없는 고민에…
안녕하세요. My 구독은 톡클라우드 및 이모티콘 플러스와 같은 카카오톡 내 서비스를 정기구독하거나, 같이가치 플러스를 통해 정기 기부를 할 수 있도록 상품 정보부터 해지까지 전체 플로우를 제공하는 플랫폼입니다. My 구독은 생긴지 5년 가까이 되는 플랫폼인데요. My 구독이 생겼던 20…
안녕하세요. 무신사 Core Engineering/Personalization Engineering 팀에서 프론트엔드 개발을 맡고 있는 김의중입니다. 새로운 기능을 추가하거나 기존 코드를 수정할 때, 이런 불안감을 느껴본 적 있으신가요? “여기는 잘못 수정하면 버그가 발생할수 있겠다”…
에이전틱 코딩을 통한 1인 프로토타입 제작의 가능성을 확인하고 개인과 단일 조직의 다양한 에이전틱 코딩 업무 활용 사례를 수집한 이후, 기술전략은 'AI 마일리지 프로그램’을 기획했습니다. AI 마일리지 프로그램에 참여한 개발자를 대상으로 다양한 상용 AI 도구(예: 코드 생성 AI,…
카카오가 ‘에이전트 기반 리엔지니어링’ 철학을 바탕으로 개발 업무를 진행하면서 겪은 초기 성공 경험 중 두 가지 사례를 소개합니다. 사례 1. 검증 스트레스를 줄이다 카카오의 애플리케이션이 사용자에게 배포되기 전, 반드시 거쳐야 하는 중요한 절차가 있습니다. 바로 오픈소스 자동화 관리…
AI 개발팀이라면 누구나 경험하는 딜레마가 있습니다. “이런 모델 구조를 시도해보면 어떨까”, “새로운 데이터셋으로 실험해볼까”, “이런 기능을 추가하면 사용자들이 좋아할 텐데”, "저런 도구가 있으면 개발이 훨씬 편해질 텐데"라는 아이디어는 끊임없이 나오지만, 정작 구현에 들어가면 현…
아무리 강력한 플랫폼이 존재하더라도, 개발자들이 매일 마주하는 ‘개발 환경’ 자체가 AI와 유기적으로 융합되지 않는다면 AI의 잠재력을 온전히 발휘하기 어렵습니다. 아무리 지능형 플랫폼이 고도화되어도, 개발자가 그 기능을 손쉽게 활용하고, AI와 끊김 없이 협업할 수 있는 환경이 뒷받침…
AI는 배포 및 운영 환경에 실질적인 변화를 가져왔습니다. 덕분에 카카오의 데브옵스 문화 역시 더욱 가속화되고 서비스의 안정성도 개선되고 있습니다. AI가 어떻게 카카오의 배포 워크플로를 효율화하고, 운영 환경을 예측 가능하게 만들며, 나아가 시스템 스스로 문제를 해결하는 자율적인 운영…
안녕하세요. 29CM에서 프론트엔드 개발을 담당하고 있는 개발자 전은미입니다. 오늘은 주문서 결제 혜택 UX 개선 프로젝트를 통해 고객의 결제 경험과 구매 전환율을 향상시킨 경험을 공유하려고 합니다. 우리가 풀고자 했던 문제 29CM 주문서에는 다양한 결제수단별 혜택이 존재합니다. 그러…
안녕하세요, 모두싸인에서 프론트엔드를 개발하고 있는 엔지니어 레오(Leo)입니다. 이번 포스팅에서는 프론트엔드 개발 과정에서 “하나의 소스코드로 여러 환경의 요구사항에 대응하면서 개발 생산성 및 유지 보수성까지 높일 수 있을까?” 라는 질문에서 출발한 경험을 공유하려 합니다. 특히 AS…
안녕하세요 Local Business 프론트플랫폼팀의 Joon이에요. 프론트플랫폼팀은 Local Business 플랫폼 조직 하위에서 FE 엔지니어(Raff, James.choi, Dio, Joon)만으로 구성된 팀이에요. 저희는 사장님/유저 양면에서 당근의 로컬 비즈니스 생태계를 지탱…
- blog Next.js ISR 전환과 Redis 외부 캐싱 (SSR 지옥 탈출기 시리즈 1) Next.js SSR 지옥 탈출기 시리즈 - 👉 Part 1. ISR 전환과 Redis 외부 캐싱 - 카카오 인프라 환경에서 SSR을 운영하며 맞닥뜨린 한계와, 그 과정에서 얻은 Next.j…
- blog Next.js SSR 서버를 위한 모니터링 시스템 구축 (SSR 지옥 탈출기 시리즈 2) Next.js SSR 지옥 탈출기 시리즈 - Part 1. ISR 전환과 Redis 외부 캐싱 - 카카오 인프라 환경에서 SSR을 운영하며 맞닥뜨린 한계와, 그 과정에서 얻은 Next.…
안녕하세요, 개발그룹 데이터서비스개발팀 이성현 매니저입니다. 본 글을 통해 저희 '오!라방' 서비스의 클라우드 비용 절감 사례를 소개해 드리게 되어 기쁩니다. '오!라방'(설명 참조)은 SK플래닛의 OK캐쉬백 앱 내에서 운영되는 라이브커머스 채널링 플랫폼의 이름으로, 'OK캐쉬백'과 '…
안녕하세요 여기어때컴퍼니 DevOps팀 주피터입니다 DevOps팀은 여기어때컴퍼니 Tech 조직내 개발자들의 업무 몰입을 위한 개발 환경과 체계를 만들어가는 조직으로 조직별로 상이한 개발 환경을 통합하고 운영하고 있습니다. 이번에 다룰 주제는 모두를 위한 CI/CD 개선기 2편, CI…
안녕하세요. 무신사에서 주문을 담당하는 백엔드 엔지니어 박준호입니다. 이번 글에서는 제가 운영진이자 동시에 참가자로 참여했던 무신사 엔지니어링에서 진행했던 AI 해커톤 무슨사이(MUSNSAI) 의 여정을 공유하려 합니다. 단순한 이벤트 후기가 아니라, 주문개발팀, 클레임개발팀, 세일개발…
우리는 어디에 서 있는가? 지금 우리는 거대한 변혁의 한복판에 서 있습니다. 어떤 사람들은 지금을 ‘제2의 산업혁명’이라 부르고, 또 어떤 사람들은 ‘지능 혁명’이라고도 칭합니다. AI라는 거대한 변혁의 파도가 우리의 일과 삶, 그리고 생각하는 방식까지 모든 것을 바꾸고 있다는 사실만은…
FE News 25년 9월 소식을 전해드립니다! - 등록일 - 2025.09.04 - | - 코멘트 - 3353 주요소식 다음과 같은 유용한 정보들을 만나보실 수 있습니다. - Augmented vs Vibe Coding: - Kent Beck은 BPlusTree3 라이브러리를 통해,…
안녕하세요! 올리브영 프론트엔드 개발자 쩡다입니다. "하나의 콘텐츠를 만드는 데 정말 7일이나 걸려야 할까요?" 이 질문에서 시작된 올리브영의 콘텐츠 제작 프로젝트를 소개합니다. 직접 구축한 블록 기반 CMS로 제작 시간을 7일에서 20분으로 단축하고, Vue에서 Lit 웹 컴포넌트로…
안녕하세요. 서비스웹개발팀의 프론트엔드 개발자 헨비입니다. 이번 고객센터 채팅 상담 프로젝트는 Web과 Mobile Web, 그리고 “여기어때” 앱 내의 WebView(Android/iOS) 환경에서 동시에 작동하는 서비스입니다. 실시간 상호작용과 멀티 디바이스 환경에서 안정성을 보장하…
안녕하세요, 여기어때컴퍼니 파트너웹개발팀 쥴리입니다. 저희 팀은 효율적인 개발 환경을 만들기 위해 꾸준히 개선하고, 새로운 방식을 도입하고 있습니다. 이 플러그인을 도입한 이후, Typography 컴포넌트를 작성하는 데 걸리는 시간이 30초에서 5초 미만으로 줄어드는 등 UI 개발 속…
안녕하세요, 올리브영에서 프론트엔드 업무를 진행하고 있는 개발새발자입니다. 최근 개발 환경의 가장 큰 화두는 단연 LLM 기반의 AI 코딩 도우미일 것입니다. 저희 올리브영에서도 개발자들의 생산성을 혁신하기 위해 ChatGPT, Gemini, Amazon Q 등 다양한 AI 서비스를 적…
안녕하세요! 저는 토스코어에서 CX Product Team 소속으로 프론트엔드 개발을 하고 있는 손연지라고 합니다. 지금까지는 상담 대시보드, 내부 상담 어드민, STT 어드민 같은 CX 인터널 제품들을 주로 개발해왔고, 최근에는 대고객 제품인 고객센터 챗봇 서비스를 맡아 개발하고 있어…
요약: 카카오페이의 금융 AI 컨시어지 ‘페이지니‘는 사용자의 위치·시간·이용 기록을 분석하여 사용자에게 적합한 금융 서비스와 혜택을 제안하는 서비스입니다. 음성 및 텍스트 입력을 모두 지원하며, AWS Bedrock 기반의 멀티 에이전트 구조로 ‘전체 서비스 추천‘과 ‘가맹점 혜택 추…
A11y Fundamentals 이란? 토스는 ‘누구나 금융을 쉽게’ 사용할 수 있는 세상을 꿈꿔요. 그래서 제품을 만들 때도, 문서를 쓸 때도, 접근성을 고민합니다. 접근성(Accessibility, 줄여서 A11y)은 모든 사용자가 더 쉽고 편리하게 웹을 사용할 수 있도록 돕는 기본…
FE News 25년 8월 - 등록일 - 2025.08.07 - | - 코멘트 - 2526 주요소식 25년 8월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. 링크 & 읽을거리 - JSNation 2025: GitNation이 주최하는 JavaScript 컨퍼런스로, J…
요약: 이 글에서는 카카오페이가 AI 에이전트와 결제 API를 연동하기 위해 Model Context Protocol(MCP)을 도입하고, 멀티 프레임워크를 지원하는 MCP Agent Toolkit을 개발한 과정을 다룹니다. 기존 OpenAI function calling이나 LangC…
버즈빌 프론트엔드 변천사 버즈빌 Supply 그룹의 Product Growth 팀의 Luke입니다. 저희 버즈빌에서 지난 몇 년간 겪어온 프론트엔드 아키텍처 변화를 공유하려 합니다. AngularJS에서 시작해 Vue, React를 거쳐 Next.js까지, 각 전환점에서의 고민과 선택…
2025 카카오 사내 해커톤 ‘10K’ 우승팀이 말하는 '바이브 코딩’의 모든 것 이 글은 카카오 사내 해커톤 수상팀이 언론 인터뷰한 내용을 재구성한 글입니다. 인터뷰 원문은 기사에서 확인할 수 있습니다. 최근 카카오에서 열린 사내 해커톤 '10K’는 AI가 개발 문화와 생산성의 패러다…
안녕하세요, 커뮤니티실 모임팀의 프론트엔드 엔지니어 Louie(루이)예요. 오늘은 모임 서비스의 ‘웹앱’ 환경에 에디터를 적용했던 경험을 공유하려고 해요. 모바일 앱에서 게시글을 올려보신 적 있으신가요? 그때 텍스트를 꾸미고 이미지를 글 사이사이에 자유롭게 배치하셨다면 ‘에디터’를 사용…
반갑습니다! 오늘도 올리브영입니다! 반갑습니다! 올리브영 백엔드 개발자 유롱롱입니다! 🐶 요즘 개발 조직에서는 빠르게 변화하는 요구에 유연하게 대응하기 위해 다양한 방식의 조직 구조를 도입하고 있습니다. 그 중 하나가 바로 '스쿼드(Squad)'라는 형태입니다. 이번 글에서는 스쿼드란…
안녕하세요! 올리브영 프론트엔드 개발자 hee 입니다 여러분은 혹시 사용자가 이전에 보던 화면 그대로 다시 보여주려다 예상치 못한 스크롤 위치 때문에 당황했던 경험이 있으신가요? SPA 환경에서 '스크롤 복구(Scroll Restoration)'는 단순해 보여도 개발자를 끊임없이 괴롭히…
최근 저희 프론트엔드 팀에서는 스타일링과 관련된 중요한 의사결정을 했어요. styled-components를 사용하며 발생하는 런타임 오버헤드가 점점 부담스러워졌고, LLM을 통한 생산성도 고려한 결과 tailwindcss로의 전환을 결정하였어요. 이 과정에서 “어차피 디자인 토큰과 유…
안녕하세요, 무신사 세일개발팀 백엔드 개발자 이희윤입니다. 저희 팀은 무신사에서 상품의 가격과 쿠폰을 담당하며 고객들에게 최적의 쇼핑 경험을 제공하기 위해 노력하고 있습니다. 오늘은 무신사의 폭발적인 성장과 함께 거대해진 쿠폰 시스템의 문제점들을 진단하고, 끈질긴 개선 작업을 통해 DB…
안녕하세요! 동네생활팀 프론트엔드 엔지니어 인턴 링커(Linker)예요. 저희 팀은 동네 정보와 이야기를 자유롭게 나누는 커뮤니티, 동네생활을 만들고 있어요. 동네생활은 모바일 기기 성능이 좋지 않거나 웹뷰 로딩이 느린 환경에서도 사용자에게 원활한 경험을 제공하기 위해 Streaming…
작년 이맘때까지만 해도 프론트엔드 개발자가 AI를 사용하는 용도는 새로운 기술을 습득하거나 코드를 리팩터링하는 등 프롬프트를 기반으로 하는 코드 생성 작업이 대부분이었던 것 같은데요, MCP와 코딩 에이전트의 등장 후로는 훨씬 더 다양한 방식으로 AI를 활용할 수 있게 된 것 같습니다.…
안녕하세요. 풀필먼트 백엔드 개발을 담당하고 있는 시나브로우입니다. 이번 글에서는 올리브영만의 최초 물류 시스템, GMS(Global Warehouse Management System)를 소개드리고자 합니다. 2024년 10월, 올리브영은 글로벌 사업 확장과 자체 물류 인프라 강화를 목…
안녕하세요! 방탈출과 보드게임을 좋아하는 올리브영의 프론트엔드 개발자 애플🍎입니다. 디플롯 서비스에 마이크로프론트엔드 아키텍처를 적용할지 검토하면서 MFE(Micro Frontend, 마이크로프론트엔드)에 대해 본격적으로 깊이 파고들게 되었습니다. 이 시리즈는 그 과정에서 정리한 내용을…
안녕하세요! SSG.COM AI팀에서 자연어 처리 모델 개발과 서비스를 운영하고 있는 김재현입니다. 최근에 사내 위키 시스템인 Confluence를 조금 더 편하게 검색하보자는 생각으로, 문서 검색과 담당자·사내 규정 검색을 도와주는 Agent를 직접 만들어봤습니다. 원래는 원하는 정보…
접근성 지원을 한다고 하면, 사람들은 뭘 더 해야 한다고 생각합니다. 뭘 더 하는 만큼 개발기간도 더 늘어난다고 생각합니다. 하지만 이런 생각은, 보안성을 챙기면 개발기간이 늘어난다 는 주장만큼이나 틀린 말입니다. 보안성을 고려하며 개발하는 것이지, 개발 다 끝내놓고 그 다음에 보안성을…
<<추가>> 10/1일자로 새로운 내용을 업데이트하였습니다. 링크 를 참조하세요! - SK AI SUMMIT 2025 및 클로드코드 해커톤 - 팀네이버 컨퍼런스 DAN25 - 우아콘 2025 등등 안녕하세요, 이 글에서는 여러 곳에서 열리는 국내외 기술 세미나 & 컨퍼런스 주요 정보를…
FE News 25년 7월 소식을 전해드립니다! - 등록일 - 2025.07.04 - | - 코멘트 - 7877 주요소식 25년 7월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. 링크 & 읽을거리 Goodbye UseState: XState의 창시자 David Khou…
- blog - events 바이브 코딩으로 48시간 만에 250명 규모 해커톤 AI 심사 시스템 구축기 안녕하세요! 지난 주 목요일, 카카오 AI 캠퍼스에서는 크루들을 대상으로 한 특별한 '10K 해커톤’이 열렸습니다. 이 해커톤은 무박 2일의 전통적인 방식에서 벗어나, 단 10시간…
안녕하세요, 인프랩 프론트엔드 개발자 빠삐코입니다. 데이터 기반 의사결정에서 정확한 사용자 행동 데이터 수집은 무엇보다 중요합니다. 저희 팀도 Google Tag Manager(GTM) 를 통해 Google Analytics, Mixpanel 등 다양한 분석 도구로 이벤트를 전송하며 사…
안녕하세요. 무신사에서 이벤트, 전시 개발을 리딩하고 있는 장진달입니다. 매년 여름과 겨울, 저희는 ‘무진장’이라는 이름의 대규모 할인 이벤트를 진행합니다. 이는 단순한 세일 행사가 아니라, 저희 기술 조직에게는 한바탕 치러야 할 거대한 전쟁과도 같습니다. 고객과 입점 브랜드 모두에게…
안녕하세요, 토스페이먼츠 김용성입니다. 지난주, 토스페이먼츠에서 PG업계 최초로 MCP를 소개하면서 많은 분들이 관심가져 주셨는데요. 이 글을 통해 MCP 서버 구현 과정과 그 안에서 얻은 러닝을 공유하고자 해요. 요약 * 길드(guild): 서로 다른 팀이나 사일로에 속한 팀원들이 느…