Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 1 섬네일

문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 1

카카오엔터테인먼트 favicon카카오엔터테인먼트·Frontend·
ReduxReactNextjsNodejsSwiper
2023년 04월 20일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

카카오엔터테인먼트가 정주행 모드 유지 문제와 CORS 에러를 해결하기 위해 swiper/css 로딩 방식을 전역으로 일원화했다.

구현 방법

  • Next.js 프로젝트에서 swiper/css를 _app.tsx에서 전역 import로 관리
  • 컴포넌트 내부의 조건부 require 로딩 제거 및 서버 사이드 렌더링 이슈를 고려한 일관된 모듈 로딩 적용
  • 문제 재현 확인 및 정주행 모드 상태 유지 여부를 검증

주요 결과

  • CORS 에러 제거 및 정주행 모드 ON/OFF 상태 유지가 정상적으로 확인
  • 로딩 방식 단일화로 복잡도 감소 및 안정성 향상

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 2 섬네일
85%

문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 2

카카오엔터테인먼트 favicon카카오엔터테인먼트·2023년 04월 21일
React 이벤트와 브라우저 이벤트 섬네일
73%

React 이벤트와 브라우저 이벤트

카카오엔터테인먼트 favicon카카오엔터테인먼트·2022년 09월 08일
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC 섬네일
71%

대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC

올리브영 favicon올리브영·2025년 11월 06일