여러가지 방법이 있는데, 그 중 내가 사용했던 방법은 두가지였다.첫번째 방법은 next/Image에서 바로 svg를 불러와서 사용하는 방법이다. 이렇게 하면 손 쉽게 사용할 수 있지만, svg의 color 등을 조절하기 힘들다. 따라서 두 번째 방법을 사용하는 것을 추
이틀 동안 끔찍한 에러에 시달렸다... 에러 메시지가 안 나오는 에러 ㅋㅋㅋㅋ분명 아래 사진 처럼 styled className은 적용이 되는데 막상 그 안에 css는 안 담겨있는 상황. 검색을 해도 나 같은 상황은 안 나왔고, 또 찾아도 \_document.js와 b
Next js를 사용한다! 라고 하면 자연스레 SSR을 통한 SEO 최적화를 생각하기 마련이다. 하지만 Next는 SSR만 제공하지 않는다. 오히려 Link 를 이용하면 CSR처럼 작동하기도 한다. Next를 사용한 다는 것은 미리 생성된 html (pre-render
Next js와 react-query를 함께 사용하여 Infinite Query의 첫 부분을 prefetch 시동중이었다. 어디서 에러가 났는지 제대로 알려주지 않아서 일일히 콘솔을 찍어가면 찾아낸 결과..중간에 로딩이 길지만, 서버에서는 제대로 prefetch를 하나
next의 router에는 back()이라는 함수가 있어서 이전 페이지로 이동시킬 수 있다.문제는 유저가 만약 해당 페이지를 처음으로 접근하게 되면 이전 페이지가 없어서 돌아갈 수가 없다는 것..next에서 간단한 custom hook으로 previous url을 접근
getServerSideProps의 query를 console.log로 찍어보니 저런 괴랄한 return이 나오고 계속 반복해서 찍힌다...발생 이유는 결국 못찾았다. port를 3000에서 30001로 바꿔보니 안 나는데...하.. 일단 나중에라도 또 같은 에러가 발
개발하면서 빌드하고 실제 서버를 돌려보면 어떻게 되나? 하고 궁금할 때가 있다. 그럴 때는 보통 테스트 서버를 만들어서 체크해보는데, 이 때 env파일을 그때그때 바꾸기가 귀찮아 package.json의 명령어를 커스텀해서 상황에 따라 다르게 env파일을 사용하곤 한다