제1장 자바스크립트 실습환경 구축(서브라임 텍스트편집기)
- 프로그래밍&4차산업
- 2020. 4. 23.
자바스크립트 실습환경 구축을위해
두 가지를 준비해야합니다.
1. 크롬 브라우저
2. 텍스트편집기
여기서 텍스트 편집기는 서브라임 텍스트3(Sublime Text3)를 사용하겠습니다.
아래 링크에서 받으면 됩니다.
Sublime Text - A sophisticated text editor for code, markup and prose
Goto Anything Use Goto Anything to open files with only a few keystrokes, and instantly jump to symbols, lines or words. Triggered with Ctrl+P⌘+P, it is possible to: Type part of a file name to open it. Type @ to jump to symbols, # to search within the fil
www.sublimetext.com
참고로 해당 텍스트편집기는 평가버전입니다.
쭉 눌러 설치해줍시다.
그리고 실행을 하면 아래 창이 뜹니다.
가장 기본 코드부터 실행해볼까요?
<html>
<head>
<meta charset = "utf-8">
</head>
<body>
hellow world
</body>
</html>
file을 누른 후 save해줍니다.
저장은 이름.html 순서로 해줍니다.
해당파일을 클릭하면
쉽죠?
제가 배웠던 c언어보다 매우 쉽네요.
다음실습은 브라우저에 경고창 메시지 출력 내용입니다.
alert("Hellow Javascript");
를 입력하고 똑같이 저장해줍니다.
참고로 자바스크립트처럼 컴파일러가 없는 언어에서 세미콜론 ; 은 옵션입니다.
저는 습관이되서 붙이게되네요.
이번에는 저장할때 html 확장자가 아닌 .js로 변경후
똑같이 저장해줍니다.
자 우리는
두개의 파일을 만들었습니다.
이제 다시 처음 만든 경고문구를 추가해봅시다.
<html>
<head>
<meta charset = "utf-8">
<script src = "test.js"></script>
</head>
<body>
hellow world
</body>
</html>
그리고 코드를 저장하고 실행하면?
경고문구가 뜨죠?
확인을 누르면
자 지금까지 html과 js파일을 두개만들었는데,
js파일이 없어지면 경고문구가 뜰까요?
한번 js파일을 다른폴더에 넣어보세요.
정답은 아래에서 공개합니다.
다른폴더에 있으면 경고문구가 뜨지않습니다.
다음 챕터는 개발자 도구 활용하기로 찾아뵐게요
'프로그래밍&4차산업' 카테고리의 다른 글
제3장 자바스크립트 변수(Javascript Variable) (0) | 2020.04.28 |
---|---|
제2장 개발자 도구 사용하기(자바스크립트, javascript) (0) | 2020.04.28 |
자바스크립트(Javascript)란 (0) | 2020.04.23 |
c언어 프로그래밍 비트연산자에 대하여 알아보자.(2진법, 8진법, 16진법, 10진법) (0) | 2020.03.31 |
비주얼스튜디오, C언어 배열을 써보자. (0) | 2020.03.22 |