[HTML5] - 1 - Visual Studio를 사용하여 개발환경 만들기
728x90
반응형
728x90
#주의#
이 글은 강의 글이 아니다.
틀린 부분, 깔끔하지 못한 부분 있을 수 있다.
지적해 주시면 저도 공부가 되고, 앞으로 이 글을 보실 분들에게도 도움이 될 거라 생각한다.
우선 개발 환경부터 만들어야 한다.
그래서 어떻게 만드는데?
구글, 네이버, 다음 등 아무거나 편한 검색엔진에서 vscode를 검색해준다.
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
반응형
'개발 이야기 > [HTML5]' 카테고리의 다른 글
[HTML5] - 6 - 약식 페이지네이션(두번째 페이지 만드는 법) (0) | 2023.05.02 |
---|---|
[HTML5] - 5 - 게시글에 사진 넣는 법 (0) | 2023.05.02 |
[HTML5] - 4 - 버튼 만드는 법 (0) | 2023.05.02 |
[HTML5] - 3 - 게시글 카드 만드는 법 (0) | 2023.05.02 |
[HTML5] - 2 - 웹페이지의 head와 body (0) | 2023.05.02 |
댓글