우아한형제들 디자인 시스템에 시각적 회귀 테스트 적용하기 들어가며 안녕하세요, 우아한형제들 디자인 시스템 ‘우아한공방’의 웹 프론트엔드 개발자 금교영, 이수정입니다. 우아한공방은 우아한형제들에서 운영하는 다양한 웹/앱 프로덕트에서 사용되고 있는데요. (참고: 우아한형제들의 새로운 디자인…
안녕하세요. 올리브영의 배포 문지기를 맡고 있는 QA 엔지니어 황소입니다. 이번 글에서는 Datadog을 올리브영 QA는 어떻게 활용하고 있는지에 대해서 공유합니다. - QA가 Datadog을 활용하게 된 이유 - 올리브영 QA는 Datadog을 어떻게 활용하고 있나요? - 그밖에 사용…
Tech Radio : FE 개발자와 디자이너의 협업 - 등록일 - 2024.04.02 - | - 코멘트 - 7046 비즈니스와 서비스가 성공하기 위해서는 개인의 능력뿐만 아니라 팀의 협력과 소통이 중요합니다. 서로 다른 역할을 가진 사람들이 함께 일한다는 것은 결코 쉬운 일이 아닙니다…
Redis Cluster를 사용할 때 Spring Boot와 Lettuce client를 설정해 드립니다 개요 Spring Boot에서 Redis에 명령어를 실행하기 위하여 Lettuce 라이브러리를 기본으로 사용하고 있습니다. 이때 자동 설정(Auto Configuration)을 사용…
요약: 이 글은 라이브러리를 사용하지 않고 수학과 물리를 이용하여 카카오페이의 인터랙티브 웹 애니메이션을 개발한 경험을 공유합니다. 디온은 눈 내리는 효과, 트리 곡선 그리기, 전구 흔들기 등 다양한 애니메이션 기법을 소개하며, 이 과정에서 선형 보간법, 3차원 베지어 곡선, 뉴턴의 운…
Mar 28, 2024 Engineering 2024 GTC Event Live Rankings: How to Utilize GraphQL Subscription - Sujin Kim Software Engineer Mar 28, 2024 Engineering 2024 GTC Event…
Mar 28, 2024 Engineering 2024 GTC Event Live Rankings: How to Utilize GraphQL Subscription - Sujin Kim Software Engineer Mar 28, 2024 Engineering 2024 GTC Event…
[모집 마감] 2024 우아한테크캠프 7기 기존보다 2주 늘어난 교육 기간부터 글로벌 개발자가 될 수 있는 기회까지! 새롭게 꽃단장한 우아한테크캠프 7기 모집을 시작합니다. 모집일정 우아한테크캠프 7기는 4월 3일부터 프로그래머스 사전접수 페이지를 통해 진행합니다. ✅전형단계 사전접수…
셀프서비스, 챗봇에게 물어보세요 서비스 이용을 도와주는 챗봇, 사용해보신 적 있으신가요? 지난 12월 배달의민족의 사장님 서비스, ‘배민셀프서비스’에서도 챗봇 기능을 오픈했는데요, 이번 글에선 프론트, 서버 개발자가 함께 챗봇을 개발하며 고민했던 내용들을 소개드리겠습니다. 배민셀프서비스…
안녕하세요, 토스 프론트엔드 엔지니어링 헤드 박서진입니다. 토스에서는 최고의 사용자 경험이 필요한 곳은 Native, 매일매일 실험으로 제품을 개선하는 제품은 React Native/WebView로 구성하고 있어요. 토스 프론트엔드 챕터는 지난 2022년 6월부터 React Native…
이번 포스팅은 Vue3, Composition API와 Pinia를 이용한 상태관리 (1) 글의 후편입니다. 이전 포스팅에서 Composition API, Pinia에 대한 이론적인 설명을 다루었다면 이번 포스팅에서는 실제로 Pinia를 어떤 방식으로 적용했고 어떤 작업 결과를 냈는지…
- blog - events 제5회 Kakao Tech Meet에 초대합니다! Kakao Tech Meet #5 트렌드와 경험 및 노하우를 자주, 지속적으로 공유하며 개발자 여러분과 함께 성장을 도모하고 긴밀한 네트워크를 형성하고자 합니다. 다섯 번째 Kakao Tech Meet에서는…
다른 회사나 서비스에서 만든 API를 사용해 본 경험이 있으신가요? 복잡한 API를 파악하거나 새로운 업데이트를 적용하려고 할 때 설명이 정확하지 않다면 API를 적용하는 데 어려움을 겪죠. 그래서 API를 외부 개발자에게 제공할 때, 명확하고 쉽게 이해할 수 있는 문서는 필수적이에요.…
갤럭시 S24가 찾아준 배민커넥트 Android 성능 이슈 해결기(feat. React Native) 우아한형제들에서는 배달의민족 앱뿐만 아니라 고객, 사장님, 라이더 사용할 수 있는 다양한 앱들을 개발하고 있는데요. 라이더서비스팀에서는 라이더를 위한 ‘배민커넥트 앱’을 react-na…
프론트엔드 개발자들의 즐거운 상상 🎈 – 쓰면글림체 사이드 프로젝트 이야기 상상만으로도 마음 한편이 설레는 순간이 있나요? 영감이 솟구치고 미소가 절로 번지는 그런 순간이요. ㅤ 제게는 사이드 프로젝트를 하는 순간이 그렇습니다. 실험적으로 이것저것 시도해 볼 수 있는 사이드 프로젝트는…
들어가며 안녕하세요. HBase 팀 김영주, 김동의입니다. HBase 팀에서는 LY의 많은 서비스를 지원하기 위해 수천 대 규모의 HBase를 운영하고 있습니다. HBase는 Hadoop 기반 칼럼형 분산 데이터베이스로 확장이 용이해 대용량 데이터를 다룰 때 많이 사용하는데요. 회사가…
사이드 프로젝트는 사이드가 아니다 사이드 프로젝트는 새로운 디자인과 기술을 시도하고, 검증하고, 시행착오를 겪을 수 있는 정말 좋은 방법의 하나입니다. 거듭된 실수와 실패의 경험으로 더 성공적인 결과를 만들 수 있게 해주는 수많은 사이드 프로젝트야말로 더 나은 세상을 만들기 위한 메인…
사람인 FE 개발팀에서는 기존의 사람인 서비스를 점진적으로 FE 분리 전환을 진행 중에 있는데요, 최근 사람인 서비스 중 신입·인턴 채용달력 모바일 서비스(이하 채용달력)를 React + TypeScript(이하 TS)로 전환하게 되었습니다. React + TS로의 전환은 제 개인적으로…
쏘카플랜 개편기 대부분의 개발자들은 논리적 사고와 정교한 설계를 통해 체계적으로 멋진 제품을 만드는 것을 목표로 합니다. 하지만 현실에서는 마감일에 쫓겨 우선순위를 정하고, 기능만 동작하도록 급히 코드를 작성해야 하는 상황에 처할 때가 많습니다. 다음과 같은 분들이 읽으면 좋습니다. -…
토스페이먼츠의 결제는 JavaScript SDK에서 시작돼요. 그래서 안정적인 SDK 배포는 무척 중요하죠. 이 중요도 만큼 SDK 기능 및 제품 출시에 대한 팀원들의 부담과 피로도도 높았는데요. SDK의 변경 사항이 모든 결제 가맹점에 동시에 전파되는 배포 방식 때문이었어요. 그래서…
안녕하세요 👋🏻 인프랩 프론트엔드 개발자 홍시입니다. 24년 3월 현재 인프랩은 프론트엔드 개발자 10명, 프로덕트 디자이너 5명이 있는 작은 제품 조직입니다. 그래서 플랫폼 팀은 따로 없지만, 가지고 있는 자원으로 생산성과 제품의 완성도를 높이는 것을 목적으로 22년 4월부터 약 2년…
안녕하세요, 인프랩 프런트엔드 개발자 융디입니다. 최근 인프런 유저분들이 정성스럽게 작성해 주신 수강평과 질문&답변 페이지를 SNS에 공유 했을 때, 가장 먼저 보이는 링크 미리보기 이미지에 변화가 생겼다는 것을 눈치채신 분들이 계실까요? 혹시 눈치채지 못하셨다면 이 글을 읽기 전, 본…
앞선 글 1. Planning에선 문제를 어떻게 정의하는지에 대해 다뤘어요. 구체적인 내용을 기약하고 글을 마무리했는데요, 이 글에선 구체적으로 어떤 작업들을 진행했는지 소개해요. 재구조화 앞선 글에서 소개했듯이 '재구조화'라는 단어는 리팩토링보다 좀 더 거시적인 관점에서의 개선을 뜻해…
안녕하세요, 넷마블 QA실 QA시스템팀 이동근입니다. 백엔드 개발에서 사용하는 프로그래밍 언어는 C++, C#, Java, Python, Go, Javascript 등 매우 다양합니다. 제가 담당하는 크래시리포트는 이 중에서 자바를 이용해 백엔드 애플리케이션을 개발했습니다. 자바는 오픈…
안녕하세요. ABC Studio 김영재입니다. 저는 LINE이 2020년에 인수한 일본 No.1 배달 서비스 데마에칸(出前館, Demaecan) 프로덕트를 담당하고 있습니다. 전 세계 모든 IT 회사나 서비스가 사용자의 목소리를 잘 듣자고 말합니다. 하지만 이것을 의사결정까지 숨 쉬듯…
[다시 보기] 2월 우아한테크세미나: 글로벌 개발자로 성장하는 소프트웨어 실무 영어 2월 우아한테크세미나 : 글로벌 개발자로 성장하는 소프트웨어 실무 영어 📅 일정 - 2024. 2. 22.(목) 저녁 6시, 약 90분간 - 우아한테크 YouTube 채널 실시간 스트리밍 🖇️ https…
안녕하세요 저는 원티드랩 HR솔루션사업팀에서 프론트엔드 개발을 하고 있는 신은선입니다. HR솔루션사업부에서는 팀 디렉토리, 근태, 전자결재/계약부터 슬랙 연동까지 모든 HR데이터를 쉽고 편하게 관리할 수 있는 HR 솔루션 SaaS인 원티드 스페이스를 만들고 있습니다. 이번 글에서는 원티…
이 글은 IDG의 아티클을 전재하여 제공합니다. [원문보기] : https://www.itworld.co.kr/techlibrary/317650 파이썬은 오래전부터 서버 프레임워크 언어로 쓰였고, 거의 모든 규모와 모든 환경의 프로젝트를 지원한다. 그러나 전통적으로는 백엔드 영역에 갇혀…
안녕하세요. LINE+ ABC Studio에서 앱을 개발하고 있는 김종식, 남상혁, 박연호입니다. 저희 팀은 현재 일본에서 운영하는 배달 서비스 '데마에칸(Demaecan, ��出前館)' 프로덕트를 개발하고 있습니다. 데마에칸은 2000년부터 서비스를 시작한 일본의 No.1 음식 배달…
안녕하세요. 당근 데이터 가치화팀의 Henry예요. 데이터 가치화팀의 비전은 매일 데이터를 통해 사용자를 위한 의사결정을 하는 것이고, 그러기 위해서는 신뢰할 수 있는 사용자에 대한 정보가 많아야 해요. 당근 사용자들에 대한 신뢰할 수 있는 정보들을 많이 생산하기 위해서는 (1) 사용자…
요약: 이 블로그는 셜록과 클로이가 AWS re:Invent 2023에 참석한 경험을 나눕니다. 이번 AWS re:Invent 2023 주요 키워드는 Generative AI로, Amazon Q와 Amazon Bedrock 같은 새로운 제품과 기능들이 소개됩니다. 셜록은 Aurora L…
안녕하세요~ 올리브영 커머스 서비스 개발팀에서 프론트엔드개발을 하고 있는 개발새발자 입니다~ 만반잘부 👋🏼👋🏼👋🏼 이번 포스팅에서는 Next.JS에 MSW를 도입하면서 고민했던 내용들과 삽질했던 내용들을 여러분에게 소개하겠습니다!! 그럼 긴 말은 필요 없습니다 let's go ~! 현재…
Tech Radio : 호텔 추천 서비스(FOR YOU) 편 - 등록일 - 2024.01.23 - | - 코멘트 - 6064 지난달 Hello world에 공개된 거기 말고 이 호텔 어때? - 호텔 서비스 추천 시스템 도입기 잘 살펴보셨나요? 높은 조회 수가 그 인기를 실감케 했는데요.…
Static site generator(이하 SSG)는 웹 문서나 간단한 웹사이트를 만들려는 사람이라면 한 번쯤 들어봤을 단어일 겁니다. 소프트웨어 플랫폼이나 제품 사이트 중에도 SSG로 만든 것이 꽤 많습니다. React는 Gatsby를 쓰다가 2023년에 재단장하면서 Next.js로…
요약: 이 블로그 글은 Spring Framework와 Ktor를 비교 분석한 내용을 다룹니다. 베니는 Spring을 사용한 경험을 바탕으로 Ktor의 가벼움, 유연성, Kotlin 호환성 등의 장점을 발견하고 Ktor를 채택했습니다. Ktor와 Spring의 부팅 속도, 리소스 사용량…
안녕하세요. 인프랩 백엔드 개발자 인트입니다. 인프랩에서는 대부분의 서버 애플리케이션을 Node.js을 사용해 개발하고 있습니다. 하지만 검색엔진과 같은 Spring Boot 기반의 서비스도 존재합니다. 검색엔진 서비스는 MongoDB Atlas Search를 메인 기술로 사용하고 있는…
지난해 말, 토스페이먼츠 DX(Developer eXperience) 팀은 개발자 경험을 위해 샌드박스라는 제품을 출시했어요. 샌드박스는 브라우저에서 바로 연동 흐름을 체험하고, 테스트 연동을 해볼 수 있는 개발자 도구예요. GitHub 레포지토리를 클론하거나 VS Code를 띄울 필요…
프롤로그 안녕하세요, OROR 프론트엔드 팀의 덴입니다! 1부에서는 Figma 디자인의 개념과 플러그인을 바탕으로 디자인을 CSS 코드로 변환하는 과정을 알아보았습니다. 또, 해당 글에서는 Figma의 디자인 개념을 역으로 HTML과 CSS 코드를 통해서 익혀보고 이해할 수 있는 시간을…
프롤로그 안녕하세요, OROR 프론트엔드 팀의 테오입니다! 이번 글에서는 프론트엔드 개발에서 빼놓을 수 없는 중요한 부분, 바로 디자인을 코드로 변환하는 과정에 대해 이야기를 해보려고 합니다. 화면을 만드는 프론트엔드 개발자에게 이 코드 변환 과정은 필수적인데, 언뜻 간단해 보일 수 있…
소개 안녕하세요. 웹팀과 크로스셀링팀에 속해있는 웹 프론트엔드 개발자 리스본(장재은)입니다. 쏘카 프론트엔드 개발자로 지원하기 위해 정보를 찾아보니 회사 문화를 소개하는 글은 꽤 있지만, 쏘카에서 프론트엔드 개발을 하는 웹 팀에 대한 정보는 거의 없었습니다. 프론트엔드 직무 채용 면접…
안녕하세요 🙂 아마존 웹 서비스(Amazon Web Services, AWS)가 주최하는 연례 클라우드 컴퓨팅 콘퍼런스인 AWS Re:invent 2023에 요기요 R&D Center도 다녀왔습니다. 올해도 11월 27일(월) — 12월 1일(금)까지 미국 라스베이거스 현지에서 진행되었…
표준 개발 환경 개선 되돌아보기 개발을 하면서 자신의 코드를 많이 보게 되지만 그보다 더 많이 보게 되는 것이 다른 사람 또는 팀이 작성한 코드입니다. 하지만 다른 사람의 코드를 보는 것이 항상 쉽진 않았을 것입니다. 각자 익숙한 방식으로 코딩을 하다 보니 다른 사람의 코드를 이해하기…
[트러블슈팅기] CSR에서 동적 OG 메타태그 적용하기 이 글은 Client Side Rendering(CSR)과 CSR 시 인프라 구성환경 중 AWS CloudFront+S3 조합에서의 트러블슈팅기입니다. OpenGraph(OG) 가 뭐지? 글을 시작하기 전에, OpenGraph(OG…
제품을 개발하다 보면 사용자가 어떻게 제품을 사용하는지, 제품을 사용할 때 어떤 행동을 했는지 알아야 할 때가 있어요. 그래서 우리는 로그 데이터를 사용해요. 로그를 기록하는 것을 '로깅'이라고 하는데요. 로깅으로 수집한 데이터로 사용자의 행동을 분석하거나, A/B 테스트의 결과를 확인…
[다시 보기] 12월 우아한테크세미나: WOOWACON 2023 리캡 12월 우아한테크세미나 : WOOWACON 2023 리캡 📅 일정 - 2023. 12. 20.(수) 저녁 7시, 약 90분간 - 우아한테크 YouTube 채널 실시간 스트리밍 🖇️ https://youtube.com/…
이번 포스팅에서는 NAVER Cloud Platform에서 제공하는 Blockchain Service를 이용하여 NFT 시스템을 구축하는 과정을 소개해 드리겠습니다. 순서대로 살펴보며 간편하게 NFT를 테스트해 보세요. 이전에 발행한 Blockchain Service 활용 개발 사례도…
Java의 미래, Virtual Thread 이 글에서는 팀에서 진행했던 Virtual Thread 스터디를 바탕으로 Java의 경량스레드 모델인 Virtual Thread를 소개하고자 합니다. Virtual Thread를 스터디 주제로 선정하게 된 일화가 있습니다. 보시다시피 저희 팀…
Syrup은 재미있게 포인트 모으기, 모은 포인트 투자, 쿠폰 활용, 할인 혜택, 멤버십과 자산 내역 등을 한 곳에서 관리하는 SK플래닛의 대표 서비스입니다. SK플래닛은 고객에게 더 좋은 경험을 제공하기 위해서 응답 속도 위주로 Syrup 서비스를 개선했습니다. 본 내용은 Syrup…
토스의 백엔드로 오는 요청은 모두 Spring Cloud Gateway 기반의 API Gateway를 통해 클러스터로 들어와요. 그리고 클러스터 안에서는 수많은 서버들이 Spring WebClient를 통한 REST API로 통신해 요청을 처리해요. 최근 두 가지 도구에서 동일한 Mem…
안녕하세요, 카카오페이 채용팀입니다. 얼마 전 링크드인을 통해 참여 신청을 받았던 Paytalks with KREW - FE 밋업이 진행되었는데요. 많은 분들이 신청해 주셨지만 모두 모시지 못해, 밋업의 현장감을 느낄 수 있는 아티클로 전달드리고자 합니다. 이번 주제는 바로 ‘FE 리더…
웹프론트개발팀에서 배민 커머스 어드민을 개발하는 방법 배민 커머스 웹 전반을 담당하고 있는 배민커머스웹프론트개발팀은 20명이 넘는 프론트엔드 개발자로만 구성된 팀입니다. B마트, 배민스토어 서비스와 각 서비스들의 어드민을 개발하고 있어요. 저는 현재 어드민을 주로 개발하는 플랫폼파트에서…
ChatGPT 와 효과적으로 대화하는 방법은 없을까? 🤔 안녕하세요, 카카오뱅크 데이터인텔리전스팀 Devyn입니다. 2022년 11월, ChatGPT가 처음 출시되었을 때를 기억하시나요? 개인적으로는 ‘Mind-blowing’이라는 단어가 떠오를 정도로 혁신적이면서도 충격적이었고, 앞으…
배민앱에서 대용량특가를 만나기까지 이제 배달의 민족앱에서도 대용량상품을 택배로 주문할 수 있다는 사실을 알고 계셨나요? 지난 8월! 배민의 새로운 서비스, 🎉 대용량특가가 오픈되었습니다. 아직 소식을 접하지 못하신 분들을 위해 우리 서비스를 소개해드릴게요!! ‘많이 쓰는 상품 더 저렴하…
이 글에서 사용되는 라이브러리의 최소 버전은 아래와 같습니다. - react-router-dom: v6.4 - @tanstack/react-query: v4 - react: v18 안녕하세요. 저는 카카오페이 PFM-L 파티에서 자산 관리 서비스의 프론트엔드 개발자로 근무하고 있는 아더…
안녕하세요. 당근 Feed Infra팀의 소프트웨어 엔지니어로 일하고 있는 Fred예요. 피드 서비스의 과거와 현재, 그리고 지금 어떤 시도들과 고민들을 하고 있는지 말씀드리려고 해요. 초기의 당근은 중고거래 서비스를 기반으로 성장해 온 서비스이지만 동네의 연결이라는 큰 목표를 가지고…
들어가며 안녕하세요. LINE Plus에서 태국 LINE BK 채널 서버 개발 및 운영 업무를 맡고 있는 이석재입니다. LINE BK에서는 지난 9월에 LINE BK 보험 중개 서비스를 출시했습니다. 이 서비스는 Spring Boot 2를 기반으로 개발하기 시작해서 올해 초에 Sprin…
스토리지 최적의 스펙 관리 시스템 만들기 스펙 관리 시스템 도입 배경 DB 스토리지 서비스를 운영하면서, 장애를 겪지 않기 위해 할 수 있는 보편적인 방법은 어떤 걸까요? 기존에 사용하는 서비스의 모니터링 지표(CPU, 트래픽, Connection …)를 고려하여 서비스 안정성을 보장하…
안녕하세요, 카카오스타일 전시 UX팀의 샌즈입니다. 모두들 알고 계시듯 null(널)은 값이 없음을 나타냅니다. 그리고 null 값인 객체에 접근하려고 하면 그 유명한 NullPointerException(NPE)이 발생합니다. 그런데 null 값을 가지지 않는 다고 설정한 변수에서 N…
안녕하세요, 인프랩 DevOps 엔지니어 제이크입니다. 여러분은 혹시 CI 파이프라인이 너무 오래 동작해서 PR 리뷰에 영향을 받은 적 있으신가요? 프로젝트 규모가 커질수록 늘어나는 CI/CD 파이프라인의 소요시간으로 고민한 적이 있으신가요? 이번 글에서 소요시간을 최대 4.6배 까지…
FE News 11월 소식 - 등록일 - 2023.11.02 - | - 코멘트 - 3826 [11월 주요내용] - The State of Vite - The State of WebAssembly 2023 - The Saga of the Closure Compiler, and Why Ty…
세금 신고·환급 도움 서비스 ‘삼쩜삼’을 운영하는 스타트업 자비스앤빌런즈의 프론트엔드(FE) 챕터장 정원덕 엔지니어입니다. 최근 삼쩜삼에서 제공하는 서비스가 늘고 FE 챕터의 인력 규모 또한 늘었습니다. 이는 결과적으로 동시에 개발하는 기능의 개수 증가로 이어져 개발 생산성 저하에 영향…
안녕하세요, 뱅크샐러드 웹 프론트엔드 챕터의 민찬기입니다. gRPC는 마이크로서비스간 호출에 많이 사용되는 통신 프로토콜로, 개발자 생산성 향상 및 빠른 통신 속도를 지원하여 많은 어플리케이션에서 사용하고 있습니다. 뱅크샐러드도 마이크로서비스 아키텍쳐로 전환하여 서비스 간 통신에 gRP…
안녕하세요! 올리브영에서 프론트엔드 개발자로 일하고 있는 재미입니다. 오늘은 지난 3월 10일 올리브영 앱에 런칭한 W CARE 서비스의 프론트엔드를 TDD로 개발한 후기를 남겨보고자 합니다. W CARE 서비스는 에브리데이 우먼케어를 표방하는 서비스입니다. 별도 설치없이 올리브영 AP…
Java Reactor onErrorContinue 이모저모 들어가며 Reactive streams 구현체인 Pivotal의 Java Reactor에는 onErrorContinue 라는 특수한 연산자가 존재합니다. onErrorContinue는 이름에서 유추할 수 있듯이 해당 스트림에…
안녕하세요, 카카오뱅크 데이터기술팀 Logan입니다. 이 글에서는 제가 담당하고 있는 카카오뱅크 FDS(Fraud Detection System) 시스템에 어떻게 AI를 적용하였는지, 그 여정을 간략히 설명드리려 합니다. FDS 시스템을 생소하게 느끼실 분들이 많을 것 같은데요. FDS…
안녕하세요. 질문을 사랑하는 올리브영 프론트엔드 개발자 “우문Hyun답”입니다.😁 많은 개발자분들이 코드를 어떻게 작성해야 조금 더 빠르게 동작시킬 수 있을까 라는 고민을 많이 하실 텐데요 이번 포스트에서는 V8 엔진은 무엇이고 V8 엔진이 좋아하는(?) 자바스크립트 코드에 대해 알아보…
들어가며 안녕하세요. LINE NEXT DevOps 팀에서 블록체인 플랫폼과 DOSI, GAME DOSI의 쿠버네티스 운영 및 인프라를 담당하고 있는 이동원입니다. 현재 LINE NEXT에서는 'NFTs for ALL'이라는 슬로건을 기반으로 DOSI Wallet과 DOSI Citize…
올리브영 기획전에서는 카테고리별 테마와 함께 위클리 스페셜, 지금 진행중인 행사 등을 통해 여러가지 상품과 혜택을 제공하고 있습니다. 현재 올리브영 온라인몰의 기획전 컨텐츠는 마크업 자동 완성이 가능한 자체적으로 개발한 기획전 제작툴을 사용하여 제작되고 있습니다. 이러한 툴을 개발하게…
[다시 보기] 10월 우아한테크세미나: 글 쓰는 우아한 개발자 🎥 10월 우아한테크세미나 : 글 쓰는 우아한 개발자 지식과 경험을 명확하게 전달하는 글쓰기 능력은 직무 역량을 키우고 또 가늠하는 핵심 요소가 되는 만큼, 중요합니다. 우아한형제들은 단순히 ‘글을 잘 써라’, ‘지식을 유통…
안녕하세요, FE플랫폼팀에서 FE 개발자를 위한 개발을 담당하는 Ethan입니다. 이 글에서는 운영 중인 서비스에서 사용하는 라이브러리의 버전을 업그레이드하는 과정에서, 기존에 사용하던 모듈 시스템인 CommonJS를 ESM으로 전환하게 된 이유와 ESM으로 전환하는 과정에 대해 설명드…
안녕하세요. ABC Studio 김영재입니다. 저는 오픈소스 프로젝트 10여 개를 디렉팅하고 개발했으며, 팀에서 소프트웨어를 처음 설계할 때에도 어지간하면 오픈소스로의 전환 가능성을 염두에 두도록 하고 있습니다. 이번 글에서는 이 과정에서 주로 어떤 점을 강조하는지 소개하고자 합니다.…
토스 제품 디자인 원칙(PP: Product Principle)엔 “One thing for One Page”라는 원칙이 있어요. 화면 하나에는 명확한 목표 하나만 있어야 한다는 건데요. 이 원칙에 따라 제품을 만들다 보면 ‘퍼널’이 많이 생깁니다. 토스페이먼츠의 제품도 예외는 아니에요…
AOP in TypeScript - 등록일 - 2023.10.17 - | - 코멘트 - 12740 AOP(aspect-oriented programming)의 개념은 Spring을 비롯한 강력한 프레임워크의 존재로 인해 개발자들 사이에 널리 퍼져있습니다. 그러나 여전히 애플리케이션 코드…
안녕하세요. 데브시스터즈에서 프론트엔드 엔지니어로 일하고있는 김준영입니다. 이번 글에서는 자바스크립트에 익숙한 개발자가 자동화 스크립트를 편하게 작성할 수 있게 해주는 zx 라이브러리를 소개하려고 합니다. #들어가기에 앞서 저는 업무 자동화 작업을 참 좋아합니다. 아래와 같은 여러 장점…
안녕하세요. 토스에서 Gateway를 개발하고 있는 서버플랫폼팀 최준우입니다. 토스에서는 목적에 맞는 다양한 Gateway를 사용하고 있는데요. 저는 이번 글에서 이러한 Gateway 아키텍처를 통해 토스가 누리고 있는 장점들과 이를 위해 어떠한 노력을 하고 있는지에 대해 간단히 소개하…
안녕하세요. 토스증권 프론트엔드 개발자 서현석입니다. 여러분은 ‘아고라(agora)’라는 단어를 들으면 어떤 뜻이 가장 먼저 떠오르시나요? 어원으로 거슬러 올라가면 그리스 도시국가(폴리스)에서 시민들이 자유롭게 토론을 벌이던 장소이자 고대 그리스어로는 ἀγορά, 즉 열린 공간, 광장을…
[모집] 우아한테크코스 2024 신입생을 모집합니다 소프트웨어 장인을 꿈꾸는 모든 분들을 위한 우아한테크코스 2024 신입생 모집을 시작합니다! 우아한테크코스(이하, 우테코)가 5기를 지나 어느덧 신입생(6기)을 맞이할 시간이 다가왔네요. 5기를 시작한 게 엊그제 같은데 벌써 신입생 모…
올하~! 안녕하세요. 오랜만에 돌아온 새싹 프론트엔드 개발자 홍시홍입니다. 🌱 그동안 올리브영에 많은 변화가 있었는데요, 매거진관, 셔터 같은 새로운 서비스들이 오픈되고, 기존에 있던 페이지들이 신규 아키텍쳐로 탈바꿈하고 있답니다. 지난 6월에 오픈한 메인 홈 영역에 이어서 드.디.어.…
안녕하세요~ 올리브영에서 백엔드 개발을 담당하고 있는 인벤토리 스쿼드 올여우입니다. 오늘은 인벤토리 스쿼드에서 진행 중인 신규 재고 시스템 구축과 그 개발 여정을 소개하겠습니다. 현재 올리브영의 시스템은 하루가 다르게 발전하고 있습니다. 기존 레거시 시스템들의 문제들을 파악해서 신규 아…
안녕하세요! 올리브영에서 물 흐르듯 개발을 하고 싶은 신입 프론트엔드 개발자 몌으니입니다.💙 오늘은 올리브영의 잡 챌린지 과정을 통해 개발자로의 직무 전환을 성공한 제 경험과 이후 개발팀에서의 여정을 공유하고자 합니다. 잡 챌린지란 무엇이고, 신입 개발자는 어떤 업무를 하게 되는지 간략…
안녕하세요. B2B 물류 스쿼드의 백엔드 개발자, 시나브로우입니다. 저희 B2B 물류 스쿼드에서는 올리브영의 오프라인 발주와 물류 시스템을 담당하고 있습니다. 오프라인 개발 환경에서의 주요 도전 과제는 모놀로식 기반의 레거시 시스템을 신규 플랫폼으로 전환하는 것입니다. 프론트, 백엔드…
Spring Boot에서 S3에 파일을 업로드하는 세 가지 방법 안녕하세요. 세일즈서비스팀에서 전자계약서 시스템을 개발하고 있는 박민규입니다. 최근 저는 Spring Boot + Kotlin을 활용한 프로젝트에서 특별한 도전과제에 직면했습니다. 바로 최대 3GB의 파일을 안정적으로 업로…
[모여서 각자 글쓰기] 온라인 출판기념회 안녕하세요. 배민우리동네서비스팀 송요창입니다. 지난 6월 1일부터 시작한 우아한스터디의 "모여서 각자 글쓰기"에 8주간 참여한 5분의 후기와 작성 글을 소개합니다. 🗒️우아한스터디 는 우아한형제들 개발자와 타사 개발자가 함께 모여 공부하는 소규모…
안녕하세요. 올리브영에서 눈에 보이는 것들을 담당하고 있는 꾸옹입니다😺 📢 지난 6월 올리브영 온라인몰의 메인인 홈도 신규 아키텍처 기반의 서비스로 전환되었다는 것을 기억하며 읽어주세요! 이 글에서는 배송지 버튼부터 배송지 목록 및 새 배송지 추가 화면 개발 과정의 일부를 소개합니다.…
안녕하세요. 인프랩 프런트엔드 개발자 고슈입니다. 랠릿은 인프랩에서 인프런과 함께 개발하고 있는 채용 서비스입니다. 랠릿 B2C는 Next.js 기반으로 Docker image 파일을 배포하여 서비스를 운영하고 있는데요. 랠릿의 기존 배포용 Docker image 의 사이즈는 꽤 무거웠…
이 글은 IDG의 아티클을 전재하여 제공합니다. [원문보기] : https://www.ciokorea.com/column/305341 랭체인(LangChain)은 노출하여 대규모 언어 모델과 애플리케이션의 통합을 간소화하는 SDK이다. 대규모 언어 모델의 부상과 함께 중요성이 커지고 있…
로그 및 SQL 진입점 정보 추가 여정 안녕하세요, B마트서비스개발팀 박지우입니다. 1월 신규 입사 후 맡게 된 가장 컸던 기술 개선 건으로 로그 및 SQL에 진입점 정보를 남기는 작업을 진행했는데요. 이 작업이 왜 필요한지, 그리고 이 과정에서 겪은 시행착오와 해결 방법은 무엇인지를…
시니어 개발자가 대화형 인공지능(ChatGPT)과 페어 프로그래밍하는 법(feat. DEVIEW 2023 코드 구현하기) - 등록일 - 2023.09.11 - | - 코멘트 - 21131 나이를 먹을수록 외로움은 점점 늘어만 간다 어릴 적에 그 많았던 친구들은 이제 손에 꼽힌다. 더욱이…
FE News 9월 소식 - 등록일 - 2023.09.06 - | - 코멘트 - 3094 [9월 주요내용] - 성능 하면 빠질 수 없는 메모이제이션, 네가 궁금해 - State of CSS 2023 - Randomness in CSS using trigonometry - htmx - O…
안녕하세요, 정산플랫폼팀 윤입니다. Spring Batch 애플리케이션 성능 향상을 위해 어떤 방식을 시도해 보셨나요? 성능 향상을 고려할 때, 적절한 접근 방식이 중요합니다. 처음부터 병렬 처리를 도입하여 구조를 크게 변경하는 것보다, 현재의 구조를 크게 바꾸지 않으면서도 성능 최적화…
안녕하세요. 카카오페이 PFM-L 파티에서 자산관리 서비스의 프론트엔드 개발자로 근무하고 있는 나나라고 합니다. 이번 글을 통해 지금 읽고 계시는 카카오페이 기술 블로그를 개발한 경험을 회고해 보고자 합니다. Gatsby를 기반으로 기술 블로그를 개발하고, Astro 마이그레이션하며 느…
토스 프론트엔드 챕터는 유저가 경험하는 로딩 시간을 줄이기 위해 지속적으로 노력하고 있습니다. 특히 Slash 22를 통해 서버 사이드 렌더링(SSR)를 이용한 개선 사례를 소개드린 적이 있는데요. 이번 아티클에서는 Next.js 도입 과정에서 마주한 문제와 해결 방법을 소개할게요. 서…
안녕하세요. 올영 프론트엔드 개발자 올리브정🔥 입니다! 최근 올리브영 온라인몰이 빠르게 성장함에 따라 저희 팀에서도 성능 개선을 위해 많은 고민을 하고 있습니다. 오늘은 그 고민을 해결하기 위해서 Infinite Scroll을 통한 브라우저 렌더링 최적화 방법을 알아보고자 합니다! 사용…
안녕하세요! 올리브영 라이브 스쿼드의 일원 d9입니다. 🐥 저는 프론트엔드 개발을 담당하며, 유저의 니즈를 이해하고 그에 맞는 새로운 기능을 만드는 것을 즐겁게 하고 있습니다. 이번 포스트에서는 올리브영 라이브 스쿼드가 어떤 방식으로 업무를 진행하고 어떤 성과를 도출해냈는지 소개하려고…
안녕하세요, The Pinkfong Company에서 프론트엔드 개발을 하고 있는 페이지입니다. 🙆♀️ Retool을 이용하여 로그 시각화를 도입하는 과정에서 제가 얻게 된 지식과 팁을 공유하고자 합니다. 기존에는 앱에서 생성되는 로그를 Elastic Search에 적재 한 후 그 데이…