IT/HTML HTML 비주얼 스튜디오 코드 추천 확장기능 2019. 10. 이전에 앞서 비주얼 스튜디오 코드를 설치하는 방법과 그걸로 HTML 문서를 만드는 것 까지 보셨을겁니다.그러나 확실히 메모장보다 편하긴 하지만 그래도 아직 부족한 점이 있습니다. 개중에 하나가 html 코드 테스트인데요. 클릭 시 원본으로 볼 수 있습니다. 아무래도 저런 식으로 탐색기를 따로 열어서 일일이 문서를 여는 것은 귀찮기 마련입니다.물론 최소화를 사용하여 아래로 내렸다 필요 시 다시 볼 수 있는 방법으로 하면 되겠지만, 번거롭기 짝이 없지요. 그러니 단축키로 빠르게 웹 브라우저를 열어 테스트하는 부가기능을 추가하도록 하겠습니다. 이전에 한글설정하듯이 왼쪽의 5번째 아이콘을 클릭해서 검색창에 다음과 같은 단어를 입력합시다. 아래의 리스트 중 맨 위의 open in browser를 설치해줍시다. 이.. HTML 비주얼 스튜디오 코드 설치 2019. 10. 앞서 메모장으로 HTML을 만들어 기본구조를 세우는 것을 보셨을 겁니다. 그러나 앞으로 길어질 HTML코드에 메모장은 작업대로서 매우 부족합니다.당장 오타를 확인하기가 매우 어렵죠. 그래서 시중에는 수많은 HTML 편집기들이 있습니다만, 여기서는 비주얼 스튜디오 코드를 소개 / 설치를 진행하려 합니다. MS사에서 만든 다목적 텍스트 에디터라고 생각하시면 됩니다.기본 텍스트에서 프로그래밍까지 거의 대부분의 언어들을 취급하지만 IDE가 없기에 테스트 실행이 불가능하다는 단점이 있습니다. 물론 HTML은 웹 브라우저(인터넷 익스플로저, 크롬 등)만 있으면 땡이니 크게 관련이 없습니다. Visual Studio Code 설치를 위해 아래의 하이퍼링크로 접속하여 프로그램을 다운로드 받습니다. 링크 클릭 시 원본으.. HTML 기본 구조 2019. 10. HTML은 하이퍼 텍스트 마크업 언어의 줄임말이며를 이용하여 쉽고 빠르게 웹 페이지를 디자인 할 수 있습니다. HTML을 만드는 방법은 매우 간단합니다. 바탕화면에 마우스 우클릭 - 새로 만들기 - 텍스트 문서를 차례로 누른 후, 확장자 명을 .html로 만들면 끝입니다. 당연하지만 이렇게 만들어서 열면 흰 바탕화면만 나오게 됩니다. 여기서 HTML을 수정해보도록 합시다. 생성된 HTML파일을 우클릭하여 연결 프로그램 - 메모장으로 열도록 합니다.저는 Notepad++로 열도록 되어있습니다만 기본 메모장으로도 열 수 있습니다. 만약 리스트에 메모장이 없다면 맨 밑의 다른 앱 선택을 눌러 메모장을 찾아 열어주시면 됩니다. 이어서 메모장에는 다음과 같은 내용을 입력합시다. 위의 내용은 HTML의 기본적인 구.. 이전 1 다음
