개인 자료란 (JE)

  서버 커뮤니티

Profile 시듀아 대표칭호 없음
Profile

Visual Studio Code - 웹 만들기 세팅 1-2

2020.03.12 조회 수 808 추천 수 1

이야! 보기좋게 전에쓴 글이 날아갔어요!

그래도 기본 환경이라는건 매우 중요한 요소이기 때문에 강좌 쓰겠습니당


5130374546fba58cd990843218caa355.pngVisual Studio Code


제가 쓴 프로그램중에 가장 가독성이 좋고 편안했던 프로그램이었기에 이것을 추천합니다

( 마인크래프트 스크립트 확장자도 지원합니다)


고-급 프로그램을 쓰기 위해서는 다운로드 링크를 알아야겠죠?


style="text-align:center;">https://code.visualstudio.com

이 주소에 들어가 주신 다음,

  a9763b5552b7b1a65771ba20741902ca.png

이 버튼을 눌러서 프로그램을 다운받아줍니다!


그리고 실행하게 되면 이런 화면이 뜰건데


eb5dbf7c277529e502462bd540daa2c5.png

여기에서 계약에 동의함(A) 을 눌러주신 뒤 다음(N) > 버튼을 클릭해 줍니다.



4656cc14abd83ae1c9e098ef2decb556.png

그럼 이런창이 뜰건데, 여기에서 설치 버튼을 눌러줍니다!


1ff4b604426d88b763ead70a998eaff8.png

그럼 프로그램이 여기에서 늦장을 부리다가


785cac9d2494ab62cbb5281c4f506a3e.png

갑자기 이렇게 훅 들어옵니다!


이제 설치가 다됬으면,

45f9d1d6380602112e3e7e25229ff4dd.png

이렇게 깔끔한 디자인을 가진 VS Code가 당신을 반겨줄거에요! 그럼 잠시 치워둡니다.


그럼 이제 간단한 웹사이트라도 한번 제작을 해봐야겠죠?


Ctrl + N 을 입력해서 새 프로젝트를 입력해줍니다!


그리고 아래와 같이 적어주세요!


c338d1c5a31ac96fc52d0bb9fb74acbf.png


Hello, World!는 원하는 문장으로 대체 하셔도 좋습니다.


이렇게 작성 하신 후, Ctrl+S 를 입력하고

27046af3809c2bc35fc73b358d5f26af.png

파일 형식 -> HTML, 이름은 자유로 하고 저장 (S) 를 눌러줍니다.


그리고 파일을 실행해주면..?

180a52c2aeed57d8274eb108d18b0c70.png

이런 메시지가 뜨게됩니다! 그럼 이만 강의 마치도록 하고

강의 늦어서 죄송하고, 궁금한점 있으시면 댓글로 물어봐 주세요!



https://discord.gg/2gxSqWu - 마인크래프트 개발자 디스코드

4개의 댓글

윈초
2020.05.01
@ENCE

ㅔ? 요새 DC님 좀 이상한거 같애;;

ENCE
2020.05.02
@윈초

??

뉴스 및 창작물
/files/thumbnails/477/930/003/262x150.crop.jpg?20241201030912

레드스톤

뉴진스 - Super Shy | 마크 노트블럭 커버

노트블럭전문가

2024-12-01

0

/files/thumbnails/483/916/003/262x150.crop.jpg?20241127115329

레드스톤

[노트블럭 커버] 뉴진스 - ETA 3

노트블럭전문가

2024-11-27

1

/files/thumbnails/150/925/003/262x150.crop.jpg?20241123005717

건축

응답하라 1988 ? 1

팀뉴일리시

2024-11-23

5

/files/thumbnails/761/908/003/262x150.crop.jpg?20241025153749

건축

서울 숭례문(崇禮門) 6

KHC

2024-10-25

2

/files/thumbnails/578/899/003/262x150.crop.jpg?20241010142350

건축

경주 월정교 1

KHC

2024-10-10

2