syleemomo의 IT 블로그 syleemomo의 IT 블로그

* 히로쿠 파트 1. 히로쿠 가입하기 2. 히로쿠 저장소 생성하기 3. 로컬 PC 에 heroku-cli 설치하기 4. .git 폴더가 위치한 곳에서 heroku 원격주소 등록하기 5. 히로쿠 로그인하기 * 몽고 아틀라스 파트 1. 몽고 아틀라스 가입하기 2. 프로젝트 생성하기 3. 데이터베이스 생성하기 4. username, passoword 설정하기 5. cloud IP 주소 설정하기 6. 컬렉션 생성하기 7. 데이터 추가하기 8. 몽고 아틀라스 주소 확인하기 * index.js 파트 1. master 브랜치로 이동하기 2. cors 의 origin 옵션을 * 로 설정하기 3. 몽고 아틀라스 주소로 몽고 DB 접속주소 변경하기 4. 포트번호 동적으로 변경하기 5. package.json 파일의 scr..

주의사항 : npm run build 하고 build 폴더를 깃허브에 올릴때 아래와 같은 설정을 해주는데 로컬에서는 아래와 같은 설정을 하게 되면 경로를 읽어오지 못하고 404 에러가 발생한다. 그럼 설정한 것들을 해제해주거나 환경변수를 설정해서 환경변수의 값이 development 일때와 production 일때 다른 코드를 읽어오게 하면 된다. 예를 들어 개발환경에서는 BrowserRouter 의 basename 은 설정해주지 않는 것이다. 1. 깃허브 저장소 이름 (dongjin) 을 BrowserRouter 컴포넌트의 basename 으로 설정해준다. 2. package.json 파일에 homepage 주소를 설정해준다. 3. public/index.html 의 head 부분에 base 태그를 추..

* index.js 파일 수정하기 git checkout master 를 해서 master 브랜치에서 아래 코드 수정후 git add / git commit / git push heroku master 명령어를 실행하자! app.listen(process.env.PORT || 5000, () => { console.log("server is running on port 5000! - nodemon") }) 히로쿠 서버는 포트를 동적으로 부여하므로 위와 같이 코드를 수정한다. mongoose.connect(CONNECT_URL, { // Mongo DB 서버 연결 useNewUrlParser: true, useUnifiedTopology: true }).then(() => console.log("mongo..