전체보기175 webpack-2 webpack은 여러개 파일을 하나의 파일로 합쳐주는 번들러(bundler)다. 하나의 시작점(entry point)으로부터 의존적인 모듈을 전부 찾아내서 하나의 결과물을 만들어 낸다. main.js부터 시작해 fun.js 파일을 찾은 뒤 하나의 파일로 만드는 방식이다. webpack cli 설치 npm install -d webpack webpack-cli webpack 커맨드 (3가지 필수) .\node_modules\.bin\webpack --mode development --entry .\src\main.js --output dist\main.js 해도 되지만 안쓸꺼니까 패스 //webpack.config.js const path = require("path") module.exports = { .. 2023. 3. 21. webpack-1 javascript scope 문제 //fun.js function switchFun(a){ return -a; } //main.js switchFun(1) //-1 해당 코드는 하나의 html 안에서 로딩 해야만 실행이 된다. fun.js가 로딩이 되면, main.js가 수행된다. 문제는 switchFun이 전역공간에 노출 된다. 이에 따라 switchFun를 재정의 할경우 문제가 발생한다. 그래서 스코프 함수 사용 var fun = fun || {} // fun 네임스페이스 (function () { function switchFun(a) { return -a } fun.switchFun = switchFun // 네이스페이스에 추가 })() 이렇게 코드를 작성하면 나중에 switchFun을 재정의 .. 2023. 3. 21. NPM init node.js 설치 next - next ... node --version npm --version 프로젝트 초기화 npm init -y (-y)는 default setting 2023. 3. 21. DataGrip 단축키 공홈의 매뉴얼 https://www.jetbrains.com/ko-kr/datagrip/features/ Control + Alt + U : 테이블 보기 F4 : 테이블 데이터 보기 Control + Alt + L : SQL Formatter 가능한 Toad와 PL/SQL를 사용하다가 이번에 처음으로 DataGrip을 사용하게 되었는데 interface도 IJ하고 똑같고 다른기능 다 되니깐 너무 좋은것 같다. 앞으로 또 필요한 단축키를 찾게 되면 계속 업뎃 하겠다. 2021. 8. 20. 이전 1 2 3 4 5 6 7 ··· 44 다음