[JavaScript] JavaScript - 기본 문법 Part_1

JavaScript

자바스크립트는 크로스 플랫폼(cross platform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당하는 문법언어 입니다. 

 

자바스크립트를 이용하면 웹에 풍부한 효과를 넣을 수 있지만, 2000년대 초반만 해도 자바스크립트는 개발자들에게 무시당하는 언어였습니다. 별다른 기능도 없고, 성능도 별로 좋지 않았아서 화면의 동적인 효과를 문법요소를 이요하지 않아도 Adobe를 활용하여 추가적인 요소를 사용할 수 있었기 때문입니다. 하지만 최근 몇 년 사이에 다양한 자바스크립트 프레임워크와 라이브러리가 생기면서 자바스크립트 생태계는 크게 확장되고 있으며, 그 위상도 점점 높아지고 있습니다. 추가적으로 스마트폰에서 웹을 사용하는 경우가 많이 생기면서 웹 사이트에서 javascript 이외에는 다른 효과를 이루는 문법을 사용하지 않겠다는 발표가 나오면서 다시 부상하게 되었습니다. 

 

장점 : 

자바스크립트는 컴파일 과정이 없기 때문에 다른 언어와 비교했을 때 빠른 시간 안에 스크립트 코드를 작성할 수 있게 도와줍니다. 기존 C나 자바 언어와 달리 굉장히 단순한 구조와 원칙을 가지고 있기 때문에 초보 개발자들이 쉽게 배우고 이해할 수 있습니다.

 

단점 :

단점은 성능이나 보안 측면입니다. 일단 내부에서 제공되는 기능이 제한적이고, 관련된 개발도구도 적은 편입니다. 또한 자바스크립트는 HTML 소스코드에 함께 작성되면서 소스코드가 외부로 공개되는데, 이 과정에서 보안 취약점이 발생할 수 있습니다.

 

 

 

 script 안에서 문법을 사용 = 특정대상을 지정해서 동적으로 움직일 수도록 할 수 있는 문법 구문입니다.  

 

css 의 style 과 달리 위치와 개수가 상관없다. 

 

 

 

 

<alert() : 출력 함수> 

 

alert() : JavaScript  안에서만 사용되는 출력 함수

- 팝업의 형태로 출력됩니다. 

 

 

추가적으로 문장 마지막에 ( ; )를 넣지 않아도 문제 없이 수행되고,  (' ')와 ( " " )를 구분 하지않습니다. 

 

 

 

 

 

< 문자열 자료형 - 이스케이프 문자>

 

문자열 안에 (" ") 를 사용하고 싶을 때, \를 함께 사용하므로 (" ") 출력을 가능합니다.   

 

 

 

 

< 주석문 > 

주석문 /* */ , //  java와 동일한 주석문 사용. 

 

 

 

 

 

< 변수 > 

 

var자료형 안에 어떠한 형태든 저장이 가능합니다. 

 

연산식 출력도 가능합니다 .

 

 

 

 

< 자료형 검사 > 

typeof( ) : ( )안에 들어있는 자료형을 출력

 

(문자열) 

(실수와 정수)

 

 

실수와 정수를 동일하게 number로 자료형을 출력해준다. 

 

 

(boolean)

boolean -> boolean

 

 

아무것도 저장되어 있지 않을 때 undefined가 출력된다. 

 

 

 

 

 

 < 입력 > 
prompt(" "," "); - 입력한 값을 전달 받습니다.

 

 

 

 

 

 

 

 < boolean 입력 >

  confirm();  : boolean 입력 받을 때 사용하는 함수

 

 

추가적으로 조건문을 이용하여 추가적으로 기능을 수행할 수 있습니다. 

(확인 선택)

(취소 선택) 

 

 

 

 

< 숫자와 문자열 자료형 변환 > 

 

 

 

 

숫자가 아닌 값 입력시 

NaN(Not a Number) 출력 = 자바스크립트로 나타낼 수 없는 숫자 의미.