next.js2 [Next.js X GitHub] Next.js 앱을 Github에 연동하기 Nexj.js로 앱을 만들었다면 우리는 Github에 연동을 해줘야 합니다. 잔디도 심고, 공부내용도 기록하고, 코드도 관리하고 아주 중요한 요소죠. 하지만 저는 맨날 이 부분에서 애를 먹는데요, 이번에는 절 ㅡ 대 잊지 않기 위해 정리를 해보겠습니다. 레파지토리 생성하기 New 버튼을 눌러줍니다. 레파지토리 이름은 기존에 만들었던 앱의 이름, package.json의 name에 있는 값을 입력해주면 좋습니다. README.md는 이미 앱 안에 있기 때문에 추가하지않아도 됩니다. Create repository 버튼을 눌러줍니다. 정상적으로 만들어졌으면 해당 화면을 보게 됩니다. Quick setup이 안내되어있는데, 사실 이대로 하시면 됩니다. 생성된 레파지토리와 연동하기 vscode에서 만든 앱의 폴.. 2024. 4. 16. [Next.js] Next.js를 설치하고 실행해 보자! Next.js? 왜 사용하는 거야? 현재, Next.js와 같은 서버 사이드 렌더링을 지원하는 프레임워크가 큰 인기를 끌고 있습니다. 이전에는 대부분의 렌더링과 라우팅 기능을 브라우저의 자바스크립트에 의존하는 클라이언트 사이드 렌더링이 유행이었습니다. 이는 서버를 걸쳐 필요한 자원을 받아올 일이 적어 사용자에게 우수한 UI/UX를 제공했습니다. 그러나 클라이언트 사이드 렌더링은 구글 검색 노출이 어렵고 초기 페이지 로딩 속도가 느려 수익에 부정적인 영향을 미쳤습니다. 이에 따라 정적 사이트 생성을 지원하고 렌더링과 라우팅 기능을 서버가 담당하는 서버 사이드 렌더링이 대세로 떠올랐습니다. 그래서 저도 한번 공부를 해보도록 하겠습니다.. 설치 및 실행방법 간단합니다. node.js와 npm이 설치되어 있다면.. 2024. 4. 16. 이전 1 다음
