본문 바로가기

github2

[GitHub Pages] gh-pages 라이브러리를 활용하여 배포하기 GitHub Pages란?GitHub Pages는 GitHub에서 제공하는 무료 호스팅 서비스로, 개인, 프로젝트, 또는 조직의 웹사이트를 쉽게 호스팅(서버에 저장)할 수 있도록 해줍니다. GitHub Pages는 정적 웹사이트를 호스팅하는 데 최적화되어 있으며, 주로 HTML, CSS, 자바스크립트 파일을 사용하여 웹사이트를 구축하는 데 사용됩니다.   Vite로 생성한 React 프로젝트를 활용하여 배포하기1.프로젝트 디렉토리에서 터미널을 열고 다음 명령어를 실행npm install gh-pages --save-dev 2.vite.config.js 파일을 열고 base 옵션을 추가import { defineConfig } from 'vite'import react from '@vitejs/plugin.. 2024. 9. 2.
[Next.js X GitHub] Next.js 앱을 Github에 연동하기 Nexj.js로 앱을 만들었다면 우리는 Github에 연동을 해줘야 합니다. 잔디도 심고, 공부내용도 기록하고, 코드도 관리하고 아주 중요한 요소죠. 하지만 저는 맨날 이 부분에서 애를 먹는데요, 이번에는 절 ㅡ 대 잊지 않기 위해 정리를 해보겠습니다. 레파지토리 생성하기 New 버튼을 눌러줍니다. 레파지토리 이름은 기존에 만들었던 앱의 이름, package.json의 name에 있는 값을 입력해주면 좋습니다. README.md는 이미 앱 안에 있기 때문에 추가하지않아도 됩니다. Create repository 버튼을 눌러줍니다. 정상적으로 만들어졌으면 해당 화면을 보게 됩니다. Quick setup이 안내되어있는데, 사실 이대로 하시면 됩니다. 생성된 레파지토리와 연동하기 vscode에서 만든 앱의 폴.. 2024. 4. 16.