프론트엔드 정복하기

-메뉴 => 활성화 메뉴는 밑줄을 긋는 것이 좋다. 색맹들은 색깔만 바뀌면 구분하지 못한다. - input과 label의 연결 : 앞에 텍스트가 디자인 상에 없을경우 속성 title값을 이용하여 이런식으로 작성해도 무난함

예시 $('.chart1').circleProgress({ size:200, //그래프 크기 startAngle: -Math.PI/2 , //시작지점 (기본값 Math.PI) value: 0.3, //그래프에 표시될 값 animation: false, //그래프가 그려지는 애니메이션 동작 여부 fill: {gradient: ['#ff1e41', '#ff9f8e']} }); $('.chart2').circleProgress({ startAngle: -Math.PI/2 , //시작지점 (기본값 Math.PI) value: 0.38, //그래프에 표시될 값 animation: true, //그래프가 그려지는 애니메이션 동작 여부 reverse:true, //그래프가 반대방향으로 그려질지 thickness:10..

https://chaewonkong.github.io/posts/express-with-react.html Express 서버와 React: Proxy 활용과 빌드 및 헤로쿠(Heroku) 배포 Dev 환경에서 Proxy를 이용해 Express 서버와 Create-React-App 서버를 함께 돌리는 방법을 살펴본다. 이후 빌드(Build)를 하고 Heroku에 해당 앱을 배포하는 과정에 대해 알아본다. chaewonkong.github.io proxy beauty_prod_list 에서는 3000번에 axios하니 됐고 loginPage에서는 agmall.com 에 axios하니 됐따. 5000번이 아닌.. client에서 3000번에 axios 했더니 해결됐따...? netlify proxy 설정 h..

앱 주소 : 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 변경 기존 :..