24시간이 모자란 개발자

heroku에 wepack으로 감싼 프론트 서버를 배포하고 싶었습니다. 그래서 많은 레퍼런스를 찾아봤지만 한국 문서에는 제대로 설명된 글이 없어 몇자 적어보도록 하겠습니다.. 일단 기본적으로 일반 서버를 올리는 것과 흐름은 비슷하지만 몇가지 설정을 추가로 해주어야 한다는 차이가 있었습니다. 1. 나의 서비스를 띄울 express 서버를 생성해야 한다. 저는 프론트를 개발중에 있었기 때문에 따로 express서버를 생성하지 않고 vscode extension이나 앞서 학습했던 webpack-dev-server를 이용하여 간단하게 프로그램을 서버에 올려 개발을 했었습니다. 그런데 heroku에 올릴려면 express 서버가 필요하다고 하네요? Heroku서버 배포시 web process의 기본 설정으로 np..

최근 heroku 배포 작업을 하면서 겪었던 에러를 공유합니다. 1. Node version not specified in package.json package.json 파일에 "engines": { "node": "6.11.1" } 이런식으로 자신의 노드 버전을 기입한다. 노드 버전은 node --version 으로 확인 가능하다. 2.error: failed to push some refs to 'heroku' 내 로컬 레포에서 git commit이 안됐거나 현재 로컬 브랜치가 master가 아닌경우 발생한다. 본인의 git log를 살펴볼 것! heroku 꿀팁! github에서 학생인증을 받은 계정이라면 heroku에서도 학생 베네핏을 받을 수 있습니다!! https://www.heroku.com..

프론트에서 js모듈화를 진행하기 위해 babel과 webpack을 적용하였다. ES6 최신문법을 브라우저에서도 사용하기 위해서 babel을 적용하고, 그걸 하나로 뭉쳐주기 위해(?) webpack을 적용하였다. 그렇게 한 결과 html 뷰에서 webpack으로 뭉친 bundle.js하나만 로드해주면 모든 것이 한방에 해결되는 신세계와 편리함을 맛볼 수 있었다! 하지만 webpack을 대충 공부하고 적용한 탓에 여태까지는 그저 파일간의 의존성같은 부분을 해결해 주는 정도라고만 생각했는데 많은 기능이 있었다. Webpack을 왜 사용하나요? 하나의 파일로 js 파일을 번들할 수 있습니다. 프론트엔드 코드에 npm 패키지를 사용할 수 있습니다. ES6/ES7 자바스크립트 코드를 작성할 수 있습니다. (Babe..