Binary World

자바 스크립트 소개 본문

개발자의 길/Javascript

자바 스크립트 소개

모쿠 2017. 4. 4. 10:54

<웹 개발의 형태>

- 웹 개발: Front-End, Back-End 개발

* Front-End 개발 언어:

1. HTML: 웹 페이지의 컨텐트(내용)을 작성

2. CSS: 웹 페이지의 스타일(레이아웃)을 작성

3. JavaScript: 웹 페이지의 동적인 동작(기능)을 프로그램


* Back-End 개발 언어:

1. Java -> Servlet, JSP

2. PHP

3. C# -> ASP, ASP.NET

4. Node.js


* HTML 파일에서 자바스크립트를 사용하는 방법:

1. <script></script> 태그 안에서 자바스크립트 코드를 작성

  1) <head> 태그 안에 <script> 태그를 포함

  2) <body> 태그 안에 <script> 태그를 포함

  

2. 자바스크립트 코드만 작성한 .js 파일을 HTML 파일에서 링크

==> 자바스크립트 코드가 있는 위치에서 실행


<01_intro.html>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Java Script</title>
<script>
// 자바스크립트 주석
/* 자바스크립트 주석 */
document.write('Hello, JavaScript!');
 
</script>
 
</head>
 
 
<body>
<h1>JavaScript 소개</h1>
<script>
document.write('<h2>안녕, 자바스크립트!</h2>');
</script>
 
<hr/>
 
<script type="text/javascript" src="js/test.js"></script>
 
</body>
</html>
cs



<test.js>


1
2
3
4
5
6
7
8
/**
 * test.js
 */
 
document.write("<p>방가방가!</p>");
document.write('<p>첫번째 "자바스크립트" 파일입니다...</p>');
 
 
cs



<출력 결과>



저작자표시 비영리

'개발자의 길 > Javascript' 카테고리의 다른 글

자바스크립트 Switch문  (1) 2017.04.04
자바스크립트 if문, 비교연산자, 삼항연산자  (0) 2017.04.04
자바스크립트 변수 선언과 사용  (0) 2017.04.04
자바스크립트 출력방법  (0) 2017.04.04
자바스크립트가 할 수 있는 일들  (0) 2017.04.04
'개발자의 길/Javascript' Related Articles more
Comments