올리브영 테크블로그

Frontend

Frontend2024.11.01
Front-end 개발자가 회고하는 기획전 개편
서버에 저장된 HTML을 Next.js에서 어떻게 렌더링 시켰을까
WebFrontEndOptimization
Frontend2024.08.02
OLEA? Storybook을 활용한 올리브영의 디자인 시스템!
Storybook을 활용한 올리브영 BackOffice 디자인 시스템 구축기
FrontEnd디자인시스템Storybook
Frontend2024.06.16
NEXT.JS와 CDN, 그리고 도커 이미지 경량화
AWS ECS로 직접 운영하는 노하우
FrontEndNEXT.JSCDN
Frontend2024.01.23
Next.js에서 MSW(Mock Service Worker)로 네트워크 Mocking하기
네트워크 Mocking을 위해 고민했던 삽질기
FrontEndNEXT.JSMSW
Frontend2023.10.30
W CARE 서비스 프론트엔드를 TDD로 개발해본 후기
TDD로 개발한 구체적인 방법 및 느낀 점에 대해서 소개합니다.
FrontEndW CARE
Frontend2023.10.28
자바스크립트 이렇게 짜면 외않되?
V8엔진의 동작원리와 최적화 방법에 대해서 알아봅시다
WebFrontEndOptimization
Frontend2023.10.20
마우스 드래그로 범위 지정과 리사이징 및 이동 구현하기
기획전 마크업 자동화를 위한 드래그 범위 지정 기능 구현
OliveYoungFrontEnd
Frontend2023.10.04
useInfiniteQuery로 무한스크롤 구현하기
무한스크롤 구현 방법과 뒤로가기 시 스크롤 유지하는 방법을 소개합니다.
FrontEnd
Frontend2023.09.26
올리브영 잡 챌린지! 프론트엔드 개발자로의 전환
잡 챌린지를 통한 프론트엔드 개발자로의 전환 이후 개발팀에서의 여정
FrontEnd프론트엔드신입 프론트엔드개발자
Frontend2023.09.18
새 배송지 추가 form 개발하기
React에서 form 영역을 어떻게 개발했는지 공유합니다.
FrontEnd
Frontend2023.08.30
온라인몰 성능개선을 위한 FE 개발자의 고민 part-1
Infinite Scroll을 통한 브라우저 렌더링 최적화
Infinite Scroll렌더링최적화
Frontend2023.08.30
우리 애자일 해볼까? (with 라이브스쿼드)
우리모두 손잡고 애자일
AgileLive
Frontend2023.06.09
NEXT.JS의 이미지 최적화는 어떻게 동작하는가?
NEXT.JS는 왜 Sharp를 추천하는가
FrontEndNEXT.JS이미지 최적화
Frontend2023.01.04
라이브관 프론트엔드 입장에서 바라보기👀
라이브관을 개발한 프론트엔드 개발자가 리뷰해봅니다
FrontEndLive
Frontend2022.12.13
올영라이브 템플릿화
클릭 몇번으로 올영라이브 이벤트 페이지 뚝딱 만들어내기
AgileCalendarCulture
Frontend2022.12.07
올리브영 메인페이지 성능 개선기
모바일 메인페이지를 개선하기전 고민과 개선 후 결과를 알아봅시다
FrontEnd성능개선메인페이지
Frontend2021.11.22
웹사이트 최적화 방법 - 이미지 파트
이미지 최적화로 웹 성능을 향상시키는 방법
WebFrontEndTech