왕가's history

next.js는 React 개발자라면 반드시 알아야 하는 프레임 워크입니다. 순수 React는 오히려 안 쓰고, React에 Next.js를 얹어서 주로 개발환경을 구성한다고 보시면 됩니다. 그러면 Next.js란 무엇인지부터 해서 같이 공부를 하려고 합니다. 이미 프로젝트 진행할 때 계속해서 사용하고는 있지만, 딱히 공부를 해서 알고서 사용하기보다는 그때그때 맞춰서 찾아보고 했던 터라 이번기회에 정리할 겸 공부할 겸 겸사겸사 하고 싶었습니다. Next.js란? React로 만든 서버 사이드 렌더링(SSR) 프레임 워크입니다. 정확히는 SSG에 구분될 것입니다. CSR인 React환경에서 SSR기능을 구사할 수 있게 해 줍니다. SSR의 특색을 구현할 수 있기 때문에, 만약 리소스가 큰 페이지가 있거나,..

CSR (Client Side Rendering) 말 그래도 클라이언트에서 렌더링이 일어나는 것을 의미합니다. 클라이언트가 서버에 요청을 하고, 서버가 응답을 HTML과 JS를 보내게 되면 클라이언트는 이제 렌더링을 하게 됩니다. dev-tool에서 네트워크를 보면 사진과 같이 HTML이나 JS 이미지 등을 받아오는 것을 볼 수 있습니다. SSR (Sever Side Rendering) CSR과 마찬가지로 이름에서 유추할 수 있듯이 서버에서 렌더링 해주는 방식을 말합니다. 클라이언트가 서버에 요청을 하고, CSR과 다르게 서버 쪽에서 이미 HTML, JS 등을 만들게 됩니다. 완료하게 되면 클라이언트에 전달하게 되고, 클라이언트는 화면을 그릴 필요 없이 바로 뿌려주게 됩니다. 렌더링을 서버에서 한다기보다..