본문 바로가기
JavaScript│Node js

자바 스크립트 기초 강의 1 html 코드 작성하기

by 자유코딩 2017. 10. 29.

안녕하세요 이번 글에서는 자바스크립트의 기초 예제에 대해서 알아보겠습니다.

 

new file 을 클릭해서 새로운 파일을 생성합니다.

 

 

이제 파일이 생겼습니다.

 

 

파일을 저장하고 확장자를 html로 해줍니다.

 

 

Ctrl + S 는 파일을 저장하는 단축키입니다.

 

그럼 이제 html 파일을 작성해보도록 하겠습니다.

 

 

html을 입력하고 Ctrl 과 space바 를 눌러보겠습니다.

 

Ctrl + Space Bar는 코드를 자동완성하는 단축키입니다.

 

메모장에는 이런 기능이 없지만 sublime text와 같은 소스코드 편집기에는 사용자가 자주 작성하는 코드들을 자동완성해주는 기능이 있습니다.

 

 

이번에는 <body>와 </body> 사이에 script를 적고 Ctrl + space를 눌러보도록 하겠습니다.

 

 

이번에도 script 가 자동완성이 되었습니다.

 

이제 이 <script> 와 </script>에 짧은 코드를 작성해보겠습니다.

 

 

저는 alert(1);을 작성했습니다.

 

이제 이 프로그램을 저장하고 Chrome에서 열어보도록 하겠습니다.

 

 

파일을 클릭해서 열었습니다.

 

alert()의 괄호 안에 있던 1이 출력되었습니다.

 

이것으로 alert는 뭔가 알림 메세지를 출력하는 기능을 한다고 추측 할 수 있습니다.

 

아주 간단한 html 웹 문서를 만들어보았습니다.

'JavaScript│Node js' 카테고리의 다른 글

자바 스크립트 3 연산자  (0) 2017.10.29
자바 스크립트 기초 강의 2 숫자 자료형  (0) 2017.10.29
sublime text 설치  (0) 2017.10.29
nodejs hello 예제  (0) 2017.10.29
Nodejs 설치  (0) 2017.10.29

댓글