Text content did not match.Server: "December 27, 2024 at 8:18:18 AM" Client: "December 27, 2024 at 8:18:19 AM" Error Component Stack 개발된 화면들을 확인하다가 발견한 warning warning이지만 새빨간 배경에 뜨는것이 아주 거슬려서 해결해보기로 한다. 문제의 컴포넌트는 서버로부터 UNIX 시간을 받아와 예쁘게 가공해서 보여주는 컴포넌트였다. 근데 이페이지가 서버사이드에서도 그려지고, 클라이어트 사이드에서도 그려지다보니, 간발의 시점차가 생기는 경우 렌더링 되는 값이 달라져 생기는 문제였다. 먼저 useState로 관리하고 있던 값을 Date타입에서 string으로 바꾸어주었다. 기존 useS..
또 이상한 것에 발목을 잡히신분... 저요 Vercel로 프로젝트를 배포하는데 A commit author is required 에러가 뜨지 뭡니까.아니.. 나라고 커밋작성자 나라고!!!!!!!를 속으로만 외치고(회사니까..) 작성자 정보를 넣어주러 가봅니다...1. Git 사용자 정보 설정먼저, Git에 사용자 이름과 이메일을 설정해줍니다.그럼 Vercel이 배포 시 해당 정보를 참조하여 커밋 작성자 정보를 자동으로 인식합니다.git config --global user.name "Your Name"git config --global user.email "your-email@example.com" 이렇게 설정하면 모든 프로젝트에 대해 동일한 작성자 정보를 사용하게 되는데, 혹시! 특정 프로젝트에만..
error Duplicate case label no-duplicate-case원인 : switch문에서 case가 중복되는 경우 발생하는 에러. 해결 방안 : 중복된 케이스문을 하나만 남기고 지우면 해결됨 error img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text원인 : img태그안에 alt속성이 없는 경우 발생하는 에러. 해결 방안 : alt 속성자체가 필수는 아니지만 이 경우 대체텍스트이므로 빈스트링이라도 넣어줘야 에러를 피할 수 있다. error '***' is defined but never used @type..
https://www.npmjs.com/package/react-router-dom react-router-dom Declarative routing for React web applications. Latest version: 6.3.0, last published: 3 months ago. Start using react-router-dom in your project by running `npm i react-router-dom`. There are 14337 other projects in the npm registry using react-router-dom www.npmjs.com react-router-dom 라이브러리가 5버전에서 6버전으로 넘어가면서 가 로 변경되었다. 프로젝트의 pack..
ESLint와 Prettier 설정 후 아래와 같은 에러를 마주쳤다. 해결 방법을 찾다 보니 줄 바꿈과 관련된 변경된 prettier 설정이 원인이었다. pretttier공식문서를 찾아보았다. Windows에선 LF를 Mac OS와 Linux에서는 CRLF를 줄 바꿈 값으로 사용해서 서로 다른 OS를 사용하는 사용자들 간의 협업 시 줄 바꿈 값이 섞이게 되었고 이를 해결하기 위해 Prettier에서 LF로 강제한 것이다. LF로 통일시킨 이유는 모든 운영 체제의 모든 최신 텍스트 편집기가 \n(LF)를 사용하기 때문이라고한다. 때문에 Prettier 2.0.0 버전 이후부터 end of line값의 default를 auto에서 LF로 변경하였는데 VSCode에서도, 프로젝트 내에서도 여전히 CRLF를 쓰..
wsl에서 npm 사용시 아래 에러가 나서 검색해보니 사용중인 nvm경로나 버전이 안맞는 경우 생긴다고 한다. nvm list 로 확인해보니 system버전 사용중이었다. 새로운 쉘을 실행하는 경우에도 node버전을 고정시키기 위해 아래와 같이 v14.15.0을 default로 설정해 주었다. $ nvm alias default 14.15.0 설치되어 있는 가장 최신버전을 사용하는 경우에는 아래와 같이 입력해주면 된다. $ nvm alias default node 정상적으로 설정된 결과
git pull 시도시 다음과 같은 권한 문제 발생 error: cannot open .git/FETCH_HEAD: Permission denied 시도 1. -> 실패 sudo chown -R $USER .git/ 시도 2. -> 성공 sudo chmod a+rwx .git/FETCH_HEAD