본문 바로가기

전체 글

[VSCODE] VSCode에서 html 파일 생성하기 1. VSCode에서 프로젝트 생성하기 HTML 파일을 생성하여 HTML 코드를 작성해보겠습니다. VSCode에서는 파일 단위가 아닌 프로젝트 단위로 파일을 관리합니다. 프로젝트의 기준은 '폴더'입니다. 기준 폴더를 설정해주면 그 폴더 안의 모든 파일과 폴더를 한 개의 프로젝트로 관리합니다. 그 기준 폴더 안에 html파일, css파일, js파일, img파일들을 넣어주면 됩니다. 아래와 같이 VSCode를 켜시고, 좌측 '파일' 메뉴에서 '폴더열기'를 눌러줍니다. 저는 C:\JoWeb\html-test 라는 폴더를 만들었습니다. 앞으로 제가 만드는 모든 web관련 프로젝트는 'JoWeb'폴더에 담을 예정입니다. 저는 조씨라서 폴더 이름을 이렇게 정했고, 여러분은 원하시는 곳에 원하는 이름의 폴더를 만드시.. 더보기
[VSCODE] 웹사이트를 만들기 위해 VSCODE 설치하기 웹페이지를 만들 수 있는 가장 유명한 툴인 Visual Studio Code를 설치해보겠습니다. 설치는 매우 단순합니다. 우선 구글에서 vscode 라고 검색하고, 아래와 같이 Visual Studio Code - Code Editing. Redefined 라고 적혀 있는 부분을 클릭합니다. 아래의 빨간색 동그라미 부분인 Download for Windows 라고 되어 있는 부분을 클릭합니다. 보라색 동그라미 부분을 누르면 다양한 버전의 VSCode를 다운로드 할 수 있지만, 자신의 운영체제에 가장 맞는 부분이 빨간색 동그라미 부분에 나오므로 빨간색 동그라미 부분을 클릭해서 다운로드 하시면 됩니다. 좌측 하단에 파일이 표시되고, 클릭하며 설치를 시작하시면 됩니다. 설치파일이 어디에 있는지 모를 경우 아래.. 더보기