[javascript]01 자바스크립트 실행하기

※  자바스크립트를 실행할 때  (방법 2가지)

1. node.js 를 이용해서 자바스크립트 실행

2. 웹 APIs 이용 (html과 main.js를 연결해서 브라우저 상에서 실행)

---

 

 

 

◈ 1번 실습 

-  node.js 에는( 자바스크립트 엔진이 있어서 브라우저 없이도 자바스크립트를 실행 할 수 있다 )

 

 

 

---

1. 실습 파일 만들어준다

• 경로 : C:\Users\Samsung\OneDrive\바탕 화면\javascript

 

2. 메모장에 명령어 작성

• 간단한 텍스트 에딕터 툴 열어서 console.log('helloword') 출력해보기

 

 

• 앞서 만든 경로에 저장해준다. 저장이름 : main.js

 

 

3. 콘솔창에 실행

• 만약 PC 에 node.js 가 설치되어 있다면 방금 작성한 경로에 들어서 node main.js 명령어 실행하면 된다.
• 콘솔창에 앞서 작성한 helloworld 가 출력된다.

 

nodejs 다운로드 
- 자신의 운영체제에 맞게 다운로드 받으면 된다.

https://nodejs.org/ko/download/

 

다운로드 | Node.js

 

 

 

---

 

 

 

◈ 2번 실습

1. 아까 만든 경로로 들어가서 vscode 실행 

 

2.  index.html 생성

• doc 탭 을 누르면 자동완성 된다.
• title 밑에 script를 써준다 -> main.js 

 

3. 웹에서 실행해보기

• index.html을 마우스로 잡아서 끌어서 웹 탭에 넣으면 된다 
• 개발툴          window : ctrl+shift+i      mac : command + i

• console에 작성한 helloworld 가 나온 것을 볼 수 있다.

 

 

---

 

 

 

 

 

 

 

console 은 언어 자체에 포함된 것은 아니지만 통상적으로 많이 쓴다. node.js와 웹 apis에 공통적으로 포함되어 있어 똑같은 콘솔 api를 이용해서 node.js에서도 출력할 수 있고 브라우저상에서도 콘솔창에 출력할 수 있다. 

 

 

공부사이트 

https://developer.mozilla.org/ko/

MDN Web Docs

 

 

 

 

A pplication

P rogramming

I nterface