개발86 개발환경 설정 VSCode Teminal Theme https://glitchbone.github.io/vscode-base16-term/#/ Base16 Terminal Colors for Visual Studio Code glitchbone.github.io Windows Teminal Theme https://windowsterminalthemes.dev/ Windows Terminal Themes windowsterminalthemes.dev D2Coding font https://github.com/naver/d2codingfont 2023. 3. 22. NODE 환경변수 윈도우에서 안될때 D:\dev\project\frontEndEdu>NODE_ENV=produciton npm run build 'NODE_ENV'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 오류시에 npm install -g win-node-env 설치하면 끝 참고로 VSCode 에서 안되면 Terminal 을 powershell로 하지말고 Cmd로 하기 바람 2023. 3. 22. VSCode 콘솔 실행 오류 vscode npm 실행시 오류 powershell 관리자 실행 get-ExecutionPolicy Restricted : default설정값으로, 스크립트 파일을 실행할 수 없습니다. AllSigned : 신뢰할 수 있는(서명된) 스크립트 파일만 실행할 수 있습니다. RemoteSigned : 로컬에서 본인이 생성한 스크립트와, 신뢰할 수 있는(서명된) 스크립트 파일 실행할 수 있습니다. Unrestricted : 모든 스크립트 실행가능 ByPass : 경고/차단 없이 모든 것을 실행가능하도록함 Undefined : 권한을 설정하지 않겠음 Set-ExecutionPolicy RemoteSigned Y 출처 : https://hellcoding.tistory.com/entry/VSCode-%EC%98%A.. 2023. 3. 21. 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. 이전 1 2 3 4 5 6 ··· 22 다음