부서 내 효율적 협업을 위한 Playground 개발
부서 내 동료들과 효율적으로 협업하기 위해 Next.js 기반의 Playground를 만들고 소통한 경험을 공유합니다.
devBlog
Frontend 글 모음
기업 기술블로그의 Frontend 관련 글 580개
JavaScript fetch 메서드는 왜 2번 await 해야만 할까?
JavaScript fetch에서 데이터를 얻기 위해 두 번의 await이 필요한 이유에 대해 알아봅니다.
생성형 AI 기반의 웹툰 미리 보기 'Helix 숏츠' 개발기 / if(kakaoAI)2024
‘Helix 숏츠’는 웹툰 미리보기 서비스로, 다양한 AI 기술을 활용해 탄생했습니다. 개발 과정에서 활용된 AI…
Front-end 개발자가 회고하는 기획전 개편
안녕하세요. 질문을 사랑하는 올리브영 프론트엔드 개발자 “우문Hyun답”입니다.😁 스토어전시 스쿼드에서는 24년 2-3분기에 기존 JSP로 구현된 기획전 시스템을 Next.js…
월간 크롬 이슈 리포트 2024년 10월호
프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2024년 10월호)
개발자 면접 1분 자기소개, 이렇게 준비하자
개발자 직무 면접에서 1분 자기소개 시 사용할 수 있는 템플릿을 사례와 함께 소개합니다.
기획전 애니메이션 모듈 개발
지그재그는 상품 판매를 촉진하기 위해 이벤트나 기획전을 주요 마케팅 수단으로 활용합니다. 기획전은 한정된 기간 동안 고객에게 특정 상품 정보와 추가적인 할인 혜택을 명확하게 제시하여 판매를 유도하는 역할을 합니다. 따라서 다양한 기획전을 지속적으로 발행해 고객의 관심을 유도하고, 브랜드 충성도를 높이며, 구매율을 증가시키고 있습니다. 또한, 다양한 테마와 카테고리별 기획전을 통해 고객의 소비 패턴과 선호도에 맞춘 맞춤형 쇼핑 경험을 제공합니다.
월간 크롬 이슈 리포트 2024년 9월호
프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2024년 9월호)
올리브영에서는 프론트엔드 개발자들이 이런 고민을 하는군요?
😲 "어? 올리브영에도 개발자가 있나요?" 🤔: 올리브네트웍스를 말씀하시는 건가요? 올리브영은 다 SI로 개발하는 거 아니었어요? 🫢: 우와, 올리브영에 개발자가 생각보다 많네요! 그것도 15…
타입스크립트스럽게 성능과 생산성 두 마리 토끼 모두 잡기
최고의 자동완성 플러그인 타입스크립트를 사용하여 개발자를 속이고 코드를 최적화한 경험을 공유합니다.
IMQA SaaS 대규모 업데이트 안내
프론트엔드 통합 성능 모니터링 솔루션 IMQA의 SaaS 버전이 한층 더 강화된 분석 기능으로 업데이트됩니다.
쏘카 프론트엔드 모노레포 - Part1. Code Generator로 프로젝트 세팅 자동화하기
목차 시작하며 규모가 커지면서 생기는 문제점들 2.1 계속해서 생겨나는 중복 코드들 2.2 멀티레포 환경에서의 공통 라이브러리 업데이트 일관성을 위한 모노레포 도입과 고민 프로젝트 세팅 비용 단축하기 4.1 기존 멀티레포 환경에서의 프로젝트 세팅 4.2 모노레포 환경 구성 세팅하기 4.3 Code Generator를 활용한 프로젝트 세팅 4.4 결론 마치며 1. 시작하며 해당 글은 다음과 같은 분들에게 도움이 됩니다. 모노레포 환경으로 이관/구
쏘카 프론트엔드 모노레포 - Part1. Code Generator로 프로젝트 세팅 자동화하기
모노레포 환경에서 Code Generator를 활용한 프로젝트 구성 및 자동화 방법을 알아봅니다.
월간 크롬 이슈 리포트 2024년 8월호
프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2024년 8월호)
이걸 진짜 만든다고요? 세상에 없던 게임, 샐러드게임 | 2편. UX
…
Any의 함정 TypeScript와 Zod를 활용한 Type 명세로 해소
오늘은 TypeScript와 Zod에 관한 주제로 이야기하고자 합니다. TypeScript는 JavaScript의 동적 타이핑 대신 정적 타이핑을 도입해 코드의 안정성과 유지보수성을 높인 언어입니다. 하지만 TypeScript에서도 any 타입을 남발하다 보면 문제가 생길 수 있습니다. 이러한 문제를 방지하기 위해 세밀한 타입 지정과 유효성 검사를 지원하는 Zod라는 라이브러리를 함께 사용하는 것이 좋습니다. 이 과정에서 생성형 AI의 도움을
올리브영 타입스크립트로 알아보는 타입과 타입 시스템
올리브영은 뷰티 상품을 중심으로 각기 다른 특징을 가진 상품을 고객에게 전달하고 있습니다. 최근엔 W CARE…
OLEA? Storybook을 활용한 올리브영의 디자인 시스템!
안녕하세요! 올리브영에서 라이브관과 매거진관을 담당하고 있는 몌으니입니다🦦💙 올리브영의 백오피스(BackOffice)시스템(이하 BO)에 Storybook…