자바 스크립트 기본

반응형 웹사이트를 만들기 위한 초석 언어

웹서버 <-- 요청, 응답 --> 웹브라우저

(PHP, JAVA,PYTHON)                 (java script)

숫자와 문자

숫자

Math.pow(3,2); // 9, 3의 2승
Math.round(10.6); // 11, 10.6을 반올림
Math.ceil(10.2); // 11, 10.2를 올림
Math.floor(10.6); // 10, 10.6을 내림
Math.sqrt(9); // 3, 3의 제곱근
Math.random(); // 0부터 1.0 사이의 랜덤한 숫자

문자

String
특수기호 쓸 때 \(특수문자) 입력.
여러줄 표현할 때 \n 입력

변수

변수의 선언

var로 시작하여 특수문자를 제외한 모든 문자로 시작 가능, var는 생략이 가능
변수가 없다면 반복되어 지는 코드를 불필요하게 많이 쓰게 되어서 코드의 재활용성 측면에서 용이

주석

주석의 선언

주석의 선언은 //(코드)로 가능하며 단축키 shiht+/을 입력 또는 /* + */ 을 입력하여 문단을 주석 처리가능

비교

연산자

a = 1 처럼 우항의 값을 좌항에 압력할때 쓰임

비교 연산자

==

좌항과 우항의 값이 일치 할 때 쓰임

===

좌항과 우항이 타입과 값이 서로 일치 할 때 쓰임

!=

'!'은 부정을 의미하며 print(1 != 2) -> True 서로 값이 같지 않다는 것에 정반대 의미

!==

'=='의 의미를 합친 정확하게 같지 않다는 것을 의미

>

좌항과 우항의 크기를 비교할 때 쓰임 ex) print(10 < 20) -> False

>=

좌항과 우항이 크거나 같을 때 쓰임

조건문

Skip

반복문

Skip

함수

Skip

함수

Skip

배열

배열의 인자

push

배열의 인자를 추가 시킴

concat

배열의 복수의 인자를 추가 시킴 ex) li = li.concat(['a','b'])

push

배열의 인자를 추가 시킴

unshift

배열의 첫번째 인덱스에 값을 넣음

splice

배열의 인자를 추가 또는 삭제 가능
ex) li.splice(추가할 익덱스의 위치, 삭제할 인덱스의 위치, 추가 시킬 인자)

shift

배열의 첫번째 인덱스에 값을 제거

pop

배열의 끝점에 위치한 인자를 제거

sort()

배열의 인자들을 정렬

reverse()

배열의 인자들을 역정렬

객체

Skip

모듈

모듈이란

작은 부품을 뜻하며 서브 객체를 나누어서 사용하는 방식 ex) 망치.js 드라이버.js 를 통하여서 자동차의 바퀴를 달거나 수리하는 행위를 할수있음

모듈 호출 방식

``` <script src = "모듈의 이름.js" > <script> ```

UI and API

UI이란

User Interface의 약자로 사용자들이 일차적으로 접점이되는 부분

API이란

Application Programming Interface의 약자로 프로그램이 동작할때 환경을 제어되는 조작 장치

레퍼런스와 튜토리얼

레퍼런스

명령어의 사전

튜토리얼

언어의 문법을 설명

레퍼런스와 튜토리얼

필요할 때 다시 공부

유효범위

전역변수 global variable

어플리케이션 전역에서 접근이 가능한 변수

지역변수 local variable

어플리케이션 전역에서 접근이 가능한 변수

값으로서의 함수와 콜백

값으로서의 함수

자바 스크립트에서는 함수 = 객체이다 (일종의 값)
ex) a = { b : function() {} };

콜백

이해 못함 복수 필요