Git

배경 최근 한 카페의 태블릿용 메뉴판 제작 의뢰를 받았다. 메인 컬러가 Black이고, 카페의 로고나 인테리어가 심플한 이미지를 갖고 있어서 최대한 심플한 UI로 구성해봤다. 그리고 이번 프로젝트는 단순 정적 웹이라 React + CSS로 몇 시간만에 뚝딱했다. 그리고 ①서비스가 가볍고, ②매장 내 한 기기에서만 사용될 것이기 때문에 Github pages로 배포했다! 아 뭔가 프로젝트가 너무 심심하게 끝나는 것 같다..😑 그래서! Github Actions를 사용하여 자동 배포를 해보고자 한다. Github pages로 호스팅하는 방법은 아래 글을 참고하면 된다. https://shinsojeong.tistory.com/106 Github pages로 정적 웹 무료 호스팅하기 Github pages를 ..

Github pages를 사용하여, React로 제작한 정적 웹을 무료로 호스팅하는 방법을 정리해보려고 한다. Github pages 설정 (https://pages.github.com/ 참고) GitHub 리포지토리의 HTML, CSS, JavaScript 파일을 빌드 및 실행하여 웹 사이트를 게시하는 정적 사이트 호스팅 서비스이다. 게시된 사이트는 기본적으로 github.io 도메인을 갖는다. 먼저 JS 프로젝트에 gh-pages를 설치한다. npm install gh-pages --save-dev package.json에 홈페이지와 배포 스크립트를 추가한다. "homepage": "http://사용자이름.github.io/저장소이름", "scripts": { "deploy": "gh-pages -d..