이번 포스팅에서는 Java스크립트를 PC에서 실행하기 위한 환경을 만들어 보도록 하겠습니다.
Java스크립트로 프로그램을 만든 후 'XXXX.js'파일로 저장을 하고 실행을 하게 되거나 HTML에서 파일을 링크하여 웹페이지에서 작동할 수 가 있습니다. 먼저 실행을 하기 위한 VS Code를 설치해보도록 하죠
1.Visual Studio Code 설치하기
Visual Studio Code(VS Code)설치는 제가 포스팅한 2024.11.05 - [IT프로그램 개발 환경 설치] - Visual Studio Code의 소개 및 설치방법
Visual Studio Code의 소개 및 설치방법
이번에 소개할 포스팅은 많은 개발자들이 사랑하는 코드 편집기, Visual Studio Code에 대해 소개해 드리겠습니다. 이 프로그램은 다양한 기능과 사용자 친화적인 인터페이스로 많은 인기를 끌고 있
jhgwak.tistory.com
을 참고하시기 바랍니다.
2.Node.js 설치하기
Java스크립트는 클라이언트 사이드에서 개발하기 위한 언어이지만 Node.js의 등장으로 서버사이드에서도 사용이 가능해졌습니다. Java스크립트로 작성한 js파일을 HTML에 링크시키지 않고 콘솔모드로 출력할려면 Node.js를 설치하시기 바랍니다.
Node.js — Run JavaScript Everywhere
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
다운로드받은 설치파일을 실행을 하면 설치가 진행이 되며 진행과정에 별도의 선택을 하지 않아도 됩니다.
설치 후 환경변수 "PATH"에 Node.js가 설치된 폴더경로를 추가합니다.
환경변수PATH에 설치된 폴더 경로 추가 :
윈도우 시작 > "환경" 입력 > "시스템 환경변수 편집" 선택 > 하단의 "환경변수" 클릭 > 시스템 변수의 "Path"선택 후 "편집" 클릭 > "새로 만들기" 선택 > Node.js가 설치된 폴더 경로 추가 > "확인"
3. Java스크립트 연습하기
이제 Java스크립트로 개발하기 위한 환경이 만들어졌습니다.
한번 간단한 예제로 연습을 해보겠습니다.
VS Code를 실행시킨 후 "새 텍스트 파일"을 메뉴에서 선택하십시오.
예제:
//VS Code의 콘솔화면에서 실행하기
console.log('Hello, World');
를 입력하고 파일을 저장하십시오.(hello.js)
VSCode의 우측상단의
을 클릭하여 실행을 하면 하단의 "출력" 탭에 "Hello, World"가 출력이 됩니다.
4.마치며
이번 포스팅에서는 Java스크립를 실행하기 위한 환경설치에 대하여 알아봤습니다.
Java스크립트를 시작하시는 분들께 조금이나마 도움이 되길 바랍니다.
감사합니다.
'IT프로그램 언어 > JavaScript' 카테고리의 다른 글
| Java스크립트(익명 함수,화살표 함수, 고차 함수) (5) | 2024.11.20 |
|---|---|
| Java스크립트(함수-정의,호출,매개변수,반환값) (4) | 2024.11.19 |
| Java스크립트(제어문-조건문,switch문,반복문,break문,continue문) (6) | 2024.11.18 |
| Java스크립트(변수선언,데이타타입,연산자) (11) | 2024.11.17 |
| Java스크립트는 무엇인가? (4) | 2024.11.16 |