-
자바스크립트 기본 - 실행방법과 실습환경JavaScript/생활코딩 2018. 11. 14. 13:47
실행방법과 실습환경 - https://opentutorials.org/course/743/4646
자바스크립트는 브라우저뿐만 아니라 서버, 구글앱스스크립트 등 여러가지 환경에서 프로그래밍적으로 제어하기 위한 수단이다.
자바스크립트 구동을 위해 웹 브라우저와 에디터가 필요하다.
- 내가 사용할 웹 브라우저 : 크롬
- 내가 사용할 에디터 : Notepad++
a. 웹페이지에서 자바스크립트 작성예제<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
alert('Hello world'); //이 줄만 자바스크립트
</script>
</body>
</html>
예제를 에디터에 작성한 뒤 확장자를 .txt가 아닌 .html로 저장한다.
예제를 브라우저로 열때는 크롬에서 ctrl+o 를 누르고 저장한 파일을 불러오면 된다.
b. 크롬 개발자 도구 사용
F12버튼 - 크롬 개발자 도구
ctrl+shift+j - 콘솔창
예제2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
console.log('Hello'); //콘솔에 Hello가 뜸
</script>
</body>
</html>
예제를 크롬에서 열게되면 콘솔창에 Hello라는 글자가 뜬다.
'JavaScript > 생활코딩' 카테고리의 다른 글
자바스크립트 기본 - 조건문 (0) 2018.11.14 자바스크립트 기본 - 비교 (0) 2018.11.14 자바스크립트 기본 - 주석 (0) 2018.11.14 자바스크립트 기본 - 변수 (0) 2018.11.14 자바스크립트 기본 - 숫자와 문자 (0) 2018.11.14 댓글