| 리브레 프로그래밍 시리즈 | |
|---|---|
| 초급 프로그래밍 |
|
| 중급 프로그래밍 |
|
| 고급 프로그래밍 |
Python |
| 협업 | |
자바스크립트는 인터넷 등 웹 페이지에서 사용자들이 원하는 기능을 위해 사용되는 도구입니다. HTML은 문서 입력 규격이기에 하이퍼링크 등 다른 페이지로 넘겨주는 기능 정도를 제외하면 단독으로는 웹 페이지의 동작을 제어할 수 없는데, 이 동작을 제어하는 언어가 자바스크립트입니다. 자바스크립트는 웹 페이지를 제어하는 부분 이외에도 node.js 등 범용성을 갖춘 프로그래밍 언어이기도 합니다.
개발 환경[편집 | 원본 편집]
자바스크립트는 크롬 브라우저 등 대부분의 브라우저에서 개발자 도구를 이용해서도 확인할 수도 있습니다. 다만 Visual Studio Code 같은 텍스트 에디터나 Eclipse, WebStorm 같은 IDE(통합 개발 환경 소프트웨어)를 이용하는 것도 권장합니다.
콘솔창에서 자바스크립트를 테스트하기 위해서는 우선 node.js를 설치해야 합니다. node.js 홈페이지에 들어가서 설치한 뒤에 사용하시면 됩니다.
웹 브라우저에서 실행하기[편집 | 원본 편집]
본격적으로 자바스크립트를 사용하기 위해서는 node.js를 설치하고 개발환경을 만들어야 합니다. 다만 간단한 자바스크립트 작업은 웹 브라우저의 개발자 도구를 이용해서도 확인할 수 있습니다. 웹 브라우저에서는 자바스크립트를 실행시키는 엔진이 내장되어 있어서 자바스크립트를 실행시킬 수 있습니다.
크롬 브라우저의 경우 브라우저 주소창 오른쪽의 : 메뉴를 선택한 후 도구 더보기 - 개발자 도구를 실행시키거나 단축기 Ctrl+⇧ Shift+I를 입력하시면 됩니다.
간단한 작업[편집 | 원본 편집]
출력하기[편집 | 원본 편집]
웹 브라우저 상에서 자바스크립트를 이용해서 내용을 출력시키는 방법은 세 가지가 있습니다.
- 콘솔창에서 출력시키기 -
console.log함수를 사용합니다. 개발자 도구의 콘솔 창에 출력합니다. - 알림창을 사용하기 - alert 함수를 사용하면 경고 메시지 형태로 출력됩니다.
alert("Hello");라고 입력하면 됩니다. - DOM을 이용해서 웹 페이지에 출력시키기 - 우선 주소창에 about:blank를 입력해서 주소창을 비운 뒤에 DOM 개체를 선택합니다. 그 다음에 write 함수를 사용하면 됩니다. (
document.write('Hello! World.'))