JavaScript [Chapter 1 ~ 2 기본문법]
Chapter 1. 자바스크립트와 첫 만남
자바스크립트는 기본적으로 <script> 태그를 이용해 작성한다.
웹 문서에서 이미지나 텍스트 등의 요소를 제어하는 경우가 많으므로 되도록 이미지나 텍스트 등을 다 표시한 후에 실행하는 것이 좋다.
그래서 </body>태그 직전에 자바스크립트 소스를 삽입한다.
css처럼 외부 스크립트 파일을 연결해서 자바스크립트 소스를 사용할 수 있다.
<script src="외부 스크립트 파일 경로"></script>
- 알림 창 출력하기
alert("안녕하세요?");
- 확인 창 출력하기
confirm("실행하시겠습니까?");
- 프롬프트 창에서 입력받기
prompt("이름을 입력하세요.");
prompt("이름을 입력하세요.", "홍길동"); // 디폴트 값을 홍길동으로 주는 경우
- 웹 브라우저 화면에 출력을 담당하는 document.write()문
괄호안에 화면에 표시할 내용이나 어떤 결과값이 저장된 변수를 넣을 수 있으며 HTML 태그도 사용 가능
document.write("<h1>어서오세요</h1>");
- 콘솔 창에 출력하는 console.log()문
개발자 도구의 콘솔창에 괄호안의 내용을 표시한다.
괄호 안에 변수나 텍스트를 넣을 수 있으나 HTML 태그는 사용할 수 없다.
Chapter 2. 자바스크립트 기본 문법
- 변수 선언
var 변수명;
var currentYear;
var birthYear;
var age;
let 변수명;
let user;
let age;
let message;
(var가 더 오래된 방식)
- 자료형
컴퓨터가 처리할 수 있는 자료의 형태를 자료형(data type)이라고 한다.
자바스크립트의 자료형은 다음과 같이 나누어짐
기본 유형 - 숫자형, 문자열, 논리형
복합 유형 - 배열, 객체
특수 유형 - undefined, null
숫자형 : 자바스크립트에서는 정수와 실수를 함께 묶어 숫자형이라고 함
4 (정수)
4.13 (실수)
문자열 : 작은 따옴표나 큰 따옴표로 묶은 데이터를 의미
"string"
'string'
논리형 : boolean 유형, 조건식이 참이면 true 거짓이면 false의 결과값을 나타낸다.
undefined : 자바스크립트에서는 자료형을 미리 지정하지 않고 값을 할당할 때 결정한다.
그래서 변수 선언만 하고 값이 할당되지 않은 자료형을 undefined라고 한다.
변수에 값이 할당되지 않았다는 의미.
null : 데이터의 값이 유효하지 않은 상태를 나타낸다.
변수에 할당된 값이 유효하지 않다는 의미.
배열 : 하나의 변수에 값을 여러개 저장할 수 있다.
배열명["값1", "값2", ... ]
배열명[] (빈 배열 선언)
var season = ["봄", "여름", "가을", "겨울"];index는 0부터 차례로 매겨짐
- 비교 연산자
== : 피연산자가 서로 같으면 true
ex) 3 == "3" / true
=== : 피연산자도 같고 자료형도 같으면 true
ex) a === "3" / false
3 === "3" / false
!== : 피연산자가 같지 않거나 자료형이 같지 않으면 true
ex) 3 !== "3" / true
(조건문과 반복문은 Java와 거의 같기 때문에 Pass)
출처 : Do it! 한 권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석