git 명령 취소(되돌리기)

js번들로 서버에서 보내줌. js 번들에 모든 컴포넌트들이 포함될 필요는 없다. 상호작용이 없는 하이드레이션이 안필요한(정적인)파일 있음 굳이 한번더 실행할 필요없음. !

서버와 클라이언트에서 모두 실행됨콘솔이 두번 실행됨.클라이언트에서 빨간부분 서버측에서만 실행하는 코드가 존재하지 않는다.\-> 오류 발생업로드중..근데 next.js는 서버 컴포넌트를 클라이언트 컴포넌트로 바껴서 오류를 방지해준다.

레이아웃 파일 먼저 생성된다. 하단 폴더 페이지들은 계속 똑같은 레이아웃 레이아웃 중첩도됨. 루트 레이아웃 html의 기본 틀을 잡아줌. 만약 없애버리

쿼리스트링 사용하기 쿼리스크링은 페이지 컴포넌트에 props로서 전달된다. 프로미스 객체형태로 저장되어있다. ![](https://velog.velcdn.com/images/jj

Intro 멋쟁이 사자처럼 프론트엔드 스쿨 플러스를 작년 12월에 졸업하고 4월에 취뽀했다! 지금은 신입 개발자로서 7개월차다!(시간이 너무 빠름,,,) 지금 다니는 회사는 인하우스..! 내가 좋아했던 화장품 브랜드에서 프론트엔드 개발자로 다니고 있다! 솔찍히 취

작업을하는데 계속 삭제된 경로가 바뀌지않고 그대로있는 문제 발생!알고보니 데이터 값을 캐싱하고 있던 거였음!

next.js 정적 배포를 하면서 찾은 패키지정적 배포를 테스트해보고 싶었는데 찾은 패키지!!npm run build 해서 out 폴더가 나왔는데 테스트 해보고싶었다! 설명 주소https://www.npmjs.com/package/http-serverhttp-

파일 시스템 기반의 간편한 페이지 라우팅 제공다양한 방식의 사전 랜더링 제공요청을 받을때마다 새로 응답한다.빌드타임에 정적으로 이미 생성함빌드 타임에 생성된 파일에 유통기한을 주었다.on Demend페이지별 레이아웃 설정이 번거롭다.레이아웃 작업 복잡함(페이지 별로 계

찾아본 과정에서는 next.config.js에 output: "export",추가하고package.json 에서 build에 && next export 추가~!터미널에 npm run build를 작동시켰는데 에러가 나왔다.(솔찍히 제가 영어 잘못읽은 이슈임,,)next

[참고문서] https://velog.io/@eclove33/%EB%AA%A8%EB%B0%94%EC%9D%BC-%ED%95%B8%EB%93%9C%ED%8F%B0%EC%97%90-%EB%B3%B4%EC%9D%B4%EB%8A%94-%EC%9B%B9%ED%8E%98%EC%9

기본적은 SEO설정 마무리만약에 페이지가 Fallback 상태여도 meta태그가 설정되야하는데 값이 다 들어와야 랜더링되고 있음\-> 수정fallback이 로딩중일때 일반 meta태그 설정해놓기그러면 값이 들어오기 전에도 seo 설정가능

커뮤니티 (게시글, 수정, 댓글)최신데이터 보기 어려움불필요한 페이지 재생성사용자가 수정했던 말든 계속 60초마다 재생성 -> 너무 불필요!사람이 많이 들어오면 과부하가 올수있어 정적랜더링이 좋음페이지 업데이트를 자유롭게!전새로운 파일 만들기:사용자가 요청했거나 움직임

단순히 그냥 SSG 방식으로 생성된 정적 페이지를 일정 시간을 주기로 다시 생성하는 기술.최신데이터 반영이 어려움유통기한이 끝나면 새롭게 다시 페이지를 정적으로 다시 생성매우 빠른 속도로 응답 가능최신 데이터 반영 가능랜덤하게 추천도서를 바꿔가며 보여주는 페이지에 적절

false : 404blocking : SSRtrue : SSR 방식+ 데이커가 없는 폴백상태의 페이지 부터 반환실시간으로 사전랜더링만약 4번페이지를 불러오면, 1,2,3번 페이지와 똑같이 자동으로 html 저장빌드타임이후에 생성된 ssr로되서 비교적 느리지만 한번 불

빌드타임에 어떠한 경로들이 있는지 파악한다.경로를 설정해두면, 사전랜더링에서는 html 문서를 사전랜더링한다.만들어 놨다가 요청이 오면 바로 보내줌.경로를 직접 설정하게 해주는 함수현재 이 페이지에 존재 할수있는 페이지를 알려준다,.경로를 객체로 설정해야한다.fallb

개발하다가 로컬화면을 태블릿이나 핸드폰으로 보고싶은 상황이 온다! (반응형을 볼때 많이 그런다!) > - pc 와이파이랑 공유하고 싶은 기기랑 똑같은 와이파이 공유하기! > - pc에 와이파이 설정 들어가서 사용하고 있는 *와이파이 ip > - 로컬로 구동할때 *

SSG 함수 만드는 법 컴포넌트에서 프롭스 불러올떄 타입

장점: 항상 최신버전으로 유지단점: 만약 서버상태가 안좋거나,, 데이터 값이 커서 느려진다면,,이때 사용자들은 브라우저의 로딩을 기다려야하는 치명적인 단점이 있다.\\빌드 타임에 사전랜더링NPM RUN BUILD 할때 한번만 랜더링하고 다시는 랜더링 하지 않는다.빌드

fetchRandomBooks- 렌덤으로 도서 추천 API 불러오는 함수getServerSideProps안에서 함수로 API를 불러오고위에보다 좀더 고도화 시키자조금 더 빠르게 변신!좀더 빠르게 랜더링 된다.현재 브라우저에게 받은 모든 요청이 적혀있따!