본문 바로가기

[HTML5] - 1 - Visual Studio를 사용하여 개발환경 만들기

I-ri 발행일 : 2023-05-02
728x90
반응형
728x90

#주의#

이 글은 강의 글이 아니다.

틀린 부분, 깔끔하지 못한 부분 있을 수 있다.

지적해 주시면 저도 공부가 되고, 앞으로 이 글을 보실 분들에게도 도움이 될 거라 생각한다.

 


우선 개발 환경부터 만들어야 한다.

 

그래서 어떻게 만드는데?

 

구글, 네이버, 다음 등 아무거나 편한 검색엔진에서 vscode를 검색해준다.

 

https://code.visualstudio.com

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

들어가면 Visual Studio를 다운로드할 수 있다.

 

본인 운영체제에 맞는 것으로 다운로드하고 설치해 준다.

 

한글로 설치할 분은 설치 후 한글팩을 설치할 거냐고 물어볼 때 확인 누르면 설치된다.

 

그래서 어떻게 쓰는데?

 

파일 이름을 Index.html로 만들어준다.

 

그러면 아래와 같은 화면이 나올 것이다.

뭘 어떻게 하면 좋을지 모르는 화면이 나올 것이다.

 

여기에 다음과 같이 작성해 준다.

html:5

그러면 화면처럼 나올 것이다.

여기까지 따라왔다면 절반은 성공한 것이다.

시작이 반이다.

뭐가 뭔지 전혀 모르겠고, 어떻게 하면 좋을지 모를 것이다.

 

하지만 앞으로 나와 같이 나아가보자.

반응형

 

728x90
반응형

댓글