자바스크립트 헬로월드 javascrpt "hello world"

헬로 월드

본 수업에서는 첫 자바스크립트 프로그램인 헬로 월드(Hello World) 자바스크립트를 작성하는 방법을 살펴본다.

편집기 선택

첫 자바스크립트 프로그램을 작성할 준비가 되면 텍스트 편집기가 필요하다. 처음 시작할 때는 메모장 같은 익숙한 편집기를 사용해도 된다.

자바스크립트 프로그램을 작성하는 데 유용한 기능을 제공하고 문법 강조와 자동 완성 등을 지원하는 텍스트 편집기을 원할 수도 있다. 다음과 같은 무료 IDE/편집기를 살펴보고 사용해 볼 수 있다.

  • 이클립스, 압타나, 넷빈즈, SciTE, 코모도 에디트, 노트패드++ 등

헬로 월드 자바스크립트 작성

자바스크립트 프로그램을 만들려면 먼저 HTML 페이지를 만든 다음 HTML 페이지 안의 script 태그에 자바스크립트 코드를 집어넣는다.

아래의 헬로 월드 예제에서는 브라우저에게 실행 가능한 자바스크립트 콘텐츠가 태그 안에 들어 있다고 알려주는 자바스크립트 문장을 script 태그에 집어넣었는데, 그러고 나면 브라우저가 자바스크립트 모드로 전환해서 그 안에 들어 있는 스크립트를 실행할 것이다.

javascript-helloworld.html

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Hello World</title>
</head>
<body>
 
<script type="text/javascript">
    document.write("Hello, World! This is my first JavaScript.");
</script>
 
</body>
</html>

헬로 월드 자바스크립트 테스트

자바스크립트를 테스트하려면 브라우저를 이용해 위의 HTML 페이지를 열어야 한다. 그러고 나면 브라우저가 HTML 페이지를 불러들여 그 안에 포함된 자바스크립트를 실행할 것이다.

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

많이 쓰는 브라우저로는 파이어폭스, 크롬, 인터넷 익스플로러가 있다. 자바스크립트를 테스트하려면 그러한 브라우저를 설치해야 하며, 사파리, 오페라, 이전 버전의 인터넷 익스플로러와 같은 다른 주요 브라우저를 설치해야 할 수도 있다.

크롬 브라우저를 이용해 헬로 월드 자바스크립트가 포함된 HTML 페이지를 연 결과는 다음과 같다.

자바스크립트 헬로 월드

[출처] http://codingnuri.com/javascript-tutorial/javascript-hello-world.html

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
363 웹팩(Webpack) 이란, 웹팩 간단 정리 및 리액트(React) 기본 개발환경 세팅. [1] file 졸리운_곰 2019.11.08 411
362 PHP 로 css/js 보호하기 졸리운_곰 2019.11.08 439
361 Embedding three.js in WordPress 워드프레스에서 three.js 사용 졸리운_곰 2019.11.08 517
360 Three.js를 이용한 WebGL: 기본 file 졸리운_곰 2019.11.08 495
359 How to Super Charge your WordPress with Microservices 워드프레스 마이크로서비스 file 졸리운_곰 2019.11.03 373
358 <인터넷, 블로그팁: 마진(margin)과 패딩(padding)의 차이점이 뭘까?> file 졸리운_곰 2019.11.01 504
» 자바스크립트 헬로월드 javascrpt "hello world" file 졸리운_곰 2019.10.06 475
356 2019년 웹/앱 개발의 전망과 화두 file 졸리운_곰 2019.09.25 502
355 Awesome Wasm Awesome file 졸리운_곰 2019.05.18 785
354 Getting started with RabbitMQ and Node.js file 졸리운_곰 2019.05.09 466
353 [Node.js + RabbitMQ] Node.js + socket.io + RabbitMQ 이용한 실시간 메시지 처리 file 졸리운_곰 2019.05.09 352
352 WebGL 기초 file 졸리운_곰 2019.04.16 346
351 javascript contains : JavaScript String includes() Method 졸리운_곰 2019.04.11 622
350 이전 페이지의 주소 받기 졸리운_곰 2019.04.11 580
349 table 태그 총정리 졸리운_곰 2019.04.09 1003
348 textarea 태그에 값을 넣고 뺄때 아니면 개행문자 '\n'이 혼란이 온다 졸리운_곰 2019.04.08 692
347 자바스크립트 뒤로가기 history.back() 메소드 졸리운_곰 2019.04.08 574
346 jQuery ready와 load의 차이 file 졸리운_곰 2019.03.29 733
345 [JavaScript] 시간 지연 함수, 일정 시간 뒤 실행시키기, SetTimeout() {} 졸리운_곰 2019.03.27 472
344 How can I detect if a selector returns null? 졸리운_곰 2019.03.25 454
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED