ETC/Error

react-snowfall 라이브러리를 사용하던 도중 다음과 같은 오류가 발생했다. 해결 방법으로 useLayoutEffect가 클라이언트 사이드에서만 독점적으로 렌더링되어야 한다는 부분이 언급된 걸 보면, Next.js의 서버 사이드 렌더링 방식으로 인해 오류가 발생된 듯하다. Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI. To avoid this, useLayo..

Warning: Each child in a list should have a unique "key" prop. See https://reactjs.org/link/warning-keys for more information. 해당 오류를 해결하기 위해 컴포넌트에서 key 속성을 제거하면 된다. key는 React에서 리스트를 렌더링할 때 각각의 요소를 구분하기 위해 필요하지만, DOM 요소에는 필요하지 않다.

에러 코드 인프런 강의 듣던 도중 다음 오류가 발생했다. 이 부분만 긁어서 구글링했더니 패키지 재설치, 노드 버전 교체 같은 방식으로 해결했다는 글이 많이 보였다. 하지만 내 경우엔 아무리 비슷한 해결법을 사용해봐도 좀처럼 해결되지 않았다. 해결 방법 친구의 도움으로 에러 코드를 좀더 넓게 살폈다. 그러자 문제의 근원으로 보이는 위와 같은 부분을 발견했다. 대충 직역하면 MongoDB 서버로 연동되는 코드인 'Schema'가 중복 선언되었다는 뜻이다. Product.js 파일에 있던 해당 코드를찾았다. 그리고 이 코드(파란색 박스)를 삭제한 뒤 다시 터미널에서 npm run dev 명령어를 입력하자 오류가 해결되어 작업하고 있던 웹사이트에 잘 접속되었고, 터미널 창에서도 MongoDB에 연결되었다는 메..

에러 코드 리액트 앱 설치 중 다음과 같은 오류가 발생했다. 터미널에서 제안한 방법을 적용해 봐도 해결되지 않았다. 해결 방법 create-react-app 뒤에 @latest를 붙여서 다시 설치했다. npx create-react-app@latest ./

에러 코드 git pull 시도 중 다음과 같은 오류가 발생했다. 원인은 git pull을 통해 가져오려는 코드와 현재 로컬 컴퓨터의 코드가 서로 충돌하고 있기 때문이었다. 해결 방법 다음 명령어를 통해 git stash를 시도했다. stash란 사전적 의미로 뭔가를 안전한 곳에 숨기는 것이다. git stash는 기능적인 측면에서 로컬 컴퓨터의 변경 사항을 임시로 저장해준다. git stash && git pull origin master && git stash pop git stash 이후 다시 git pull을 시도하자 파일과 코드 들이 정상적으로 병합되었다.

에러 코드 npm run start 명령어 실행 중 다음과 같은 오류 발생했다. 해결 방법 App.js 폴더에 React를 임포트했다. import React from 'react';

에러 코드 라이브러리를 설치하던 도중 치명적인 결함이 생겨 node 및 npm 전체를 삭제하고 다시 설치했다. 삭제와 설치까지는 정상적으로 진행되었는데 brew link node 명령어를 실행하던 도중 다음과 같은 오류가 발생했다. 해결 방법 구글링 결과 이 명령어를 써보라는 의견이 많았지만 내 경우에는 이 방법이 통하지 않았다. sudo chown -R [사용자명] /usr/local/share/doc/node/ 다시 한번 검색한 결과 다음 명령어를 발견해 터미널에 입력했다. 그러자 노드 링크에 성공했다. sudo chown -R $(whoami) $(brew --prefix)/*

에러 코드 프로젝트를 시작하는 과정에서 "Git Repository에 활성 변화가 너무 많습니다. Git 기능의 하위 집합만 사용하도록 설정됩니다."라는 오류가 떴다. 원인은 git init 명령어가 유저 폴더 안에서 실행되었기 때문이다. 그래서 Git이 내 메인 디렉토리를 포함한 하위 디렉토리의 모든 파일들을 추적하려고 시도하고 있다는 것. 이 경우 '.git' 폴더를 삭제해야 한다. 해결 방법 [Macintosh HD - 사용자(Users) - 사용자 이름(your_usename)]으로 이동 숨겨진 폴더 표시(단축키 shift +command + . ) '.git' 폴더 삭제 원하는 장소에 새로운 폴더 만들어서 git init 명령어 실행

에러 코드 VS Code에서 npx create-react-app 명령어 실행 중 다음 에러가 발생했다. 해결 방법 npm uninstall -g create-react-app npm add create-react-app npx create-react-app [폴더 이름]