프론트엔드 정복하기

https://doodreamcode.tistory.com/154

IE에서 에러메세지 : tui-chart 개체가 'assign' 속성이나 메서드를 지원하지 않습니다. * 원인 Object.assign 등 IE에서 지원하지 않는 EC6 문법이 tui-chart 에서 사용되기 때문. assign 을 * 해결 해당 EC6 문법 지원해주는 babel polyfill 을 tui-chart 불러오기 전에 호출해주면 됨. ( 아래 구문을 public의 index.html에 삽입하였음) 참고 okchangwon.tistory.com/3

앱 주소 : app.netlify.com/sites/jolly-turing-1308c8/deploys/5f45df38d47f526391a40912 https://jolly-turing-1308c8.netlify.app/ 참고 사이트 https://medium.com/@krpeppermint100/devops-react-express-%EC%95%B1-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0-netlify-heroku-b238e057d920 1) netlify 홈페이지에서 deploy 하는 방법 2) 터미널에서 "netlify login" "netlify deploy" 하는 방법 1) 방법으로 한 후에 react-router가 제대로 작동했다. (주소 뒤에 "/login" 등을 붙..

1. Netlify => react client 배포 2. heroku => node.js server 배포 3. heroku - add-ons(mLab) => mongoDB 배포 참고사이트 -heroku, mongoDB까지 종합 설명 https://advenoh.tistory.com/6 -heroku, mongoDB 배포 설명 https://poiemaweb.com/nodejs-heroku

server 주소 : agmall.herokuapp.com/ git 주소 : git.heroku.com/agmall.git heroku 명령어 정리 -Heroku 로그인 : heroku login -Heroku에 git저장소와 빈 앱 생성 : heroku create -Heroku app name 변경 : heroku apps:rename newname -Heroku 클라우드에 배포 : git push heroku master -배포 후 수정사항 반영 : git add . => git commit -m " " => git push heroku master -배포된 사이트 오픈 : heroku open -오류사항 등 log 기록 확인 : heroku logs Heroku 배포 설정 -port 변경 기존 :..

dev 환경은 파일의 무게가 무겁다. 따라서 production 모드의 app을 build 할 때는 build 파일을 사용한다. npm run build => build 폴더 생성됨 build 폴더 내의 index html파일은, dev에 있던 불필요한 공백을 생략하고.. src 여러 파일들도 용량을 줄이고.. 에러메시지, 경고 등도 없애준 후에 그것을 로드할 수 있도록 처리한다. react 파일을 배포할 때는 build 안에 있는 파일을 쓰면 된다.