[javascript] 기초

업데이트: October 1, 2021

카테고리: javascript

javascript란

객체기반의 스크립트 언어.
웹 문서에서 사용자와 다양한 상호작용 위한 언어이다.
백엔드 프로그램인 node.js등을 통해 다양한 프로그래밍에 응용되고있다.

javascript와 ecmascript는 동일한 말이라고 생각하면된다.
ajax는 웹사이트 접속했을떄 새로운 데이터를 보여주는 효과를 의미한다.

원리

서버에서 작성한 html과 css를 유저가 이를 요청하게된다. 보내준 이 정보를 사용자의 웹 브라우저가 읽으면서 사용자에게 이 정보를 보여주게된다.
이 과정에서 브라우저 내에 인터프리터가 자바스크립트를 해석해서 보여준다.
html과 css는 단순히 보여주는 역할만을 하지만
자바스크립트는 로직을 갖고 있기 때문에 프로그래밍언어라고 할 수 있다.

자바스크립트의 데이터 유형

원시형태 : number, string, boolean(t/f), undefined, null
객체형태 : 시간, 배열, 객체 등

데이터 선언(literal)

코드 상에서 값을 줄때 자료형에따라 문법이 다르다.
‘1000’ vs 1000 은 다르다.

원시 자료형

number

정수, 실수, 모두포함

string

문자형은 단순히 문자들의 나열을 의미.

boolean

true or false

undefined

값이 정해지지 않음 의미

null

값이 없음. 자료형이기도하지만 값 그 자체를 의미하기도한다.

변수

프로그램은 값을 입력받아 정해진 동작을 수행한다.
우리는 이 변수들을 함수에 담아 리턴값을 사용한다.
우리는 이 함수에도 이름을 붙여서 사용할 수 있다.

선언방법

variable의 약어인 var 뒤에 변수의 이름을 선언한다.

var x;

이러면 변수 x가 선언되게된다.

그리고 이에 값을 할당하기 위해서

x = 5;
x = "명환";

이렇게 할당이 가능하고,

var x = 5;

처럼 선언과 동시에 할당도 가능하다.

파이썬은 선언과 동시에 할당하는 방법을 먼저 배우고, 함수에 대해 배운다.
원리는 동일.

undefined의 경우, 값이나 함수가 정의되지 않은 상태에서는 이 값이나 함수가 undefined가 된다.

변수 이름 규칙

-'-'사용불가  
-첫 글자로 숫자 불가  
-띄어쓰기 불가  
-js프로그래밍언어의 자체 명령어 사용불가  

파이썬과 비슷하다

자바스크립트의 산술연산

덧셈 +
뺄셈 - 
곱셈 * 
나눗셈 /
나머지 %
파이썬과 동일하다.

자바스크립트를 사용하는 방법은
html 파일 내에서

<script>
<script/>

로 html파일이 실행되면 내부의 자바스크립트 파일도 실행된다.
이를 확인하자.

데이터 형변환

파이썬은 다른 데이터타입간 연산시 오류가 발생한다.
하지만 자바스크립트에서 데이터 산술연산 시, 암시적 형변화가 생길 수 있다.

더하기(+) 연산자는 문자형과 숫자형이 만나면 문자형으로 연산된다.
80 + '점' = '80점'

엘비