1. JavaScript [Basic JavaScript] ~ CS

JavaScript

자바 스크립트는 client-side script language로 코드가 browser에서 run된다.
client-side script 언어의 장점은 다음과 같다.

JavaScript는 lightweight 언어이면서 web page를 interactive하게 만들고 web standard로 정해진 언어이다. web standard이지만 모든 browser에서 똑같이 작동하지는 않는다.

Java VS JavaScript

JavaScript는 interpret되고 덜 제한된 syntax 와 rule 을 가지며 function가 key construct이다.

PHP VS JavaScript

같은점

다른점

Load JS

Linking to a JS file

위의 코드를 HTML head태그안에 넣어주거나 body태크 맨 밑에 넣어주어야 한다.

Embedded HTML
위와 같이 js파일을 linking하지 않고 html body태크안의 script태크 안에 javascript언어 코딩 가능하다

alert

Variable and Type

var 로 변수를 정의하는게 가장 일반적이지만 다른 방법으로는 let, const가 있다,
let - if,while구문 과같은 block 안에서만 유효하다. (var 와 같이 변수 선언과 동시에 초기화)

const -읽기 용도로 사용하기위해 선언

그리고 타입 정의가 구체화 되지 않는다.

real number와 integer는 구분되지 않고(but not double vs int) 2*"3" 와 같이 int*string일 경우 자동으로 결과값이 int형(6)으로 바뀐다.

String Type

다음과 같이 쓰며 string 변수는 '' or "" 으로 감싸서 값을 설정하고 int+string일경우 string으로 바뀐다.

String Method는 다음과 같다.

다음은 string 타입에 대한 예제이다.

Boolean Type

undefined은 정의되지도 않고 존재하지도 않는다.

null은 존재하지만 값이 없는것이다.

Similar java

for,while,if(else) 모두 자바와 문법이 같고 비교연산자 또한 같다.
하지만 javascript에서 ===라는 비교연산자가 있는데 이것은 type과 값을 모두 비교한다.
그렇다면 ==연산자는 타입은 달라도 값만 같다면 true반환한다.

Array

다음과 같이 배열을 정의할수 있다.
Array Method

다음은 메소드 실제 사용 예제이다.

Event Driven Programming

이벤트를 발생시킬려면 이벤트를 발생시켜주는 Event-Handler가 있을 것이다.

Event Handler

위와같이 click me 버튼을 누르게 되면 function button함수를 실행시켜 안의 alert("hello")코드를 run한다.

CS_Bank