뭐.. 이거.. 웹 페이지 보여는 브라우저 띄우는 거 아냐?

이런 의문이 있는데 

이번 강좌까지는 참아 주셔야 합니다.

저의 친절함을 넘어선 이런 슬로우리한 진행은 

다 여러분께 피가 되고 살이 될것입니다. (흠하하하)

우선 이전에 했던 것처럼 다음과 같은 디렉토리를 만들어 주세요

이전 강좌에서 이야기 했듯이 복사해서 만드셔야 합니다. 

그게 편하다고 말씀 드렸죠?

모르는 분들은 이전 강좌 참조...

어찌되었든 다음과 같은 디렉토리가 있다고 가정하겠습니다. 

c:\nw\main
다음과 같은 index.html 을 만듭니다.


----[index.html]----------------------------------------------------------------
index.html

<html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=utf-8" /> 
<title>자바 스크립트 실행</title>
</head>
<body>
<h1>자바 스크립트 실행</h1>
<script type="text/javascript" src="main.js"></script>  
</body>
</html>
--------------------------------------------------------------------------------

이 소스를 보시면 다음과 같이 자바 스크립트 파일 main.js 를 포함하고 있습니다. 

<script type="text/javascript" src="main.js"></script>  
저는 앞으로 관례적으로 이곳에 자바 스크립트를 넣을 겁니다. 

물론 jquery 같은 것은 헤드 테크에 넣겠지만요...

자 이제 main.js 를 만들어 주어야 겠죠...

index.html 파일과 같은 위치에 넣어 주어야 합니다. 

----[main.js]----------------------------------------------------------------
document.write('main.js 가 시작되었습니다.<br>');
document.write('node.js 버전 : '+process.version+'<br>');
--------------------------------------------------------------------------------

이 문장은 화면에 자바 스크립트가 실행되죠..

이 자바 스크립트는 node.js 의 실행 구문도 실행됩니다. 

두번째 문장이 node.js 자바 스크립트가 실행되는 겁니다. 

뭐 첫번째 문장은 브라우저 자바 같은 것인데..

이 두가지 자바 스크립트가 짱뽕되는 것이죠..

둘다 V8을 기반으로한 것이기 때문에 아무 문제가 없는 것입니다. 

참고로 package.json 는 다음과 같이 사용하면 됩니다.

----[package.json]--------------------------------------------------------------
{
"name": "자바스크립트실행",
"main": "index.html"
}
--------------------------------------------------------------------------------

자 마지막으로 명령 창에서 nw 을 실행하면 됩니다. 
P001_main 실행.png
[그림 P001_main 실행.png]

참 쉽죠?

이 게시물을...