성실한 사람이 되자

성실하게 글쓰자

This is spear

Tools/VisualStudioCode 3

VS Code에서 프론트 엔드 웹 개발자 들이 자주 사용하는 Extension

Material Theme & Material Icon Theme Material Theme은 흔히 VSCode의 테마를 변경하는데 사용하는 Extension입니다. 이름 그대로 Icon을 변경할 때 사용합니다. Prettier - Code formatter Bracket Pair Colorizer 2 Auto Rename Tag REST Client CSS Peek HTML CSS Support Live Sass Compiler Live Sass Compiler Emmet JS(ES6) Snippets Turbo Console Log Indent Rainbow Bracket Pair Colorizer Code Spell Checker GitLens Markdown Preview Enhanced ES7 ..

in-x64\ng.ps1 파일을 로드할 수 없습니다. (비주얼 코드에서 명령어 사용불가)

비쥬얼 코드에서 angular cli를 사용하려고 npm을 이용해 cli를 설치했는데 불구하고 파일을 로드할 수 없는 상황이 왔습니다. 우선 cmd가 아닌 파워셀에서 작성해야합니다. 파워쉘의 기본 정책 권한 옵션을 불러줍니다. 기본 권한을 확인해서 Restricted 이면 Unrestricted로 변경해야합니다. Get-ExecutionPolicy Restricted에서 Unrestricted로 변경하는 부분입니다. Set-ExecutionPolicy Unrestricted 변경된 부분 다시 확인하면 됩니다. Get-ExecutionPolicy 밑에 사진처럼 실행하시면 됩니다. 혹시나 해서 관리자 파워쉘에서 실행했습니다. 비쥬얼 코드에서 돌아가는 걸 확인할 수 있습니다. 다른 명령어도 그렇듯 파워쉘의 기..

Visual Studio Code에서 JavaScript 웹 상에서 확인하기 (Live Server 이용하기)

Visual Studio Code를 이용해 리로드 라이브 서버를 사용 가능하죠 라이브 리로드의 장점은 js 파일이나 html 파일을 변경하고 저장하게 된다면 live server 런처는 웹 상에서 자동적으로 리로드를 해준다는 점입니다. Live Server 다운로드하기 Ctrl + Shift + X를 눌러 마켓플레이스를 들어가서 Liver Server를 설치하면 됩니다. 저 같은 경우에는 이렇게 html 파일과 js파일을 준비해뒀습니다. index.html hihi test.js 'use strict'; console.log('hello world') 이걸 구글 크롬에서 볼 수 있도록 실행해보겠습니다. 오른쪽 하단에 Go Live라는 버튼이 하나 생겼을 거예요 이걸 클릭하면 됩니다. 클릭하니까 5500 ..