소개 ... 배열 - 자바스크립트 기본 | 생활코딩

[출처 : https://opentutorials.org]

자바스크립트 소개​

탈웹브라우저

 - 자바스크립트가 웹브라우저를 제어하는 용도로만 사용되지 않음.

 - 자바스크립트라는 언어와 동작 환경을 분리해서 생각해야함

 - 자바스크립트의 용도

 - 웹서버 동작 : 서버사이드 스크립트 *Node.js

 

탈웹

 - 웹 바깥쪽의 기술에서 사용 *Google Apps Script

 

언어란?

 - 의사소통을 위한 약속(문법)이며, 언어를 배운다 = 문법을 익힌다

 

환경이란?

- 언어를 사용하는 대상 => 자바스크립트가 동작하는 환경 *웹브라우저, Node.js

- 환경에 따라서 할 수 있는 일과 명령이 다르다.

---

숫자와 문자

# Math.random(); 1보다 작은 불규칙한 소수점.

- n*Math.random(); 은 n 보다 작은 불규칙한 수를 구할 수 있다.

# alert('i\'m egChoi'); => i'm egChoi

- 역슬래시 바로 뒤 문자는 정보로 인식

- \' = escape ; 어떤 기능(역할)에서 벗어나게 하다.

---

자료형

# null ; 값이 없음 * 값이 없는 상태를 의도적으로 부여

# undefinded ; 값이 정의되지 않음 * 의도하지 않음

# boolean : true / false

---

변수

# 변수는 코드의 재활용성을 높여준다.

# var a = 'one', b = 2;

- var는 한번만 쓰고 콤마(,)로 구분해서 다수의 변수를 선언 가능

# 코드 작성 시, 변할 수 있는 영역(ex. 변수)과 변하지 않는 영역을 구분해라

- 유지보수를 편하게 하기 위해서

---

주석

# 여러 명령을 한 줄로 작성할 때 세미콜론으로 구분.

---

비교

# 연산자란? 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호

# 대입연산자(=) ; 우항을 좌항에

alert(true == 1);    // true
alert(true == 2);    // false
alert(true == "1");    // true
alert(0 === -0);    // true
alert(NaN === NaN);    // false

참고 사이트 : https://dorey.github.io/JavaScript-Equality-Table/

---

조건문

# else {} ; 앞의 구문(if)이 거짓일 경우에 실행

구간이 먼저 실행

# false로 간주되는 데이터 형 ; undefinded, null, NaN, 빈 문자열(''), 값이 할당되지 않은 변수,

---

반복문

# while(조건) { 반복 실행할 코드 } ; 조건이 true에서 fasle가 될 때까지 실행

# break ; 반복 작업을 중단하고 반복문을 종료.

# continue ; 반복 작업 중 그 순간만 중단하고 다시 반복문을 실행.

# 디버거의 'Breakpoints' ; 코드가 실행될 때 멈추는 지점

---

함수

하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.

 

;

function 함수명([인자...[,인자]]) {
코드;
return 반환값
}
함수명();

함수의 효용

- 반복문의 효용 ; 특정 범위({ ... })에서만 반복할 때

- 재사용성 (여러 범위에서)

- 유지보수의 용이

- 가독성

​

return

- 함수를 종료 시킨다.

- 리턴 뒤에 있는 값은 함수의 출력 값 (함수 밖으로 리턴 값을 꺼낸다)