[JavaScript] 기초 공부 1

JavaScript?

JavaScript : 객체(Object) 기반의 스크립트 언어로 웹 문서에서 사용자와 다양한 상호작용을 하기 위해 만들어졌다. 현재는 웹 브라우저에서만 사용되지 않고 Node.js를 통해서 다양한 프로그래밍이 응용되고 있다.

---

JavaScript의 원리

서버에서 우리가 이미 작성했던 HTML, CSS 내용을 탑재해 놓고 어떤 사이트로 도메인을 치고 서버에 접속을 했을 때 요청을 보낸다. 요청을 보내면 이 요청에 대해 HTML과 CSS를 해석해서 웹 브라우저에 보여준다. 순서로 보자면 다음과 같다.

1. 웹브라우저 사이트 접속
2. 서버로 요청 전달
3. 서버에 알맞은 HTML, CSS, JavaScript 해석
4. 해석된 내용 그려서 보여주기

여기서 JS(JavaScript)는 이 스크립트를 해석하는 엔진이 있어서 js 코드를 어떤 일을 하는지 해석해서 웹 브라우저에 탑재해준다. HTML과 CSS는 데이터 언어에 가깝고 코딩 언어와는 멀었지만 JavaScript는 로직이 있기에 프로그래밍 언어이다.

---

자료형 (Data Type)

자료형은 프로그래밍 언어가 다룰 수 있는 데이터의 형태를 의미한다. 아래는 대표적인 자료형이다.

• 원시 형태 (Primitive) : 숫자(Number), 문자열(String), 불리언(Boolean), undefined(정의되지 않음), null(없음)
• 객체 형태 (Object) : 시간(Date), 배열(Array), 객체(Object) 등

---

리터럴(Literal) 선언

코드 상에서 값을 직접 명시해서 선언하거나 할당하는 것으로 자료형에 따라 리터럴 선언 문법이 다르다.

---

원시 자료형 (Primitive Type)

• Number : 숫자형으로 정수나, 실수(소수점 자리를 가지는 수)를 포함한다. ex) 100, 0.4
• String : 문자열형은 문자들의 나열을 의미한다. ex) "100", "안녕하세요"
• Boolean : 참/거짓만을 나타내는 자료형이다. ex) true, false
• undefined : 값이 정해지지 않았다는 것을 표현하는 자료형
• null : 아무것도 없음을 표현하는 것으로 자료형이자 값이기도 하다.

---

변수

프로그램은 다양한 조건과 환경에 따라 달라지는 값을 입력 받아 정해진 동작을 수행하게 된다.

입력(input) = x 에 해당하는데 이때 x를 변수라고 한다.

 

변수의 선언 : variable의 약어인 'var' 키워드와 변수의 이름을 선언 ex) var x;

 

변수에 값을 할당 : 선언된 변수명에 대입 연산자 ( = )을 사용하여 값을 대입

x = 40; or x='철수';
// 데이터를 리터럴 선언으로 대입 가능

var x = 40;
선언과 동시에 대입 가능

 

변수 이름을 정하는 규칙은 다음과 같다.

• 하이픈 ( - ) 사용 불가
• 첫 글자로 숫자 사용 불가
• 띄어쓰기 사용 불가
• 자바스크립트 예약어 사용 불가 (https://www.w3schools.com/js/js_reserved.asp)

---

산술 연산자

사칙연산 등의 수학 연산을 위해 사용하는 연산자로 숫자가 결과로 나온다.

• 덧셈 : +, ++
• 뺄셈 : -, --
• 곱셈 : *
• 나눗셈 : /
• 나머지 : %
• 복합 연산 형태 : += (덧셈), -= (뺄셈), *= (곱셈), /= (나눗셈)