gh-pages [react] 노마드코더 영화웹서비스 제작 5.0 Deploying to Github Pages 이제 깃허브에 우리의 프로젝트를 올리는 일이 남았다. 터미널에서 npm i gh-pages 를 입력하면 뭔가 쭉쭉 설치되는 것이 보인다. gh-pages는 내 웹사이트를 깃허브의 것허브 페이지 도메인에 나타나게 해주는 명령어다. 일반적으로 나의 프로젝트의 이름을 갖고 와 레포지토리를 만들어준다. (git remote -v을 입력해 브랜치에 나오는 주소를 타고 가면 위와 같은 도메인이름을 확인... deployReactreact githubgh-pagesbuildgithubpredeployReact TIL 01 | html, css, gh-pages CSS 애니메이션으로는 element를 완전히 제거할 수 없다. 다만 element가 완전히 없어지는 것이 아니기 때문에 visibility : hidden;을 추가하여 마우스 클릭을 무시하게 한다. 요소를 숨길 때 쓰면 안되는 방법이고, 요소를 완벽히 숨기려면 js를 사용해야 한다. +visibility:hidden 기능까지 숨김. 마우스로부터 숨길 수 있어도 완전히 숨기지는 못함 이 pr... CSShtmlgh-pagesGitHub desktopCSS 211105 TIL React App Git에 배포하기 (학습 100일차) Must Remember build 후에 배포하기 위해 package.json에 아래 구문으로 변경해준다. npm install gh-pages 설치 package.json에 "homepage": " " 추가 git init git add README.md git commit -m "first commit" git branch -M main git remote add origin git pu... gh-pagesgit깃허브gh-pages Vue.js 프로젝트 gh-pages deploy 할 때 repository 경로 못 찾는 경우 뭔가 설정을 빼먹은 것 같은데,, 생성된 dist 폴더의 index.html에 있는 link href 주소에 /repository 이름/경로를 맨 앞에 추가해주니 잘 찾아간다,, index.html 👇👇👇... gh-pagesvuegithub.iogh-pages gh-pages로 내 React 웹사이트 배포하기 GitHub 레포지토리에 작성한 코드를 무료로 배포하는 방법을 알아봅시다 ! GitHub 레포지토리에 있는 코드로 웹 배포하려는 사람들 GitHub Pages 당신의 GitHub repository의 코드를 host해주는 기능 GitHub repository에 코드를 올리고 몇가지 설정만 해주면 무료로 웹 배포를 할 수 있는 좋은 기능입니다. 보통 웹 배포를 직접 하려면, 2. 그 서버에 웹... gh-pagesnpmReactReact
[react] 노마드코더 영화웹서비스 제작 5.0 Deploying to Github Pages 이제 깃허브에 우리의 프로젝트를 올리는 일이 남았다. 터미널에서 npm i gh-pages 를 입력하면 뭔가 쭉쭉 설치되는 것이 보인다. gh-pages는 내 웹사이트를 깃허브의 것허브 페이지 도메인에 나타나게 해주는 명령어다. 일반적으로 나의 프로젝트의 이름을 갖고 와 레포지토리를 만들어준다. (git remote -v을 입력해 브랜치에 나오는 주소를 타고 가면 위와 같은 도메인이름을 확인... deployReactreact githubgh-pagesbuildgithubpredeployReact TIL 01 | html, css, gh-pages CSS 애니메이션으로는 element를 완전히 제거할 수 없다. 다만 element가 완전히 없어지는 것이 아니기 때문에 visibility : hidden;을 추가하여 마우스 클릭을 무시하게 한다. 요소를 숨길 때 쓰면 안되는 방법이고, 요소를 완벽히 숨기려면 js를 사용해야 한다. +visibility:hidden 기능까지 숨김. 마우스로부터 숨길 수 있어도 완전히 숨기지는 못함 이 pr... CSShtmlgh-pagesGitHub desktopCSS 211105 TIL React App Git에 배포하기 (학습 100일차) Must Remember build 후에 배포하기 위해 package.json에 아래 구문으로 변경해준다. npm install gh-pages 설치 package.json에 "homepage": " " 추가 git init git add README.md git commit -m "first commit" git branch -M main git remote add origin git pu... gh-pagesgit깃허브gh-pages Vue.js 프로젝트 gh-pages deploy 할 때 repository 경로 못 찾는 경우 뭔가 설정을 빼먹은 것 같은데,, 생성된 dist 폴더의 index.html에 있는 link href 주소에 /repository 이름/경로를 맨 앞에 추가해주니 잘 찾아간다,, index.html 👇👇👇... gh-pagesvuegithub.iogh-pages gh-pages로 내 React 웹사이트 배포하기 GitHub 레포지토리에 작성한 코드를 무료로 배포하는 방법을 알아봅시다 ! GitHub 레포지토리에 있는 코드로 웹 배포하려는 사람들 GitHub Pages 당신의 GitHub repository의 코드를 host해주는 기능 GitHub repository에 코드를 올리고 몇가지 설정만 해주면 무료로 웹 배포를 할 수 있는 좋은 기능입니다. 보통 웹 배포를 직접 하려면, 2. 그 서버에 웹... gh-pagesnpmReactReact