next@troubleshooting

quill과 tui을 사용해 봤는데, 두개 모두 브라우저의 객체를 참조하고 있다. 이런 라이브러리들의 경우 next.js의 ssr 옵션을 끄고 참조를 진행해야한다. next.js는 디폴트로 각 페이지들은 빌드시 pre-render를 한다. 이때 실행환경은 node이므로

hostnameImageImage 를 사용시에 hostname 관련 이슈가 발생시 해결법은 next.config.js에 해당 설정을 통해 아래와 같이 도메인을 등록해주면 된다. 아래 예는 github avatar 도메인과, 로컬테스트용 도메인인 localhost를 넣었

header를 스크롤의 반응에 따라 숨김처리를 하기위해서 window에 이벤트를 등록해봄.결론은 동작하지 않음.다른 이벤트를 등록했을때는 동작하지만 scroll이벤트는 트리거 되지 않았다. react의 문제라기보다는 next.js에서 발생하는 이슈라고 판단한다. Win

특별한 build 실패 에러가 안보이는데 eslint에러만 막 뜨다가 실패하는 경우엔 eslint때문에 빌드가 실패했다고 보면 된다. 이때는 빌드시 eslint를 무시하는 옵션을 넣어줘야 빌드가 된다.아래와 같이 next.config.js에 빌드 무시 설정을 넣어주면