사파리, 모바일 환경에서의 트러블슈팅
Internet Explorer 공식 지원이 2022년 6월 15일에 종료된 지도 1년여가 지났습니다. 이제 더 이상 IE…
devBlog
Frontend 글 모음
기업 기술블로그의 Frontend 관련 글 580개
Storybook의 MSW mock 구조 개선
카카오스타일의 파트너센터 서비스에서는 UI 테스트와 문서화를 위해서 Storybook과 MSW를 사용하고 있습니다. Storybook의 각 스토리마다 MSW GraphQL mock을 개별로 정의해서 사용하고 있었는데, 이로 인해 코드가 중복되고 mock 누락으로 인한 오류가 자주 발생했습니다. 이런 문제를 해결하기 위해, 스토리마다 따로 정의된 MSW mock을 한 군데로 모아서 관리할 수 있는 새로운 구조를 제안하고, recast를 사용한 변
사운드 리소스 전달 WebApp 만들기
단순한 설계라는 원칙을 바탕으로 게임 개발에 필요한 웹앱을 개발했던 경험을 공유합니다.
개발자를 위한 이력서 스터디 진행 후기
개발자 이력서 스터디를 운영하면서 자기소개 페이지를 제작하기까지의 과정을 공유합니다.
반응형 프로그래밍 with RxJS
AWS amplify로 서버리스 웹 애플리케이션 구축하기
프런트엔드 개발자가 어느 날 기똥찬 웹 애플리케이션 아이디어가 떠올랐다면, 제일 먼저 드는 생각은 ’백엔드 개발을 누군가 해줬으면 좋겠다’ 일 겁니다. 그래서 준비했습니다. 서버리스(Serverless)란? AWS…
월간 크롬 이슈 리포트 2023년 6월호
프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2023년 6월호)
코드 가독성을 높이는 젯브레인 계열 IDE 에디터 세팅과 플러그인 추천
MSW - 더 나이스한 목킹을 위한 고민
🤔 고민 웹사이트를 개발하다 보면 백엔드와 프론트 간의 개발 속도 차이로 인한 문제와, API 응답 데이터에 의존하는 로직에 대한 테스트 코드 작성이 어려운 문제 등이 자주 발생합니다. 이러한 문제들은 현재 진행 중인 개발에 집중하기 어렵게 만들어줄 뿐 아니라 중복 코드와 같은 불필요한 작업을 초래합니다. 따라서 이번 글에서는 각각의 문제들이 발생하는 원인과 해결책에 대해 자세히 살펴보겠습니다. 함께 읽어보세요! < 정리 > 백엔드와 프론트
NEXT.JS의 이미지 최적화는 어떻게 동작하는가?
안녕하세요. 올리브영에서 프론트엔드 개발 업무를 담당하는 코난입니다. 올리브영 프론트엔드는 NEXT.JS…
소스 맵의 동작 원리는 무엇일까?
웹 개발에서 디버깅 시 사용되는 소스 맵이 어떤 원리로 동작하는지에 대해 알아봅니다.
월간 크롬 이슈 리포트 2023년 5월호
프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2023년 5월호)
docker-compose를 이용하여 다수의 spring boot 프로젝트 연결하기 (Part 2)
docker-compose를 이용하여 다수의 spring boot 프로젝트 연결하기 Part 1 : docker-compose를 이용하여 로컬 개발환경 구성하기 Part 2 : docker-compose를 이용하여 다수의 spring boot 프로젝트 연결하기 개요 Part1에서 소개한 예제에서는 하나의 git repo로 구성된 java 멀티 프로젝트를 docker-compose를 이용하여 구성했습니다. 이번 Part2에서는 다른 git repo의 어플리케이션을 이용하여 Part1에서 생성했던 backend 서버 어플리케이션과 함께 동작하도록 구성해보겠습니다. 편의상 Part 2의 프로젝트는 frontend로 예제를 작성하였습니다. 개발 블로그에서 소개하는 코드들은 gmarket-techblog-fron..
그림과 작동 원리로 쉽게 이해하는 웹의 기초
책 『그림과 작동 원리로 쉽게 이해하는 웹의 기초』 를 읽고 작성한 서평입니다.
iOS ReactorKit 톺아보기
안녕하세요. 오랜만에 돌아왔습니다. 올리브영 모바일앱 개발팀에서 근무하고있는 럭셔Lee💍 입니다. 그동안, 올리브영 앱의 내부에선 많은 변화가 있었는데요. 이번에는 올리브영 앱에 도입한 프레임워크 ReactorKit…
Next, d3로 서버 사이드 지도 렌더링하기
안녕하세요! 프론트엔드개발팀 신입 개발자 백도훈입니다. 줌인터넷 입사 이후에 약 5주동안 진행한 파일럿 프로젝트 진행 과정에 생긴 고민들과 해결 과정을 공유하려고 합니다. 목차 1. 개요 2. 기술 스택 3. 디자인 4. 기능 5. 프로젝트 설계 6. 기술적 고민 7. 마치며 1. 개요 주제 이번에 진행한 파일럿 프로젝트의 주제는 부동산 데이터 시각화입니다. Next.js, 차트, 시각화 라이브러리 등 실무에 필요한 기술 역량을 강화하는것이 이
기술 블로그를 위한 SEO
개인 기술 블로그에 적용한 SEO 방법들을 소개하고, 그 결과물을 공유합니다.
뷰티컬리에서 <나의 컬리 스타일>이 갖는 의미
뉴비가 뉴서비스를 만났을 때