YG - 96년생 , 강아지 있음, 개발자 희망

설치 npm install gh-pages --save-dev package.json predeploy 와 deploy를 script에 설정해주고 homepage또한 설정해줍니다. { ... "predeploy": "npm run build", "deploy": "gh-pages -d build" ... }, "homepage": "https://[github ID].github.io/[repo Name]" npm run deploy 실행 github repo 확인 에러 gh-pages 에서 배포 시 react-router-dom 의 BrowserRouter 을 쓰면 화면이 안나오고 에러가 나올 수가 있다고 합니다. 1. gh-pages 에서는 BrowserRouter 대신 HashRouter 을 쓰는 ..

1. 사이트 가입하기 cron-job.org - Free cronjobs - from minutely to once a year. cron-job.org 2. 가입 후에 대쉬보드 들어오기 3.오른쪽 위에 create cronjob 누르기 4. 30분 주기로 깨우는 것으로 설정하고 create 하기 / 배포 url 넣어야함 그 이유는 heroku 에서 만든 사이트는 30분 주기로 사이트에 접속을 안하면 사이트에 접속 시 10~15초 정도 딜레이가 생기게 기능을 꺼두는데 이 사이트에서 설정함으로 인해 언제든 들어가도 접속이 원활이 잘되게 하는 것이다. 5. 잘되었는지 확인하기

1. Procfile 만들기 타입스크립트면 ts , 일반이면 js //Procfile web: node server.js 2. server 파일 만들기 //server.js const jsonServer = require("json-server"); const server = jsonServer.create(); const router = jsonServer.router("./db.json"); const middlewares = jsonServer.defaults({ static: "./build", }); const port = process.env.PORT || 4000; server.use(middlewares); server.use( jsonServer.rewriter({ "/api/*": "/..

0. 들어가기 전에 0-1 사전 준비 체크 리스트 1. 리액트 프로젝트가 CRA 혹은 순수 리액트 등으로 이미 만들어져 있어야 합니다. 2. AWS 계정이 필요합니다. 3. 처음 시도해보거나 중요한 프로젝트라면 새롭게 branch를 만들거나 fork로 먼저 진행해봅니다. 4. 프로젝트는 npm run build로 빌드를 미리 해놓아야 합니다. 0-2 S3 를 이용하는 이유 아마존 웹서비스의 S3라는 서비스는 Simple Storage Service이다. 즉 쉽게 파일을 저장할 수 있는 서비스이다. 서버를 구축해서 파일을 저장할 수도 있겠지만, 아마존에서 제공하는 S3를 사용한다면 저장에만 초점을 맞춰서 서비스를 사용할 수 있는 장점이 있다. 0-3 CloudFront 를 사용하는 이유 0-4. 전반적인 ..