Vanilla JS #2

JavaScript

  • 우리가 사용하는 브라우저는 JS를 내장하고 있어서 JS 코드를 바로 사용할 수 있다. 아래처럼 브라우저 내에서 console.log를 실행할 수 있는게 그 증거 image

  • 브라우저는 HTML을 열고, HTML은 내부적으로 CSS와 JS를 가져오는 구조이다. 이때 JS파일의 첨부는 보통 HTML의 body 태그의 끝 부분에서 한다.

    <HTML>
    	<head>
    	</head>
    	<body>
    	<script type="text/javascript"> //여기에 JS 코드 첨부
    	</body>
    

JavaScript’s Data Type

과거 JS의 변수는 var만이 존재했다. 그러나 이는 변수와 상수를 구분해주지 않는 단점이 있고, 구시대적인 표기법이다. 따라서 const, let을 사용하자.

const : constant, 말 그대로 상수를 나타내는 것
let : ~~라 하자. 변수를 나타냄


Type은 number,string, boolean, null, undefined 등이 있다. 이 중에서 null과 undefine의 차이점에 초점을 맞추어 보자.

null : variable안에 어떤 값이 없다는 것을 확실하기 하기 위해 넣은 값. 자연적으로 생성되지 않는다.
undefined : variable은 메모리를 점윺하고 있지만, 값이 존재하지 않은 상태.

array : 하나의 variable이 데이터의 list를 가지는 것. 다른 dataType이 들어갈 수 있다.
object : proporty를 가진 data

Function

function은 code를 캡슐화하여 실행을 여러번 할 수 있게 한다. argument는 철저하게 순서에 따라 저장된다. 즉, 이름은 뭐가 되도 상관없음. object안에 function을 넣을 수도 있다.

NaN

not a number를 나타냄. 주로 결측치를 나타낸다. isNaN()을 통해 nan을 판별한다.

TIL

앞으로 JS를 쓸 때, const와 let만 쓰자. 학교 수업때는 var만 사용했었는데, 역시 학교는 코딩을 배우는 곳이 아니기에 old한 문법을 가르쳤던 것같다.

Categories:

Updated:

Leave a comment