html 파일을 만들고 실행하려면 visualstudio code가 필요합니다
[visual studio code 설치하기]
https://code.visualstudio.com/download
Download Visual Studio Code - Mac, Linux, Windows
Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.
code.visualstudio.com
아직 비주얼스튜디오코드가 설치되지 않았다면 위의 링크를 타고 들어가서 설치해주세요!
어떤 PC를 사용하고 있는지에 따라서 mac 혹은 window를 선택해주시면됩니다
위와 같은 화면이 뜬다면 비주얼스튜디오 코드가 설치가 완료된 것 입니다
우리는 앞으로 web_class라는 폴더 안에 수업할때 만든 코드들을 저장하겠습니다
과정1. 원하는 위치에 폴더 생성하기
이렇게 원하는 위치에 web_class라는 폴더를 생성해주세요
과정2. 비주얼 스튜디오에서 폴더 불러오기
상단 탭 File - Add Folder to Workspace를 클릭하여 생성한 web_class 폴더를 불러옵니다
과정3. html 파일 만들기
폴더 우클릭 - New File 을 통해 [파일이름].html 파일을 만들 수 있습니다.
> 과정1과 2는 비주얼스튜디오 코드를 작성하는 부분이고, 과정3은 실제로 우리가 실습할 파일을 만드는 공간입니다!
앞으로 html 파일 만들자! 라고 하면 과정3번을 통해서 파일을 만들어주세요!
'웹사이트 만들기' 카테고리의 다른 글
| 자기소개 만들기 (0) | 2025.03.26 |
|---|---|
| [4차시]리스트 만들기 (0) | 2025.03.16 |
| [3차시]html 버튼 태그 사용하기 (0) | 2025.03.12 |
| [2차시] html에 글자 나타내기 (0) | 2025.02.11 |
| [1차시] html 실행하기 (0) | 2025.02.11 |
