🚨 Error 🚨

문제가 발생한 배경 > 공통적으로 사용하는 로직을 반복하지 않고 모듈로 분리하는 과정에서 에러가 발생하였다. 🚨 에러 코드: SyntaxError: Cannot use import statement outside a module > 모듈은 특수한 키워드나 기능과 함

문제가 발생한 배경 > 비동기 서버 통신을 하고 콘솔 창에 결과를 출력 했는데 콘솔도 2번씩 찍히고 데이터도 2번씩 로드가 되는 상황 문제의 원인 알아보기 1. 비동기 서버 통신 함수 결과가 2번 출력되는거 보니깐 컴포넌트 렌더링이 되는건가? ↪ , 를 활용해서 컴포

useEffect의 첫 번째 인자인 콜백함수를 비동기 함수로 사용하니깐 에러 문구가 출력되는 상황↪ (지금 당장 결과에 문제는 없지만 터미널 창과 콘솔 창에 에러가 발생하고 있다!)🚨 Effect callbacks are synchronous to prevent ra

카테고리 버튼을 누르면 드롭다운 메뉴가 열리고 다시 버튼을 누르면 드롭다운 메뉴를 닫고 싶었지만 내가 원하는 대로 동작하지 않았다.문제 상황내가 원하는 동작아래 코드와 같이 isOpen을 콘솔에 출력해보면 드롭다운이 열려있음에도 false로 출력되는 것을 확인했다.드롭

기존 깃허브 계정이 스팸처리가 되어서 새로 깃허브 계정을 만들고 push를 하면 에러 코드가 생기는 상황에러 코드에러 코드를 살펴보면 remote: Permission to woo29/weekly-mission.git denied to wo-o29. 내 새로운 계정 이

팀원분이 만들어주신 사이드 메뉴 컴포넌트를 사용해서 페이지 조립하는데 새로고침 시 사이드 메뉴가 나왔다가 들어가는 이슈를 발견한 상황, 기존에 만들어주셨을 때도 이슈가 있었지만 배경색이 투명으로 되어있어 인지를 하지 못한 상황문제 상황처음에는 사이드 메뉴가 isOpen

프로젝트에 DnD + Carousel을 같이 사용할 때 문제가 없는지 테스트하는 과정에서 항목을 드래그하면서 옆으로 이동하는게 안되는 상황문제 상황여러가지 테스트를 해보면서 원인을 파악하였는데 Carousel의 스냅 기능을 사용하지 않으면 정상적으로 동작하는 것을 확인

React-Hook-Form으로 드롭다운 값을 관리할 때 동기화가 되지 않는 오류

React-Hook-Form의 defaultValues가 캐싱되어 원하는 동작이 일어나지 않는 오류

Yarn PnP가 모듈 파일을 찾지 못하는 이유와 해결 방법

문자열 배열 안에 있는 url들을 api 통신을 통해 얻은 결과 값으로 변환하려고 map함수를 사용할 때 Promise의 결과가 pending 상태로 나오는 상황이다.map 함수안에 콜백 함수에는 async/await을 통해 비동기적으로 동작할 수 있게 설정 해주었지만