181029 -TIL

---

주제: 자바스크립트    

강의:  자바스크립트 부트캠프

날짜: 2018.10.29

강의자: 김민태님

---

## 코드의 구성요소

• 예약어 - 자바스크립트가 자바스크립트로서 사용되기 위해 만들어진 단어. 이미 용도가 정해져 있는 단어. 

            예) do, if in for, let, new, try, case, else, null, this. true, break, catch, const, false 등...

• 기호 - /+-*()!{}=> 등...
  
  
• 식별자 - 예약어가 아닌 간단한 규칙에 준수하여 개발자가 필요해서 이름을 지어 사용하는 단어

            -> 식별자 작성 규칙을 잘 알아두자

## 자바스크립트 데이터와 상태

• undefined - 정의되지 않은/ 자바스크립트에만 있다
• number - 숫자, Infinity라는 예약어는 무한수를 의미하는 숫자이다!! NaN도 숫자로 취급된다.(자바스크립트의 설계결함ㅋ)
• String
• Boolean - 논리값, true, false
• Null - 값이 없는, undefined와는 다르다
• -------------여기까지 기본값
• NaN - 숫자가 아닌. 
• Symbol
• Object - 객체 {}를 사용해서 객체를 만들고 안에 담긴것은 데이터, 여러개의 값을 가질 수 있다.

변수

var 식별자;(let, const)

자바스크립트의 변수는 어떠한 값이든 모두 들어갈 수 있다

undefined, null, number, string, function, object 모두 들어갈 수 있다

-> 규모가 커질수록 위험할수있다.

var name = "홍길동";

let age = 28;

const bloodType = "O";

세가지 모두 변수를 만든다. var, let은 변수의 값을 바꿀 수 있다.(그러나 미묘한 차이가 있음).

var 대신 let을 쓰도록 하자.

const는 변수에 값이 담기면 그 값을 바꿀 수 없다. 만드는 순간에만 값을 넣을 수 있다. 문법적으로 변경 할 수 없다.

객체

객체의 요소(객체 키 또는 객체의 속성(property))는 기본적으로 변수이다. 변수는 어떤 값이던 담을 수 있다. 객체 내에 객체도 넣을 수 있다.

let person = {

name: '홍길동',

age: 577,

bloodType: 'B',

live: false

};

person.age; //577 값을 읽는다

person.age = 100; // 값을 쓴다. 

키(속성) : 값

형(type)

값의 형태

기본타입 - 기본으로제공되는 타입, (number, string, boolean, null, object, undefined)

객체는 의미적으로 더 많은 형을 만들어 낼 수 있다. 위의 코드를 예로 들면 person형이 만들어 진것.

실행

실행이란 코드를 위에서 아래로 순서대로 읽어가는 것.

흐름은 순서가 있다는 것을 의미하며, 이는 곧 시간 개념이 존재한다는 것을 뜻한다.

실행의 단위는 세미콜론. 공백과 엔터는 무시된다. 세미콜론에서부터 세미콜론까지가 한줄 

자바스크립트 코드는 문법적 관점에서 식(값, expression)과 문(statement)으로 이루어져 있다.

문은 실행이 되어도 값이 없다. 문은 실행의 흐름을 바꾼다.

대표적인 문 - 조건문, 반복문, 함수..

•  함수,
  
• 제어문 - if문, 반복문
  

궁금한점

html의 데이터어트리뷰트는 식별자일까요?? - 식별자라고 하기는 어렵다. 이것도 data-***라고 사용하기로 지정해놓은 것. 약간의 예외는 있지만 식별자라고 하기는 어렵다.

---

---

초보 퍼블리셔의 공부정리 블로그입니다.

내용에 오류가 있거나 수정사항이 있다면 꼭 댓글 부탁드립니다