til2 [vue-trello] TIL 1 :: webpack이란? / 라우터와 플러그인 webpack SPA(단일 페이지 어플리케이션)이 많아지면서 하나의 파일에서 자바스크립트 코드를 관리할 수 없을 만큼 그 양이 증가하게 되었다. 그래서 파일을 UI 및 기능별로 분리하여 개발하고 webpack을 통해 하나의 js파일로 번들링하여 웹페이지를 불러오는 방식을 사용하게 되었다. webpack.config.js파일에 들어가면 entry point를 확인할 수 있는데, 이는 로딩하는 모듈의 시작점이 되는 파일을 말한다. module.exports = { entry: { main: './src/main.js', } } webpack은 이 entry point를 기점으로 필요한 모듈을 로딩해 하나로 묶는다. (번들링) 번들링이 완료되면 이 결과물을 처리할 위치를 output에 기록한다. module... 2020. 1. 21. TIL #1 - GraphQL and Express with goorm ide Nomad Coders의 인스타그램 클론 강의를 듣고 있다. 올해가 다 가기전에 완강하는 것이 목표지만 되도록 주어진 내용은 이해하고 넘어가려고 한다. 아직까지는 모든 게 새롭다! 이미 업무에서 사용하고 있는 프로그램과 충돌이 나는 것을 방지하기 위해 구름IDE를 사용해서 실습을 진행했는데 이 때 발생하는 차이점이 몇가지 있어서 그에 대한 내용도 정리했다. 먼저 Node.js가 설치된 환경에서 다음을 추가적으로 설치했다. 명령어는 npm add 이다. 그러면 package.json 파일에 다음과 같이 추가된다. 참고로 개발 시 서버 연결을 간단하게 하기 위해 package.json파일에 scripts를 추가했는데 yarn이 아닌 npm으로 여는 방법은 npm start-script 이다. 여기서는 설명을.. 2019. 10. 8. 이전 1 다음
