Next.js

1.Next.js 공부기록 <라우팅 에 대해서>.

post-thumbnail

Next.js 배우기 >Next js는 Server Side Rendering (SSR) 과 Pre-Rendering 그리고 Search Engine Optimize(SEO) 에 가장 강력학 프레임워크다. 대표기능 Server Side Rendering 지원. 코

2022년 1월 19일

2.Next.js 공부기록 <Link , PreFetch, Head>

post-thumbnail

Next JS 에서는 Client Side Routing 으로 페이지를 연결하여 Single Page Application 처럼 만들어 네트워크 개입을 없앤다. 새로운 페이지를 만들고 다른 페이지로 연결할때 Link 컴포넌트를 쓴다 쓰는방법은 예제로 보여주겟다. i

2022년 1월 19일

3.Next.js 공부기록 <서버사이드 렌더링(SSR)>

post-thumbnail

코딩앙마 유튜브 채널에서 참고하고 쓴 블로그입니다.https&#x3A;//www.youtube.com/watch?v=hvkeK71WXb8&list=PLZKTXPmaJk8Lx3TqPlcEAzTL8zcpBz7NP&index=3먼저 Next.js 장점을 다시 짚어보겠다.Ne

2022년 1월 22일

4.Next.js 공부기록 <Pre-Rendering>

post-thumbnail

코딩앙마 유튜브 채널에서 참고하고 쓴 블로그입니다.코딩악마 유튜브 링크next.js 핵심 기능이라고 봐야한다.next에서 모든 페이지가 사용자에게 전해지기 전에 HTML을 미리 생성해서 프리 렌더링을 수행한다.우리가 js기능을 끄더라도 HTML을 미리 생성했기 때문에

2022년 1월 22일

5.next.js 에서 styled components 서버사이드 렌더링 적용하기.

post-thumbnail

styled-components 는 컴포넌트가 실행이 될때 같이 그려주기 때문에 서버사이드 렌더링으로 불러오는 페이지에서는 css가 안 입혀져서 불러오는 문제가 생긴다. 그래서 styled-components 도 서버에서 같이 그려줘서 가져올 수 있게끔 어느정도 설정이

2022년 3월 9일