기술 블로그 모음

안녕하세요! 올리브영에서 프론트엔드 개발자로 일하고 있는 재미입니다. 오늘은 지난 3월 10일 올리브영 앱에 런칭한 W CARE 서비스의 프론트엔드를 TDD로 개발한 후기를 남겨보고자 합니다. W CARE 서비스란? W CARE…

안녕하세요. 질문을 사랑하는 올리브영 프론트엔드 개발자 “우문Hyun답”입니다.😁 많은 개발자분들이 코드를 어떻게 작성해야 조금 더 빠르게 동작시킬 수 있을까 라는 고민을 많이 하실 텐데요 이번 포스트에서는 V8 엔진은 무엇이고 V…

…

반갑습니다! 오늘도 올리브영입니다! 안녕하세요. 저는 주문/결제 스쿼드에서 열심히 일하고 있는 Aaron 입니다. 저번 선물하기 픽업 포스팅 이후…

올하~! 안녕하세요. 오랜만에 돌아온 새싹 프론트엔드 개발자 홍시홍입니다. 🌱 그동안 올리브영에 많은 변화가 있었는데요, 매거진관, 셔터 같은 새로운 서비스들이 오픈되고, 기존에 있던 페이지들이 신규 아키텍쳐로 탈바꿈하고 있답니다. 지난…

…

안녕하세요. B2B 물류 스쿼드의 백엔드 개발자, 시나브로우입니다. 저희 B2B…

안녕하세요. 올리브영에서 눈에 보이는 것들을 담당하고 있는 꾸옹입니다😺 📢 지난…

안녕하세요. 올영 프론트엔드 개발자 올리브정🔥 입니다! 최근 올리브영 온라인몰이 빠르게 성장함에 따라 저희 팀에서도 성능 개선을 위해 많은 고민을 하고 있습니다. 오늘은 그 고민을 해결하기 위해서 Infinite Scroll…

Checkbox 아이콘을 텍스트의 원하는 위치로 정렬 하는 방법 (Jetpack Compose)- 텍스트 가운데에 아이콘 정렬 쉽게 하는 방법- 텍스트 첫 번째 줄, 마지막 줄에 아이콘 정렬 쉽게 하는 방법- 아무리 찾아도 Stack Overflow에 없는 내용?안녕하세요.헤이딜러 안드로이드팀의 윤영직입니다.🎉 드디어 헤이딜러에 Jetpack Comp...

안녕하세요. 사람인 FE개발2팀 김선미입니다. ‘멘토링매치’는 회사나 직무 등 여러가지 궁금한 사항을 멘티와 멘토의 입장으로 일대일 음성 대화를 통해 경험과 정보를 나눌수 있는 서비스입니다. 이 글에서는 런칭 이후 진행된 리팩토링 작업중 react-query 도입과정에 대한 소개를 해볼까합니다. 리액트 쿼리란? React-Query는 데이터를 불러오고...

단순한 설계라는 원칙을 바탕으로 게임 개발에 필요한 웹앱을 개발했던 경험을 공유합니다.

안녕하세요. 사람인 개발팀 노혜민입니다. 이번 포스팅에서는 Vue3의 Composition API와 Pinia를 활용한 상태관리 경험을 공유하고자 합니다. Vue3 릴리즈 이후 Vue.js를 활용한 프로젝트 진행 기회가 없어 Vue3를 실제 업무에 적용할 기회가 없었으나 인재풀 프로젝트 개편과 함께 Vue3를 실무에 적용하게 되었습니다. 프로젝트를 진...

안녕하세요. 올리브영에서 프론트엔드 개발 업무를 담당하는 코난입니다. 올리브영 프론트엔드는 NEXT.JS…

컬리 개발자들이 추천하는 컬리 제품

안녕하세요 ZUM iOS개발자 김남수(Enes)입니다. ZUM에서는 Tuist를 어떻게 도입하게 되었는지, 어떻게 사용하고 있는지와 Tuist를 적용한 프로젝트를 개선한 경험을 공유하고자 합니다. 가이드 없이 맨땅에 시작한 Tuist와 모듈 아키텍쳐 학습을 기반으로 설계하고 개발한 경험을 공유하는 글이여서 부족한 부분이 있을 수 있습니다. 편하게 읽어...

