프로젝트에서도 config 파일을 수정해줍니다 여기서부터 에러가 생기는 부분이라 짜증나니 해주시는게 좋아요 보통 .gitignore파일에 config파일을 추가해서 비밀번호 등을 숨길텐데 히로쿠 배포하면 이 config모듈이 없다고 에러나요 -_-++ 이자식.. 그렇다고 아이디 비밀번호를 공개할 수는 없는일이죠 stackoverflow보고 해결해보았습니다 .env파일로 환경변수를 만들어주고 가져오는 방식으로 해야합니다 .env파일을 만들고 거기에 필요한 환경변수를 넣어줘요 저희 프로젝트의 config파일은 이렇습니다 dotenv를 설치해줘야 가져올 수 있어요 heroku 페이지 settings 탭에도 다시 와서 config vars를 설정해줍니다 저는 해줘야한다고 읽어서 했는데 안해도 되는지 모르겠네요 ..
2주차 프로젝트는 투두리스트를 만드는 프로젝트를 진행했습니다 api없이 드래그앤드랍을 구현하는 게 어려웠던 ㅠㅠ 프로젝트였어요 중간 중간 버그파티라 총체적 난국이었는데 저는 배민적인 B급 감성을 디자인에 넣으면서 재밌게 해보려고 했습니다 ㅋ_ㅋ 배포한 주소 https://todo-15.herokuapp.com/ 개발하면서 aws의 mysql서버를 사용했는데요 배포를 하면서 heroku의 mysql서버와 새로 연동했습니다. (테이블을 새로 만들어줘야해요) mysql 연동까지는 쉬운데 배포할 때 30분만에 끝날 줄 알았더니 왜인걸 황금같은 토요일에 무수한 에러를 ㅠㅠ... # heroku mysql 연동부터 해보겠습니다 heroku 페이지에 들어가서 새로운 앱을 만들어주시고 overview탭 밑에 confi..
# html-webpack-plugin html파일에 css파일과 js파일을 따로 불러와야하죠. 근데 이 플러그인은 빌드시 자동으로 html파일에 불러와줍니다 아웃풋으로 html파일을 생성해요 설치해줍니다 npm install --save-dev html-webpack-plugin webpack.config.js 수정해줍니다 const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin"); module.exports = { mode: "development", entry: { test: "./src/app.js", }, output: { path: path.resolve(__dirname, "./dist"), fi..
# webpack - package.json 파일 생성하기 npm init -y - webpack에 필요한 모듈 설치하기 npm i webpack webpack-cli path --save-dev --save-dev를 끝에 붙여주면 package.json의 devDependencies에 잘 추가가 된 것을 확인할 수 있습니다. package.json { "name": "tistory_blog", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC"..