PROGRAMING/Nextjs

    [Next.js] Next.js에 대해서(React와의 차이점, Next.js+Typescript+Styled-components 초기 세팅)

    1. Next.js란? Next.js는 React 라이브러리의 프레임워크 + React는 언제든지 가져와서 사용할 수 있는 라이브러리, Nextjs는 이미 정해진 규칙에 따라 코드 작성시 알아서 작성시켜주는 프레임워크 라고 생각하면 편할 듯 하다. - React의 동작방식 브라우저가 자바스크립트 코드를 가져와서 client-side의 자바스크립트가 모든 UI를 만들게 된다. (브라우저 렌더링 과정) 즉, 브라우저가 HTML을 가져올 때 비어있는 div를 가져오고 그다음 모든 JS를 요청해서 브라우저가 자바스크립트와 react.js를 실행시키고 그다음 앱이 유저에게 보여지게 된다. js를 가져와야만 화면을 띄울 수 있기 때문에 네트워크 연결이 느리거나, 파일이 큰 경우 처음에 흰 화면만 보이고 천천히 화면..