자바스크립트_01

FrontEnd는 3가지로 나눌 수 있다.

1. HTML : 컨텐츠의 구조를 담당한다 - 뼈대
2. CSS : 컨텐츠의 표현을 담당한다 - 살
3. JavaScript : 컨텐츠의 기능을 담당한다 - 관절, 신경

이중 3번쨰, JS에 대해서 알아보겠다.

JavaScript

자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 웹 브라우저 내에서 주로 사용된다.

자바스크립트는 다음과 같은 특징을 가지고 있다.

1. 이벤트 처리, 입력 데이터 검증, 동적 컨텐츠의 작성
2. 사용자 브라우저의 내장 프로시저 형태 : 브라우저에 종속적이다.

선언 형식은 다음과 같다.

1. 내부 파일에 생성할 때

<script type="text/javascript">

</script>

1. 외부 파일로 만들어 읽어올 때

<script type="text/javascript" src="../js/common.js"></script>

변수

JS는 var 또는 let 을 이용해 변수를 생성한다. 주어진 값에 의해 데이터 타입이 자동으로 지정된다.

데이터의 유형은 5가지가 있다.

1. 숫자형(정수, 실수) : number
2. 문자열 : string
3. 논리형 : boolean
4. null(값이 없는 객체) : object
5. undefined(변수만 선언되어있음) : undefined

논리형에서 false의 의미는 다음과 같다.

1. 값이 false
2. 공백문자열 “”
3. null
4. undefined
5. 0

이 5가지의 경우 논리식을 사용할 때 False 처리 된다.

변수의 선언 방법은 다음과 같다.

1. var 변수명;
2. 변수명 = 값;
3. var 변수명 = 값;

JS에서 변수는 전역변수와 지역변수로 나뉠 수 있는데, function 외부에 선언하거나 var을 붙이지 않고 선언한 변수는 모두 전역변수이다. function 내부에 var을 붙이고 선언한 변수는 지역변수이다.

function

함수는 자바의 메서드와 비슷하게 동작한다. 선언 방법은 다음과 같다.

function 함수명 (arg1, …){ return 값 }

함수 호출 방식은 다음과 같다.

1. 함수명();
2. 함수명(params);
3. var 변수명 = 함수명();