SK플래닛에서 운영하는 블록체인 플랫폼의 프론트엔드 개발을 담당하는 김찬민입니다. 저는 입사 전부터 '나부터 사용하고 싶고 네이티브 이상으로 부드러운 웹앱'을 만들고 싶은 꿈이 있었는데요, 이를 위해 작은 디테일을 잡아내는 것이 중요하다고 생각했습니다. 이번 글은 프론트엔드 개발자가 도…
들어가며 안녕하세요. LINE GAME PLATFORM Dev2 팀의 이현섭, 이형중입니다. LINE GAME PLATFORM에서는 게임 개발에 필요한 다양한 플랫폼 서비스를 개발합니다. 저희 팀은 그중에서도 게임 데이터를 수집하고 분석하기 위한 프로덕트와 MLOps, LLMOps를 개…
새로운 기능을 개발하다 보면 이런 순간이 찾아와요. 모니터에는 수십 개의 탭이 열려있고, 팀 내부 도구 사용법을 찾아보려는데 문서가 어디 있는지조차 기억나지 않죠. 결국 동료에게 메시지를 보내고 답장을 기다리면서 개발 흐름이 끊기고 맙니다. 익숙한 상황이죠? 토스 프론트엔드 챕터도 비슷…
안녕하세요. 인벤토리 스쿼드 백엔드 개발을 담당하고 있는 한첨지입니다! 앞서, 올여우님께서 신규 재고 시스템 구축을 위한 개발 여정을 소개해 주셨는데요, 신규 구축 이후로도 인벤토리 스쿼드에서는 올리브영의 타 시스템에서 재고를 빠르고 효율적으로 가져가실 수 있도록 끊임없이 개선의 과정을…
들어가며 링크 복사 안녕하세요, 카카오모빌리티의 공통FE셀 댄입니다. 저희 회사에는 20명 이상의 프론트엔드 개발자들이 근무하고 있습니다. 저는 이들이 공통으로 겪는 어려움을 파악하고, 효과적인 해결책을 제시함으로써 각 개발자가 본인의 핵심 업무에 더욱 집중할 수 있도록 지원하고 있습니…
요약: 이 글은 결제탭 서버의 Server Driven UI(SDU) 방식을 설명하며, 안정적이고 유연한 구조로 결제탭의 다양한 콘텐츠를 효율적으로 서빙하는 방식을 다룹니다. 결제탭은 MSA 구조와 비동기 API 호출을 활용해 사용자 맞춤형 혜택과 기능을 제공하며, Row 설정을 통해…
목차 1. 시작하며 안녕하세요 common resource 팀의 카인입니다. common resource 팀은 개발자들의 일상적인 작업을 돕는 여러 도구들을 지속적으로 개발하고 있습니다. 우리는 프로젝트를 진행하면서 환경 변수를 다루는 상황에 직면하게 됩니다. 지금까지 쏘카의 프론트엔드…
시작하며 안녕하세요 common resource 팀의 카인입니다. common resource 팀은 개발자들의 일상적인 작업을 돕는 여러 도구들을 지속적으로 개발하고 있습니다. 우리는 프로젝트를 진행하면서 환경 변수를 다루는 상황에 직면하게 됩니다. 지금까지 쏘카의 프론트엔드 조직에서는…
프로젝트에 React Native를 도입할 때 크게 두 가지 방식이 있습니다. - 프로젝트를 처음부터 React Native 로 개발한다. - 현재 프로젝트에 부분적으로 React Native 를 도입한다. 베트남의 토스앱을 개발하던 때는 운영되는 서비스를 잠시 멈추고 React Nat…
토스의 프론트엔드 리드(F-Lead)들은 어떻게 리더로서 성장했을까요? ”리더십, 과연 성장 가능한 영역이 맞을까요?” “구성원 성장에 도움 되는 피드백은 어떤 것들이 있을까요?” “조직의 성장에 있어서 필요한 리더의 역할은 과연 무엇일까요?” 토스의 프론트엔드 리드(F-Lead) 노경…
안녕하세요. 질문을 사랑하는 올리브영 프론트엔드 개발자 “우문Hyun답”입니다.😁 스토어전시 스쿼드에서는 24년 2-3분기에 기존 JSP로 구현된 기획전 시스템을 Next.js로 전환하여 개편하는 작업을 진행 하였는데요. 이번 포스트에서는 다사다난했던 기획전 개편에서 제가 담당한 기획전…
- blog - events [if(kakaoAI)2024] 새로운 유저 라이프를 연결하는 카카오 AI - AI Life Panel Talk 여는 글 ‘모든 연결을 새롭게’라는 슬로건으로 AI 시대에 변화하는 미래상과 카카오 AI 이야기를 전달하는 ‘CTO 패널톡’은 if(kakaoAI…
이 글은 LINE Engineering Blog에 발행했던 글을 LY Tech Blog로 재발행하였습니다. 서비스 소개 '데마에칸(出前館)'은 2000년부터 서비스를 시작한 일본 최대 규모 음식 배달 서비스로 2020년 당시, 아직 LINE이었던 LY Corporation에서 인수했습니…
복잡한 분기와 타입 추론의 고통 개발을 하다 보면, 조건에 따라 서로 다른 로직을 실행해야 할 때가 많아요. 이러한 상황에서 우리는 흔히 if 문을 사용하죠. 하지만 복잡한 조건들이 겹쳐질수록 분기문은 점점 난잡해지고, 이를 유지 보수하는 것이 어려워집니다. 특히, 타입스크립트와 같은…
네이버 검색 클라이언트 로그 수집 - Beacon API 전환기 - 등록일 - 2024.10.25 - | - 코멘트 - 6586 네이버 검색에서는 정확하고 사용자에게 필요한 검색 결과를 제공하기 위해 다양한 로그를 수집하고 있습니다. 그 중에서 가장 중요한 클릭 로그 수집 체계를 Bea…
본 글은 Amazon Web Services(AWS)에 기고한 글임을 밝힙니다. 구름은 2013년 설립된 AI·SW 에듀테크 스타트업으로, ‘모두가 개발자가 된다’는 비전을 실현해나가고 있습니다. 누구나 양질의 SW 교육을 받고 성장할 수 있도록, 개발 환경 구성의 어려움을 해결하고 클…
안녕하세요. 일본 최대 규모의 음식 배달 서비스 Demaecan(出前館, 이하 데마에칸) 프로덕트를 담당하는 김영재라고 합니다. 어느덧 프로덕트를 쇄신한 지 2년 반이 되어가고 있습니다. 이번 글은 레거시를 해소하면서 서비스를 혁신해 나가는 데마에칸의 여정 중 기록을 남기는 의미로 작성…
if(kakaoAI)2024에서는 AI의 여러 주제를 비롯하여, Backend, Cloud, Data, DevOps, Infra/System, Mobile, Frontend 등 다양한 개발 분야를 다룹니다. 카카오의 최신 기술 도입 및 개선 사례를 소개하며, 개발 효율성과 성능 최적화에…
if(kakaoAI)2024의 ‘FE(Frontend)’ 세션은 총 9개 세션으로 아래와 같습니다. 효율적인 방법론에 대한 고민부터, 지표 모니터링, 뷰어/플러그인/라이브러리 개발, UX와 성능 개선기까지, 카카오의 다양한 프론트엔드 개발 경험과 기술 적용 사례를 공유합니다. DAY2,…
- blog - events if(kakaoAI)2024 기술 세션 찾아보기 (날짜별) 10월 22일 부터 24일까지, 카카오의 연례 개발자 행사 ‘if(kakaoAI)2024’가 ‘카카오 AI 캠퍼스’에서 개최됩니다. 3일간, 키노트, 패널톡, 전시와 체험이 준비되어 있는데요, 무엇보…
if(kakaoAI)2024 둘째 날은 AI, Mobile, FrontEnd, DevOps, Infra/Network, 개발 생산성, 개발 방법론 등에 대해 이야기합니다. 총 31개의 오후 기술 세션들이 아래와 같이 진행됩니다. AI - 밑바닥부터 시작하는 LLM 개발기 (김보섭, 온경…
프론트엔드 개발에서 프레임워크는 정말 필수 일까요? “비트겐슈타인 철학 개념을 활용한 프레임워크 정의부터” “락 음악으로 비유한 프레임워크와 라이브러리의 차이점까지!” 실제 업무에서 프레임워크를 언제, 어떻게 사용해야 할지 궁금하다면? 토스 정진우, 조유성 님이 전하는 프레임워크와 라이…
프론트엔드 통합 테스트로 더 안전한 웹 서비스 개발하기 여러분의 테스트코드를 얼마나 신뢰하시나요? 오늘날 많은 웹 서비스가 성장하면서 UI/UX의 중요성이 더욱 강조되고, 프론트엔드에서 처리되는 비즈니스 로직도 증가하고 있습니다. 이에 따라 프론트엔드 테스트의 중요성도 자연스럽게 커지고…
많은 분들이 기다리셨던 토스 개발자 컨퍼런스 SLASH24가 지난 9월 12일 코엑스 그랜드볼룸에서 진행되었습니다. 올해로 벌써 4회째를 맞은 이번 컨퍼런스는 더욱 특별했는데요, 그동안 온라인으로만 진행되었던 SLASH가 처음으로 오프라인으로 진행되었기 때문이에요. SLASH24 당일,…
FE News 24년 10월 소식을 전해드립니다! - 등록일 - 2024.10.02 - | - 코멘트 - 3646 주요내용 24년의 10월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. - Why did OpenAI move from Next.js to Remix? -…
안녕하세요. 캐치테이블 프론트엔드 개발자 엄지혁입니다! 저는 합류 초기에 주로 마케팅 관련 업무를 담당했는데요. 이 글에서는 그 경험과 그 과정에서 직접 기획하고 제안하여 개발한 ‘에디터’에 대해 소개하고자 합니다. 먼저 이 글은 총 3개의 편으로 구성될 예정입니다. 1편: 에디터의 탄…
이 글은 IDG의 아티클을 전재하여 제공합니다. [원문보기] : https://www.ciokorea.com/news/348590#csidx934ddb7c7a1d416929b68e5730b6cf1 우리는 종종 엔터프라이즈 기술이 빠르게 변화하고, 지금 당장 이 기술이나 저 기술에 뛰어들…
많은 분들이 "올리브영"하면 떠올리는 첫인상은 아마도 뷰티&헬스 스토어일 것입니다. 그래서 여전히 “올리브영 개발자”라고 소개하면 돌아오는 반응은 대개 비슷합니다. 🤔: 올리브네트웍스를 말씀하시는 건가요? 올리브영은 다 SI로 개발하는 거 아니었어요? 🫢: 우와, 올리브영에 개발자가 생…
토스에서 말하는 일 잘하는 개발자의 기준은 무엇일까요? "좋은 코드도 제품이 망하면 의미가 없다!" "개발자가 개발만 잘하면 돼? 천만에! 한 명의 메이커로서 기여하는 것이 필요해요” 토스증권 이정연, 최지민 님이 직접 전하는 "일 잘하는 개발자란 바로 이런 것!" 함께 들어보세요! 타…
우아한테크캠프 7기: 데모데이 1위 팀의 로그 매니저 프로젝트를 소개합니다! 유난히 길었던 지난 여름, 우아한형제들에서는 서버 개발자 양성을 위한 우아한테크캠프(이하 우테캠) 7기가 진행되었습니다. 10주간 실력을 갈고 닦은 교육생들은 한곳에 모여 데모데이에서 열정을 불태웠는데요. 이번…
API 가이드 vs. API 스펙, 뭐가 다른거야? 들어가며 API(application programming interface)는 우리가 인지하지 못하는 동안에도 일상생활의 곳곳에 밀접하게 연관되어 있습니다. 날씨 정보 조회에서부터 소셜 미디어 로그인까지 우리가 의식하지 않는 순간에도…
상태 기계를 활용해 서비스 복잡도를 낮추고 생산성을 개선한 경험을 공유합니다. 안녕하세요, 캐치테이블 프론트 개발 파트의 우정민입니다. 저희 팀은 고객과 매장을 더 쉽고 편리하게 연결하기 위해 다양한 도전 과제를 해결하고 있는데요! 이 글에서는 최근 진행한 타사와의 예약, 웨이팅 서비스…
안녕하세요. ABC Studio에서 Demaecan(出前館, 이하 데마에칸) 앱을 개발하고 있는 김종식입니다. 데마에칸은 2000년부터 서비스를 시작한 일본 최대 규모의 음식 배달 서비스로 ABC Studio는 2021년 봄부터 프로덕트 개선에 참여하고 있습니다. Flutter 전환의…
토스 합류까지 이어진 오픈소스 기여 경험, 궁금하지 않으세요? “토스는 어떻게 코드를 쓸까?” “라이브러리는 진짜 해결하고자 하는 문제가 무엇인지 잘 정의하는 것이 중요해요” “토스 오픈소스는 토스 개발자와 코드 리뷰를 주고 받을 수 있는 찬스” 토스 박찬혁, 고종현 님이 직접 전하는…
FE News 24년 9월 소식을 전해드립니다! - 등록일 - 2024.09.04 - | - 코멘트 - 3473 [주요내용] 24년의 9월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. - Google Angular Lead Sees Convergence in JavaS…
안녕하세요, 이번 글에서는 javascript의 Proxy API를 사용해 웹 기반 게임 Admin에서 gRPC 게임 서버와 효과적으로 통신하는 방법을 소개합니다. #Introduction 요즘 웹 서비스들은 통신 방식으로 대부분 REST API를 사용합니다. 하지만 실시간으로 많은 데…
여러분은 업무에서 GitHub Copilot(이하 '코파일럿'으로 명명) 등 AI-assisted Software를 얼마나 많이 사용하고 계신지요? :) SK플래닛에서도 이미 작년부터 코파일럿을 업무에 도입한 개발자들이 있었지만, 직무와 연차, 활용 용도에 따라 상이하게 사용하고 있었고…
목차 - 시작하며 - 2.1 계속해서 생겨나는 중복 코드들 - 4.2 모노레포 환경 구성 세팅하기 4.3 Code Generator를 활용한 프로젝트 세팅 4.4 결론 - 마치며 1. 시작하며 해당 글은 다음과 같은 분들에게 도움이 됩니다. - 모노레포 환경으로 이관/구성하려는 프론트엔…
시작하며 해당 글은 다음과 같은 분들에게 도움이 됩니다. - 모노레포 환경으로 이관/구성하려는 프론트엔드 개발자 - 프로젝트 환경 세팅 자동화를 하여 효율성을 높이고 싶은 개발자 안녕하세요 쏘카 웹 프론트엔드로 근무하고 있는 Common Resource 팀 리아코 입니다. 이미 프로젝트…
요약: 사내 슬랙봇 ‘앙몬드’는 분산 시스템 환경에서 운영되며, 이 과정에서 발생한 동시성 문제와 탭 고정 문제를 해결하기 위해 데이터베이스 트랜잭션, Lock, Redis 등을 활용했습니다. 이러한 경험을 통해 프론트엔드 개발자로서 서버 측 동작 원리와 분산 시스템 특성을 이해하고,…
[다시 보기] 8월 우아한테크세미나: 생성AI로 똑똑하게 일하는 법 8월 우아한테크세미나 : 생성AI로 똑똑하게 일하는 법 📅 일정 - 2024. 8. 28.(수) 저녁 6시, 약 90분간 - 우아한테크 YouTube 채널 실시간 스트리밍 🖇️ https://youtube.com/@wo…
요약: 사내 기술 공유 활성화를 위해 사이드 프로젝트로 시작한 슬랙봇 ‘앙몬드’는 비효율적인 복붙 업무 자동화, TIL 기록 및 공유, 명예의 전당 등 다양한 기능을 제공하여 쉽고 재미있게 기술 공유에 참여할 수 있도록 돕습니다. 앙몬드 개발 과정에서 겪었던 문제 해결 경험과 슬랙봇 개…
이 글은 IDG의 아티클을 전재하여 제공합니다. [원문보기] : https://www.itworld.co.kr/techlibrary/343655#csidx7407749d38a10c3be18f606036d75ff 하나의 기술이 발전하면 관련된 애플리케이션 개발과 현대화의 변화도 일어납니다…
안녕하세요! 커뮤니티실 동네생활팀 프론트엔드 엔지니어 리디아(Lydia)예요. 당근에 합류한 지 이제 막 한 달이 넘어가고 있는 따끈따끈한 저의 경험을 여러분께 공유하고 싶어 찾아왔어요. 당근 동네생활팀은 이웃들과 동네에서 일어나는 다양한 경험과 정보를 공유하고 교류하는 ‘공간’을 만들…
올리브영은 뷰티 상품을 중심으로 각기 다른 특징을 가진 상품을 고객에게 전달하고 있습니다. 최근엔 W CARE(여성 건강 관리 서비스), 라이브 방송, 매거진 등 전통적인 커머스 기능을 넘는 새로운 도메인도 제공하고 있습니다. 이렇듯 올리브영 프론트엔드에서 다뤄야 하는 값, 자료구조,…
테스트를 거치지 않은 소프트웨어는 없습니다. 하지만 많은 기능을 가져 복잡해진 현대의 소프트웨어를 온전히 테스트하는 것은 굉장히 어려운 일입니다. 이러한 테스트를 자동화하지 않은 채 소프트웨어를 지속적으로 배포하는 것은 불가능에 가깝다고 할 수 있습니다. 이번 글에서는 카카오스타일에서…
요약: 카카오페이는 서비스 안정성 향상을 위해 오픈소스 MockServer 기반의 사내 공통 목 서버를 개발했습니다. 이 목 서버는 독립적인 테스트 환경 제공, 외부 서비스 의존성 최소화 등의 기능을 통해 개발 및 테스트 효율성을 높였으며, 현재 29개 조직에서 72개의 목 서버를 사용…
안녕하세요! 올리브영에서 라이브관과 매거진관을 담당하고 있는 몌으니입니다🦦💙 올리브영의 백오피스(BackOffice)시스템(이하 BO)에 Storybook을 활용한 디자인 시스템을 구축함으로써 통합된 개발 환경을 구축하고 개발 생산성을 향상시킨 경험을 소개합니다. - 콘텐츠 BO 탄생하…
안녕하세요. Data Platform Dev에서 쿠버네티스 클러스터를 운영하며 컴포넌트를 개발하는 이현규입니다. 제가 운영하는 쿠버네티스 클러스터는 약 800대 규모로 주로 사내 데이터 플랫폼과 사내 MLOps 플랫폼의 ML 잡들이 실행되고 있는데요. 이번 글에서는 Informer를 사…
“구름IDE에서 실습하는 책이 나온다던데? 알고 있었어?” 어느날 지인이 뜻밖의 소식을 전해왔다. 구름IDE에서 챗봇을 만드는 책이 곧 나온다는 소식이었다. 고민할 틈도 없이 해당 출판사 지인에게 연락해 물었다. 책의 이름은 『챗GPT API를 활용한 챗봇 만들기』. 3월 출간 예정이라…
Polars로 데이터 처리를 더 빠르고 가볍게 with 실무 적용기 배달시간예측서비스팀은 배달의민족 앱 내의 각종 서비스(배민배달, 비마트, 배민스토어 등)에서 볼 수 있는 배달 예상 시간과 주문 후 고객에게 전달되기까지의 시간을 데이터와 AI를 활용하여 예측하는 시스템을 개발합니다.…
글쓴이 소개 sky.j 안녕하세요. 카카오 기술기획에서 테크 영입/성장을 담당하고 있는 sky(스카이)입니다. 테크직군 크루들의 기술성장을 위한 다양한 프로그램을 운영합니다. 👏 eve.y2k 안녕하세요. 카카오 애플리케이션을 모니터링하기 위한 표준 시스템을 개발하는 모니터링기술의 ev…
누가 내 쿠키를 먹었을까? 왜 iOS 웹뷰의 세션쿠키가 사라졌을까? 안녕하세요. 쏘카에서 프론트엔드 개발을 담당하고 있는 리우입니다. iOS 웹뷰에서만 세션쿠키가 갑자기 소실되는 현상을 마주한 적이 있나요? 해당 문제가 무엇이고, 왜 발생하고, 어떻게 해결했는지 실제로 겪은 사례를 통해…
누가 내 쿠키를 먹었을까? 왜 iOS 웹뷰의 세션쿠키가 사라졌을까? 안녕하세요. 쏘카에서 프론트엔드 개발을 담당하고 있는 리우입니다. iOS 웹뷰에서만 세션쿠키가 갑자기 소실되는 현상을 마주한 적이 있나요? 해당 문제가 무엇이고, 왜 발생하고, 어떻게 해결했는지 실제로 겪은 사례를 통해…
AI 데이터 분석가 ‘물어보새’ 등장 – 1부. RAG와 Text-To-SQL 활용 AI 데이터 분석가 ‘물어보새’는 생성형 AI를 주제로 한 우아톤 2023(우아한형제들 구성원 누구나 참여할 수 있는 사내 해커톤)을 계기로 탄생한 프로덕트입니다. 당시 ‘코드 없이 데이터 추출과 시각화…
테스트 코드는 왜 써야 할까요? 테스트 코드가 가져오는 베네핏들에는 어떤 것이 있을까요? 테스트 코드를 작성하게 되면, 장기적으로 생산성이 확대되고, 피드백 사이클이 짧아지고, 안정적으로 기능을 배포할 수 있다는 장점이 있는데요. 어떤 유형의 테스트 코드를 작성할 것인지, 테스트 코드를…
안녕하세요, 넷마블 사업디자인팀 이동규입니다. 넷마블 영상·디자인실은 업무 효율 향상의 목적과 최신 디자인 트렌드에 맞추고자 웹 기반의 인터페이스 디자인 프로토타이핑 툴인 Figma를 사용하고 있습니다. Figma는 기존의 다른 툴과 비교했을 때 가볍고, 다양한 플러그인을 업무에 적용할…
infer, never만 보면 두려워지는 당신을 위한 타입 추론 - 응용 문제 - 등록일 - 2024.07.04 - | - 코멘트 - 5373 'infer, never만 보면 두려워지는 당신을 위한 타입 추론' 관련 영상은 링크에서 보실 수 있습니다. 앞에서 배운 내용을 토대로 어려운…
infer, never만 보면 두려워지는 당신을 위한 타입 추론 - 기초 타입 이론 - 등록일 - 2024.07.04 - | - 코멘트 - 11826 'infer, never만 보면 두려워지는 당신을 위한 타입 추론' 관련 영상은 링크에서 보실 수 있습니다. TypeScript(이하 T…
여러분은 함수형 프로그래밍 (Functional Programming) 과 객체 지향 프로그래밍 (Object-Oriented Programming) 중 어떤 것을 더 선호하시나요? 토스 프론트엔드 개발자들은 어떤 개발 패러다임을 선호할까요? "FP는 무결함을 추구하는 것 같아요" "O…
안녕하세요. LINE VOOM AI 조직의 서버 개발자 박찬우, 양유성입니다. 이번 글의 제목은 'Massive AI Real-time Embedding을 효율적으로 다루기'입니��다. 제목을 간결하게 만들다 보니 추상적인 제목이 되었는데요. 조금 더 자세히 말씀드리자면 AI에 사용되는…
근래의 많은 기업과 마찬가지로 카카오스타일도 불필요한 비용 낭비가 발생하지 않도록 많은 노력을 기울이고 있습니다. 물론 이전이라고 사용하지 않는 리소스를 방치하며 비용을 낭비한 것은 아니고, 좀 더 세밀한 부분까지 주의를 기울이기 시작했다고 생각해주시면 됩니다. 이번 글은 그 중 하나를…
최근 프론트엔드 개발에서 사실상의 표준으로 자리매김 하는 기술이 있습니다. 바로 SSR, Server Side Rendering인데요. Next.js를 비롯한 다양한 프레임워크에서 SSR을 손쉽게 구축할 수 있는 솔루션을 제공하고 있습니다. 토스 또한 SSR을 도입하여 많은 사용자에게…
GenAI SQD의 Jhin입니다. 이 글은 ‘프롬프트 엔지니어링’을 개발자, 비개발자 모두 이해할 수 있도록 최대한 쉬운 언어로, 여러 예시를 들어서 설명합니다. LLM(Large Language Model), 더 정확하게는 챗GPT(ChatGPT)를 쓰기 위해 알아야 할 프롬프트 엔…
여러분은 기술적인 고민을 누구와 나누시나요? 모닥불 피워두고 같이 도란도란 이야기 나누는 것처럼, 토스 프론트엔드 개발자들은 '모닥불'이라는 시간을 통해 함께 기술적인 문제를 나누고 해결방안을 찾아가고 있는데요. 최근 모닥불 중 가장 뜨거웠던 주제를 소개합니다. “코드란 비즈니스를 위한…
요약: 이번 2편에서는 데이브가 Google Cloud Next 2024 컨퍼런스 참석 후 인상 깊었던 내용을 전달합니다. Serverless는 초기 투자 비용이 적고 효율적인 리소스 사용을 강조하지만 Cold Start 문제를 안고 있습니다. Cold Start 문제를 완화하기 위한…
안녕하세요. 올리브영에서 프론트엔드 개발 업무를 담당하는 코난입니다. 올리브영 프론트엔드는 NEXT.JS 프레임워크를 사용하여 웹 페이지를 개발하고 있습니다. NEXT.JS 프레임워크를, Vercel이나, AWS Amplify같은 관리형 서비스가 아닌, AWS ECS나 EKS를 사용하여…
프론트엔드 모노레포 모노레포는 여러 프로젝트나 라이브러리를 하나의 저장소에서 관리하는 단일 레포를 말합니다. 이를 통해 코드 공유와 의존성 관리가 용이해지고, 많은 개발자에게 일관된 개발 경험을 줄 수 있어요. 또한, 단일 저장소로 모든 프로젝트를 관리하기 때문에 CI/CD 설정을 같이…
입사했을 당시의 상황을 떠올려보면 이미 합류 이전부터 채용 공고와 면접 과정에서부터 레거시 개선 & 프론트엔드 팀 빌딩에 대해 들은 바가 있었습니다. 입사하자마자 빠르게 현 상황을 파악하기 위해 이해관계자로 식별되는 담당 개발자와 매일 스몰 토크를 했는데요. 레거시와 그 이력을 파악해보…
요약: 도리는 R2DBC 커넥션 풀이 애플리케이션 시작 시 초기화되지 않은 문제를 해결하는 과정을 공유합니다. 당연하게 생각했던 커넥션 풀이 기대와는 다르게 동작하는 것을 발견했고, r2dbc-pool 내부 코드 분석으로 사건 조사를 시작했습니다. 이 과정에서 설정을 통해 명시적으로 r…
안녕하세요, 카카오뱅크 어플리케이션 보안팀에서 블루팀 업무를 맡고 있는 Jinny입니다. 저희 블루팀에서는 앱을 통해 들어오는 외부 공격을 방어하고, 카카오뱅크가 보유한 주요 정보들을 안전하게 보호하기 위한 다양한 보안 업무를 수행하고 있습니다. 어찌 보면 고객의 정보와 자산을 방패막🛡…
Vite로 구버전 브라우저 지원하기 구버전 브라우저 지원의 필요성 배민앱의 장바구니는 웹뷰로 구현되어 있으며, 코어웹프론트개발팀은 React와 Vite를 활용하여 웹뷰 내부의 웹 애플리케이션을 개발하고 있습니다. 수많은 사용자가 지나가는 화면인 만큼, 프론트엔드 개발자가 해결해야 할 숙…
infer, never만 보면 두려워지는 당신을 위한 고급 TypeScript - 등록일 - 2024.06.07 - | - 코멘트 - 12673 네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2024(5월)에서 발표되었던 세션을 공개합니다. 발표 내용 TypeSc…
LINE에서는 3년 전 기존 헤드리스 CMS의 구조와 성능을 개선한 새로운 헤드리스 CMS, LandPress Content를 사내 임직원 대상으로 출시했습니다. 그 후 전통적인 CMS를 사용하던 여러 LINE 서비스가 LandPress Content로 재개발되기 시작했는데요. 이번 글…
매일 밤 구글 애널리틱스를 들여다보며 한숨을 쉬고 계신가요? 분명히 고객은 유입되는데, 평균 체류 시간은 고작 10초 남짓, 페이지뷰는 늘어나지만 전환율은 제자리걸음인 상황이 반복된다면 분명 새로운 전략이 필요한 타이밍입니다. 그렇다면 무엇이 문제일까요? 가장 큰 문제는 대부분의 상세페…
프로젝트가 커지고 시간이 지날수록 그동안 잘 사용했던 기반 기술이 더 이상 최선의 선택이 아닌 순간이 와요. 이런 기술을 바꾸지 않고 방치하면 개발 측면에서는 빌드 시간 및 복잡도 증가, DX 하락 등 예측하기 어려운 여러 문제가 일어날 수 있어요. 개발 생산성이 떨어지고 제품 운영 및…
여러분은 라이브러리를 만들어봤거나, 만들어야겠다고 생각해본 적이 있나요? 아마 개발자라면 한 번 쯤은 생각해보셨을 것 같습니다. 라이브러리를 만들 때는 해결하려는 문제와 설계 목적, 그리고 개발자의 요구에 따라 고려해야 하는 요소들이 다양합니다. 그중에서도 라이브러리가 다양한 환경에서…
안녕하세요 캐치테이블 프로덕트센터 프론트엔드파트 개발자 장현석입니다. 캐치테이블은 B2C와 B2B 모두를 아우르는 외식업 전문 통합 솔루션으로 다양한 서비스와 프로덕트를 구성하고 있는데요. 그중 B2C 서비스 프론트엔드 환경을 개선했던 경험에 대해 나누고, 함께 했던 구성원들의 노력과…
코드와 함께 살펴보는 프론트엔드 단위 테스트 – Part 2. 실전 편 “Part 1. 이론 편”에서 소개한 내용들은 여러분에게 도움이 되셨나요? Part 1에서는 본격적으로 테스트 코드를 작성하기 전 알고 있으면 도움이 되는 내용을 다루었습니다. 말미에서 언급한 것처럼 이제는 머리로…
함께 구매하면 좋은 상품이에요! - 장바구니 추천 개발기 2부 보완재 추천 모델을 서빙하기 위한 아키텍처 소개 소개 안녕하세요. 컬리 데이터서비스개발팀에서 일하고 있는 백엔드 개발자 최재형, 김수지, 데이터 엔지니어 이상협, ML 엔지니어 구국원입니다. 이전 글에서는 장바구니 추천 모델…
소개 안녕하세요. 컬리 데이터서비스개발팀에서 일하고 있는 백엔드 개발자 최재형, 김수지, 데이터 엔지니어 이상협, ML 엔지니어 구국원입니다. 이전 글에서는 장바구니 추천 모델을 개발하는 과정에서 고민한 내용을 설명드렸습니다. 그리고 이러한 고민 끝에 만들어진 모델의 부가가치를 실제 컬…
들어가며 안녕하세요. LINE+ Contents Service Engineering 조직에서 백엔드 개발을 맡고 있는 양강현, 이병찬입니다. 저희가 속해 있는 Contents Server Engineering에서는 Tech Group이라는 조직을 운영하고 있습니다. Tech Group은…
안녕하세요. 토스뱅크 프론트엔드 개발자 강현구입니다. 프론트엔드 개발자라면 transpiler를 한 번쯤은 들어보거나 사용해 봤을 거예요. 프론트엔드 생태계가 빠르게 발전하면서, transpiler는 애플리케이션을 만들고 배포하는 과정에서 빠질 수 없는 필수 요소가 되었어요. 토스뱅크에…
토스 기술 조직의 각 챕터는 라이트닝 토크에서 다양한 주제에 대한 인사이트와 아이디어를 자유롭게 공유합니다. 기록을 통해 생생한 라이트닝 토크 현장을 함께 느껴보세요! 오늘 다룰 내용은, 많아요. 사실 이렇게 많을 줄 몰랐어요! 주제는 패키지 매니저 인데요. 어떤 기술을 왜 선택했는지…
코드와 함께 살펴보는 프론트엔드 단위 테스트 – Part 1. 이론 편 개발자들에게 테스트 코드 작성은 해야 하지만 손이 잘 가지 않는 숙제 같은 일입니다. 테스트 코드를 쓰면 쓸수록 귀찮다고 얘기하는 분도 본 것 같습니다. (ㅋㅋㅋㅋ) 그럼에도 테스트의 중요성을 부정하는 개발자분은 없…
UX 원칙에 따른 NELO 4.0 개발기 - 등록일 - 2024.05.17 - | - 코멘트 - 8907 이 글에서는 UX 디자이너의 관점에서 UX 원칙을 활용해, 로그 수집 시스템 NELO 4.0 개발에 어떻게 접근했고 NELO 3.0에 비해 어떻게 개선했는지 공유하고자 합니다. NE…
안녕하세요. 저는 LINE+ ABC Studio의 프런트엔드 개발자 정치영입니다. 현재 오픈소스 프로젝트인 ABC User Feedback를 개발하고 있습니다. 이번 글에서는 풀 스택 웹 애플리케이션인 ABC User Feedback을 모노리포(monorepo) 구조로 개발한 경험을 공…
웹 애플리케이션 페이지를 패키지로 개발해 본 경험 공유 웹 애플리케이션의 일부 페이지를 다른 레포지토리에서 개발하고 적용해 본 경험이 있으신가요? Module Federation이나 iframe 활용 등 여러 방법이 생각나실 텐데요. 이 글에서는 배민 사장님들께 제공되는 서비스인 배민…
우아한스터디 2023 여름시즌 후기: 쏙쏙 들어오는 함수형 코딩 이 글은 2023년 6월부터 두 달간 진행한 "쏙쏙 들어오는 함수형 코딩" 스터디 후기를 인터뷰 형식으로 정리한 글입니다. 우아한스터디에 관심 있는 분들과 스터디를 효율적으로 진행하는 방법을 고민하고 계신 분께 도움이 되길…
네이버 통합 검색의 웹 성능 - 모니터링과 성능 개선 - 등록일 - 2024.04.30 - | - 코멘트 - 7855 "네이버 통합 검색의 웹 성능" 시리즈의 첫 번째 글인 "네이버 통합 검색의 웹 성능 - 데이터 수집과 시각화"에서는 네이버 통합 검색의 웹 성능 측정을 위한 데이터를…
- blog Chrome Devtools를 활용하여 나만의 웹뷰 디버깅 환경 만들기 / 제5회 Kakao Tech Meet 4월 11일에 진행한 제5회 Kakao Tech Meet의 발표 영상과 발표자 이야기를 공유합니다. #웹뷰 #디버깅 #ChromeDevTools #websocket…
레거시(legacy)는 네이버 영어사전에 ‘(죽은 사람이 남긴) 유산, (과거의) 유산’으로 등록이 되어 있습니다. ‘과거의 유산’이라는 정의에 코드를 빗대어 보면, 어제의 내가 짠 코드는 오늘의 나에게 ‘레거시 코드’라고 할 수 있겠네요. 이 글에서 다룰 레거시 코드는 단순히 시간만…
우리 팀을 위한 ESLint, Prettier 공유 컨피그 만들어보기 서론 ESLint와 Prettier는 JavaScript나 TypeScript의 코드 품질을 높이고 일관된 형식을 유지하는 데 자주 사용하는 도구입니다. ESLint를 사용하면 잠재적인 문제를 빠르게 확인할 수 있고,…
안녕하세요. 인프랩의 향로입니다. 저희 인프랩 개발팀은 현재 백엔드, 프론트엔드, 모바일 앱, 데브옵스 파트로 나뉘어져 있습니다. 각각의 개발 파트가 어떻게 일 하는지, 어떤 사람과 함께 하고 싶어하는지 등을 소개드리려 합니다. 세 번째로 모바일 앱 개발 파트를 소개드리겠습니다. 인프랩…
안녕하세요. 인프랩의 향로입니다. 저희 인프랩 개발팀은 현재 백엔드, 프론트엔드, 모바일, 데브옵스 파트로 나뉘어져 있습니다. 각각의 개발 파트가 어떻게 일 하는지, 어떤 사람과 함께 하고 싶어하는지 등을 소개드리려 합니다. 두 번째로 웹프론트엔드 파트를 소개드리겠습니다. 지원하고자 하…
안녕하세요. 인프랩의 향로입니다. 저희 인프랩 개발팀은 현재 백엔드, 프론트엔드, 모바일, 데브옵스 파트로 나뉘어져 있습니다. 각각의 개발 파트가 어떻게 일 하는지, 어떤 사람과 함께 하고 싶어하는지 등을 소개드리려 합니다. 첫 번째로 백엔드 파트를 소개드리겠습니다. 지원하고자 하는 회…
들어가며 안녕하세요. LINE Plus에서 LINE Monary와 MyDashboard 서비스의 백엔드를 맡고 있는 조성빈입니다. 이번 글에서는 백엔드 서비스 개발 및 운영 업무를 담당하면서 REST API 기반의 인터페이스 문서를 가지고 다양한 파트와 커뮤니케이션을 진행하면서 겪었던…
[다시 보기] 4월 우아한테크세미나: Java의 미래, Virtual Thread 4월 우아한테크세미나 : Java의 미래, Virtual Thread 📅 일정 - 2024. 4. 23.(화) 저녁 6시, 약 90분간 - 우아한테크 YouTube 채널 실시간 스트리밍 🖇️ https:/…