안녕하세요! 프론트엔드개발팀 신입 개발자 백도훈입니다. 줌인터넷 입사 이후에 약 5주동안 진행한 파일럿 프로젝트 진행 과정에 생긴 고민들과 해결 과정을 공유하려고 합니다. 목차 1. 개요 2. 기술 스택 3. 디자인 4. 기능 5. 프로젝트 설계 6. 기술적 고민 7. 마치며 1. 개요 주제 이번에 진행한 파일럿 프로젝트의 주제는 부동산 데이터 시각화...

뉴비가 뉴서비스를 만났을 때

처음 만나는 React Query, 그리고...

Photo by CHUTTERSNAP on Unsplash이 글에서는 안드로이드에서 WebChromeClient의 onShowFileChooser()를 이용하여 단일 파일 선택, 복수 파일 선택을 지원하는 방법을 소개합니다.기본으로 구현된 파일 선택 기능이 없다HTML에서는 <input type="file"> 태그를 통해 ...

이 글은 2022년 12월 기준으로 제공된 검색엔진 가이드를 기반으로 작성되었습니다. 가이드 및 정책은 변경될 수 있습니다. 안녕하세요. 뱅크샐러드 웹 프론트엔드 엔지니어 김희찬입니다. 최근 금융쇼핑 PA…

안녕하세요 올리브영에서 눈에 보이는 것들을 담당하고 있는 꾸옹입니다😺 22년도 하반기에 라이브 스쿼드는 열심히 달려 12월 1…

지난 2022년 사람인 서비스의 전반적인 접근성 향상의 초석을 마련하고자 FE 개발 1팀을 주축으로 길드를 구성하여 FE 개발자 2명과 사람인 사업실로부터 1명의 디자인 담당자를 지원받아 웹 접근성 개선을 위한 프로젝트를 진행하였습니다. 지난 한 해 동안 길드에서 접근성 향상을 위해 어떤 일들을 진행했는지 공유해 드리고자 합니다. 접근성 기준을 마련하...

안녕하세요~! 오랜만에 인사드리는 의지수입니다:) 오늘은 Kotlin Flow에 대해 소개하고 프로젝트에 도입하면서 느꼈던 작고 소중한 제 경험을 공유하고자합니다. 저도 써보고싶어요 F.L.O.W…

…

안녕하세요 뱅크샐러드 Web Front-End Engineer 민찬기입니다. 여러분들은 운영하시는 서비스의 폰트를 바꾸신 적이 있으신가요? 바꾸시는 과정에서 어떤 어려움을 겪으셨나요? 눈썰미가 남다르신 분들은 눈치채셨겠지만, 뱅크샐러드는…

Intro 본 글은 iOS 14 기준으로 작성 되었습니다. Coordinator Pattern은 화면전환에 관련된 코드를 Coordinator 라고 하는 별도의 모델로 책임을 분리하는 디자인 패턴 중 하나입니다. 아키텍처로 고도화 할 경우, 모든 화면 전환 로직, 화면 전환 애니메이션 등을 관리할 수 있어서 굉장히 유용한 디자인 패턴 중 하나입니다. ...

여는글 안녕하세요~ 올영생활 2년 차가 다 되어가는 웹 프론트엔드 개발자 개발새발자 (a.k.a 고인물...) 입니다~만반잘부??! 올리브영 온라인몰(이하 온라인몰)은 근…

안녕하세요. 올리브영에서 Back-end 개발 업무를 맡은 달고나윤입니다. 현재 올리브영 전시파트는 기존 모놀로식 아키텍쳐에서 MSA…

들어가며 안녕하세요, 트렌비 백엔드 개발자 도현입니다. 이 글에서는 트렌비 리뷰 서비스 (review-service) 의 성능을 개선하게 된 이야기를 해보고자 합니다. 문제 상황 작년 11월경 리뷰 서비스가 런칭되고 시간이 지남에 따라 비즈니스가 점점 고도화되었고, 사용자와 트래픽이 증가함에 따라 아래와 같은 시스템 알럿이 발생하기 시작했습니다. 발생...