반응형
0. Javascript
자바스크립트를 사용할 줄 알면 웹브라우저를 제어할 수 있다. 코드를 입력하면 브라우저에서 구현된다. 웹서버에 웹브라우저가 요청하면 웹서버가 응답하는 구조다.
자바스크립트는 과거 웹브라우저 설계에만 이용됐는데 요즘은 웹서버에서도 사용하고 있다. 탈웹! 쓰이는 곳이 많아서 유용한 언어다. 예를 들어 Node.js를 사용하면 Javascript로 브라우저 밖의 서버를 구축할 수 있다.
HTML은 자동차 뼈대, CSS는 자동차의 외관 디자인, Javascript는 자동차의 동력원인 엔진이라 할 수 있다.
엔진 매우 중요하다. 없으면 작동이 안 됨.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
alert(3*15);
alert("유민님 안녕하세요.\n자바스크립트의 세계에 오신 것을 환영합니다");
</script>
</body>
</html>1. alert();를 사용하면 ()내용이 경고창으로 나온다. 정수, 실수, 문자 가능. 연산 가능.
2. 컴퓨의 목적은 계산기였다. 계산과 관련된 함수가 많음. Javascript에서 사용가능.
Math.power(3,2);
Math.round(10.6);
Math.ceil(10.2);
Math.random();
10 * Math.random();
Math.round(10 * Math.random());
3. indexOf();
"code".indexOf(c)"
결과 : 0
4. 변수
Javascript에서 변수는 var로 시작한다.
var a = 1;
alert(a); → 경고창에 1 출력.
변수를 쓰는 이유 : 코드가 짧아진다. 유지보수가 쉬워진다.
5. 주석달기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
alert(3*15);
alert("유민님 안녕하세요.\n자바스크립트의 세계에 오신 것을 환영합니다");
//자바스크립트 기초 내용입니다.
</script>
</body>
</html>// 를 입력하고, 내용을 입력한다.
반응형
'Javascript' 카테고리의 다른 글
| 자바스크립트 배열[]안에 중괄호 {} (0) | 2023.03.29 |
|---|---|
| Javascript가 HTML문서를 동적으로 변환 시킬 수 있는 이유 (DOM개념) (1) | 2023.03.28 |
| Javascript 조건문 개념 (0) | 2023.03.28 |
| Javascript 기초 ② (0) | 2023.03.27 |
| Javascript 연산자, 조건문 (0) | 2023.03.27 |
