Error

[Debug] IDE로 리액트 프로젝트를 디버깅해보자.

디버깅...? 리액트 프로젝트에서 videos의 자료형을 보고 싶다면 어떻게 할 것인가? 가장 먼저 생각나는 방법은 console.log이다. 우리들의 강력한 디버깅 친구는 console.log다. console.log와 구글크롬으로 사실 충분할지도 모른다. 머리 아픈 디버깅 방법을 알 필요도 없고 바로 크롬 개발자도구에서 결과를 볼 수 있으니까. 그러나, console.log는 딱 개발자가 지정한 변수만을 출력해준다는 단점이 있고, 문제의 인과관계를 알기도 힘들고, 특히 this binding과 같이 조금만 어려워져도 추적이 힘들어진다. 변수가 3-4개만 연관되어 있어도, console.log(a,b,c,d); 와 같이 모두 담아줘야 한다. 때로는 특정 시점 이전과 이후로 console.log를 추가하..

[에러] netlify에서 nextJS의 "getServerSideProps" can not be exported 해결하기

에러 내용 netlify에 배포한 프론트엔드 앱에서, Error occured prerendering page "/". Error for page /: pages with "getServerSideProps" can not be exported ... 라는 에러가 발생해서 해결하는 과정을 담았다. 결론 netlify에서 build시에 [next export]를 실행하고 있다면, 해당 스크립트를 제거하면 된다. 오류 발생까지의 상황 netlify에서 Build settings에서의 설정과 밀접한 관련이 있어서 이 부분을 위주로 적을 예정이다. netlify의 Build Setting은 Project - Site Settings - Build & deploy - Build settings 에 있다. 리액트 ..

[에러] Safari invalid Date (or NaN) 해결하기

에러 서버 없이 json 데이터 기반으로 프로젝트를 수행하면서 날짜 데이터를 string 타입의 "yyyy-mm-dd hh:mm:ss" 로 보관하고 있었다. ex) date : "2022-05-27 22:10:18" 이 문자열을 new Date의 인자로 넣어주면, 바로 날짜 객체로 변환할 수 있다. 아무튼 이렇게 변환한 날짜를 기반으로 getFullYear, getMonth 등을 하며 이러쿵 저러쿵 했는데, 사파리에서는 new Date()메서드가 "yyyy-mm-dd hh:mm:ss" 입력을 취급하지 않나보다. 그리하여 데이터를 "yyyy/mm/dd hh:mm:ss"로 바꿔보니, 크롬과 사파리 둘 다 new Date 인자로 활용할 수 있었다.

[에러] ** and ** are entirely different commit histories. 해결하기

에러 내용 There isn't anything to compare main and mybranch are entirely different commit histories. 아마 이 키워드로 들어왔다면, 다른 프로젝트를 가져와서 이어서 작업을 완료하고..! PR을 보내려다가 응? 한 경우일 듯 하다. 사실 내가 그랬다..ㅎㅎ😭 과제 전형에 응시하면서 열심히 작업하고 PR을 보내려고 하니, PR 생성이 활성화되지 않더라. PR을 보내기 전까지 git push origin *** 까지는 가능했어서, 과제를 마치기 전까지도 커밋이 끊긴 것도 몰랐다. 동일한 현상을 경험하신 https://jihyewoo.tistory.com/195 블로그 포스팅을 참고했다. 문제와 해결 (이 화면은 vscode에서 git gr..