트러블슈팅

EMotion 추천인 페이지를 개발하는 도 이상한 버그를 발견했습니다. 유저정보 API를 가져오는 함수를 호출했는데 자꾸 이전 액세스 토큰으로 요청을 보내고 정상적인 응답이 오지 않는 버그였습니다.그리고 서버에서의 로그도 찍어봤지만 전혀 찍히지 않았고, 심지어 서버의

프로젝트를 개발하면서 Drag & Drop 기능이 필요했는데 예전부터 써보고 싶었던 모듈인 react-beautiful-dnd를 사용해 DND를 개발해보았다. 설치 타입스크립트 환경에서 개발했기 때문에 type까지 설치해주었다. 라이브러리 이해 DragDropCo

최근 스와이퍼(캐러셀)을 사용해야하는 경우가 있었지만 인덱싱 기능이나 화살표 기능, 오토 플레이 등과 같은 스와이퍼 옵션 기능을 사용할 필요가 없었기에 오버 엔지니어링이라고 판단하여 그냥 드래그 가능한 리스트를 직접 개발했다.이 때 발생한 문제가 리스트에 스타일링한 o

개선 전 결과 문제점 1. 첫 화면 컨텐츠 렌더링시 버벅거림 첫 화면에서 aos 라이브러리를 사용하여 이미지를 flip시키는 애니메이션으로 렌더링되는 컴포넌트가 있다. 해당 컴포넌트는이미지가 커튼처럼 렌더링되며, flip 애니메이션은 엄청 버벅거리고 깜빡거리는

CRA(Create React App) 프로젝트를 Vite로 마이그레이션하는 과정에서 마주한 SVG 아이콘 import 에러 해결과정을 다뤄보자.발생한 에러 메시지는 다음과 같았다.이 글에서는 이 에러가 발생한 이유, CRA와 Vite의 SVG 처리 방식 차이, 해결