[JavaScript] gulp Gulp? Javascript ToolKit. 빌드 자동화 툴. 여러 플러그인을 통해 css, javascript등 경량화(minify) 해줌. 즉, 간단히 말해서 이전엔 scss 를 만들면 html이 바로 못 읽으니깐, 특정 툴을 이용해서 css로 변환(컴파일)해서 넣어줬는데, gulp + 플러그인을 이용하면 자동으로 scss 를 css로 바꿔서 특정 폴더 안에 넣어준다. 역할 (참고) 자동으로 자바스크립트 라이브러리, 서드파티 앱등을 모으고 축소, 압축을 수행 자동으로 단위 테스트(Unit Test) 수행 자동으로 LESS / CSS 컴파일링 자동으로 node.js 브라우저 Refresh를 도와줌 설치 Gulp 공식 사이트에 설치 방법대로 $ npm install --..
vscode
[VSCode] Python 실행 시 terminal에서 한글 깨짐 발생 > .vscode/tasks.json 수정 - tasks.json 파일 여는 법 : ctrl + shift + p 누른 후 "Tasks: Configure Tasks" 선택 - python3이면 command에 python3로 입력하면 된다. { "version": "0.1.0", "command": "python", "isShellCommand": true, "args": ["${file}"], "showOutput": "always", "options": { "env": { "PYTHONIOENCODING": "UTF-8" } } } + 추가 인코딩을 utf8이 아닌 EUC-KR로 변경하면 된다. 위에는 utf8으로 아래는 eu..
[VSCode] 터미널(terminal)간 창 변환하는 단축키 사용자 지정 단축키 생성 터미널(ctrlORcmd + shift + `)을 아래 사진과 같이 여러개 띄울 경우, 터미널간 창 변경이 마우스로 해야해서 불편하다. 단축키를 찾아보니 VSCode에서 지원하지 않는 단축키이기 때문에 사용자 지정 단축키를 만들어야 했다. 단축키를 변경하거나, 사용자 지정 단축키를 만들기 위해서는 `File > Prefereneces > Keyboard Shorcuts` 에 가서 검색창에 `terminal.focus` 를 입력한다. terminal 창 변환 command는 아래 두가지 이다. workbench.action.terminal.focusNext workbench.action.terminal.focusPrev..
[VScode] vscode Terminal에서 virtualenv 실행방법 1.ex) env 라는 이름을 같는 virtualenv 생성한다. $ virtualenv env 2.vscode에서 Command Palette ( Ctrl + Shift + P ) 에 Python: Select Interpreter입력하고 생성한 Virtualenv 로 선택한다 하단에 아래와 같이 virtualenv로 변경된다. 3.settings.json 파일에python.pythonPath를 Virtualenv 폴더 내 python.exe로 설정한다.*settings.json파일은 `File > Preferences > Settings`의 Workspace Settings에서 열수 있다. 4.Terminal 열면 Virtu..
[VSCode] 불필요한 파일/폴더 안 보이게 숨기는 방법 1.Settings 선택 * Windows/Linux - File > Preferences > Settings * macOS - Code > Preferences > Settings 2.Extensions > Ignore에서 "Edit in settings.json" 선택 3.settings.json에 보여지길 원하지 않는 폴더/파일을 exclude 에 입력. 예1) .pyc 파일과 __pycache__를 안보이게 할 경우 아래와 같이 입력하면 된다. { "files.exclude": { "**/*.pyc": {"when": "$(basename).py"}, "**/__pycache__": true }, "window.zoomLevel": 0 }..