JavaScript 언어 소개와 실습 환경

Develop My Life·2020년 4월 11일
0

JavaScript

목록 보기
1/15

JavaScript

JavaScript는 웹브라우저를 프로그래밍적 제어를 하는 언어이다. 처음에는 JS는 웹브라우저에서만 쓰였지만 점점 시간이 지나면서 웹서버에서도 Node.js를 통해서 사용되고 있다.

웹 전체에 JS가 영향를 미친다.

실습 환경과 실행 방법

실습 환경
브라우저 : 크롬
에디터 : Sublime Text 3

Sublime Text 3 설치 URL
http://www.sublimetext.com/3

Sublime Text 3 기본 실습 환경
1. [View]-[Side Bar]-[Show Side Bar]
왼쪽에 사이드 바를 띄운다.
2. [Project]-[Add Folder to Project...]
프로젝트에 폴더를 추가하여 작업 공간을 만든다.
3. [폴더 이름]-[마우스 우클릭]-[New File]
내가 만든 폴더에 새로운 파일을 만든다.
4. [Ctrl]+[s]
새로운 파일을 .html 파일 형식으로 저장한다.
5. 파일에서 *html* 입력 후 [Tab]

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
</html>

다음과 같이 html 기본 틀이 만들어진다.
6. <body> ~ </body> ~부분에 *script* 입력 후 [Tab]

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<script type="text/javascript">
	
</script>
</body>
</html>

다음과 같이 script 기본 틀이 만들어진다.
7. script 기본 틀 안에 코드를 입력하여 실행한다.

실행 방법
크롬
Ctrl + o(알파벳) 누르고 파일을 선택한다.
F12 키를 눌러 개발자 도구를 실행 시킨다.
Esc 키를 눌러 show console drawer를 한다.
-> JS코드만 입력하면 된다.
-> 짧은 코딩에 유용하다.

0개의 댓글