won94974030

++++++ First Load JS의 용량을 줄이는 방법
혹시나 누가 궁금해 할까봐 + 메모장으로 남기기 위해 써놓습니다.

1. First Load JS의 용량을 줄이는 방법은 사용하지 않은 종속성을 지우시면 됩니다!
(ex. redux에 있는 faker, shortId 등 , 컴포넌트에 귀찮아서 냅둔 import 들)

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
2. 더 줄이고 싶다면 추가로 지연로딩 기능을 넣어주시면 됩니다.
SSR을 사용하면서 작동하지 않는 React.Lazy (지연로딩)기능을&nbsp; '<a href="https://nextjs.org/docs/advanced-features/dynamic-import" target="_blank" rel="noopener noreferrer">next/dynamic</a>'을 통해 같은 방식의 동작을 구현함으로써 모듈을 빌드 타임(컴파일?)이 아닌 런타임에 불러오도록 합니다. 이를 통해 번들 파일을 분리하고 퍼포먼스를 향상 시켜준다고 합니다.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
참고 글 <a href="https://www.eliostruyf.com/devhack-optimizing-initial-load-js-nextjs/" target="_blank" rel="noopener noreferrer">링크</a>
구글 검색에 'next/dynamic'을 검색하시면 한글 자료로도 많이 나오네요!

npm run build 오류

아 넵! 연휴에 답변 정말 감사합니다! ^__^

proxy request가 /auth에서 일어나는게 인증정보를 못 갖고오는거라서 dev.js에서 몽고DB와 연결이 잘 안되어있거나 서버랑 클라가 엉켜있거나 둘중 하나인 것 같은데 (깃헙 이슈 찾아본 결과라서 정확하진않아여...)
저는 DB이름 pw입력하는 부분(dev.js)에 '<' 꺽쇠를 안지우고있어서 저 오류가 뜨기도 했어요 !
저도 이것저것 만지다보니 되어가지고 두개의 터미널에서 백엔드 서버 실행하고 다른 터미널에서 프론트엔드 실행해도 안되면 다시&nbsp; npm run dev도 해보고 이러다보면 될 것같기도 합니더...
이래도 안되면 모르겟네요 저도 ㅠ

회원가입 에러

<a href="https://github.com/plouc/mozaik/issues/118" target="_blank" rel="noopener noreferrer">https://github.com/plouc/mozaik/issues/118</a>
mozaik에서 같은 이슈를 다룬 내용을 살펴보니
node server/index.js 서버를 먼저 실행하라고 하네요
이 오류가 무작위적인게 해당 프로세스 처리방식이 OS마다 달라서 항상 서버부터 시작이 되지 않는다고 하네요!
저도 같은 오류를 갖고 있었는데 서버 따로 실행안하고 npm run dev만으로 갑자기 해결이 되었네요
MacOS가 갑자기 정신차릴 수도 있나요...?
John Ahn개발자님 좋은 강의 항상 감사합니다. 바쁘시겠지만 좀 더 자세한 설명 부탁드릴게요! 아직은 제 지식이 거기까지 닿지가 않네요ㅜㅜ
말그대로 무작위적인걸까요?

won94974030

Posts