쉬는 시간에

VS Code Default Browser 변경하기 VS Code에서 html 코드를 실행할 때, Open in Browser를 통해 실행하게 된다. 이 때 Default를 Window Default Browser인 Edge로 열리게 된다. 하지만 웹 코딩을 할 때는 크롬에서 확인하는 것이 좀 더 편리하므로, 기본 브라우저를 Edge에서 Chrome으로 변경하고자 한다. VS Code Default Browser 변경하기 (Open in Broswer) 1. VS Code(Visual Studio Code) > 설정 ▶ Visual Studio Code를 실행하여 [File] > [Preferences] > [Settings]으로 설정창에 들어간다. 2. Browser 변경 ▶ 설정의 검색창에 'open..

VS Code로 JavaScript, HTML, CSS 환경 구축하기 웹 브라우저의 내장된 JavaScript 엔진을 활용하여 개발자도구 내 콘솔에서도 코드 구현이 가능하다. 자동완성, 디버깅, 줄바꿈 등의 개발에 편리한 기능을 제공하고, 단축키 등의 기능으로 세세한 수정사항을 자동으로 변환할 수 있어 코드 에디터를 활용하는 것이 개발의 편의성 측면에서 훨씬 좋다. WEB 개발을 위해서는 Code Sandbox와 같은 온라인 코드 에디터를 활용하는 것도 좋은 방법이 될 수 있겠지만, WEB 개발 외에도 다양한 언어와 상황에 대해 사용하기 위해 더 범용성 있는 코드 에디터인 VS Code를 활용하고자 한다. VS Code(Visual Studio Code)로 JavaScript, HTML, CSS 환경 구..

JavaScript란? JavaScript는 웹을 개발하는 언어 중 하나로, CSS, HTML과 더불어 웹을 개발할 때 사용된다. HTML은 요소들의 배치와 내용을 기술하는 언어이나 색이나 크기 등의 디자인은 수행이 불가능하다. CSS는 HTML에서 수행하지 못 하는 색, 크기, 애니메이션 등을 정의하는 언어이다.마지막으로 JavaScript는 실질적으로 웹을 움직이게 하는 언어로, 클릭 등의 기능을 구현한다. JavaScript는 엔진을 통해 구동이 되는데, 해당 엔진은 웹 브라우저 속에 내장이 되어 있다.크롬(Chrome), 엣지(Edge), 오페라(Opera) 등의 웹 브라우저 내에는 자바스크립트 엔진이 내장되어 있어서 자바스크립트 구현을 할 때는 해당 엔진이 포함된 웹 브라우저에서 진행할 수 있다..