반응형 visual studio code3 Visual Studio Code(aka.VS Code) 단축키 모음 점점 VS Code가 대중화 되어간다는걸 느낀다. 지금도 현업에서 많이 사용하고 있지만 앞으로도 더 롱런 할거 같은 느낌... 지금도 HTML이나 CSS 작업을 하다보면 VS code로 작업할때와 아닐때의 차이가 많이 난다. 물론 화려한 Extension들의 효과가 있겠지만 그것만으로도 개발속도를 줄여준다면, 생산성이 증가하고 생산성이 증가한다는건 곧 기업 입장에서도 적은 시간에 최대의 이익을 낼수 있다는 소리가 된다. VS Code 단축키에 대해서 알아보자. 1. 파일열기 : CTRL + P : 파일을 검색해서 열어준다 이런식으로 검색할수 있게 되며, 파일명을 검색하면 하단에서 선택해서 바로 열수 있게 된다. 2. 현재 열려있는 파일 닫기 : CTRL + W & 모든 파일 닫기 : CTRL + SHIF.. 2023. 7. 25. Visual Studio Code에서 유용한 Extensions 1. Live Server 제목 그대로 Live server를 열어준다. 웹브라우저로 열어주는데 HTML 코드 작성 및 수정시 저장하면 실시간으로 Live Server로 열은 웹페이지에서 반영이 된다. 새로고침이 필요없다. 실행방법은 설치 후에 HTML 문서 내에서 마우스 우클릭 -> Open with Live server를 클릭하면 된다 2. indent-rainbow Visual Studio Code의 기본 들여쓰기 표현식은 너무 잘 보이지않는다. 이것을 빨주노초파남보 색상으로 구별해주어 가독성을 높여준다. 설치와 동시에 적용되며 적용후 모습은 아래와 같다. 들여쓰기 한 부분이 색상으로 표시되어 좀더 보기 좋아졌다. 3. Auto Rename Tag 이게 정말 좋은거같다. HTML는 시작태그와 끝태그.. 2022. 12. 10. 33일차. HTML 그리고 Visual Studio Code 설치 오늘은 HTML에 대해서 이야기 할까 한다. HTML이란? Hyper Text Markup Languege의 약자이다. 웹페이지를 만드는 언어이고, 지금도 많이 쓰이는 언어이다. HTML은 와 요소(Elements)로 이루어져있고, 미리 정의되어있는 태그를 사용하여 사용자가 보고있는 웹페이지를 만드는 언어라고 이해하면 될듯하다. 지금도 이 글을 보고있는 당신이라면, 지금 이 화면에서 바로 F12를 눌러보자. 필자는 Edge Brower를 사용중인데 F12를 누르면 이렇게 뜬다. 이게 바로 HTML이다. HTML의 기본 문법을 알아보도록하자. 알아보기전에 먼저 HTML 수업 환경을 Visual Studio Code로 진행하고 있으니 먼저 Visual Studio Code를 설치하러 가보자 Visual St.. 2022. 12. 9. 이전 1 다음 반응형
