바닐라 Js로 크롬 앱 만들기 #1Theory

momentum을 만든다.

 

what is JavaScript?

웹에서 웹사이트를 만들고 싶을 때 쓰는 것이

Javascript다.

 

장-단점이 있다.

웹사이트를 만들 뿐만 아니라,

게임이나, 사이트의 동작적인 부분들도 다룰 수있다.

 

-version

ES5, ES6..

ECMAscript5 = ES5 안내책자

 

바닐라 자바스크립트란?

핵심이다. 실직적인 것. 훨씬 빠르다.

 

alert를 쓰면 창이 같이 뜬다. 경고메시지.

 

언어들은 얼마나 다를까?

컨셉은 모든 언어에 통한다

 

Variable 변경되나거 변경될 수 있는 것

문제점은 나쁜 점 또한 허용한다

좋은 문법이 아니더라도.

변수를 선언하고 ;(세미클론) 을 붙여줘야 한다.

1.Create 창조

2.Initalize 초기화

3.Use 사용

 

변수를 선언 할 때는 let을 앞에 붙여야 한다.

 

한 번 선언 된 변수는 let을 따로 안 붙여도 된다.

 

변수의 값이 바뀌면 안되는 경우는 let이 아닌

const(상수)를 써주면 된다. 안정적이라는 뜻

 

const a = 221;

let b = a - 5;

a = 4; //에러 발생한다. a는 상수인데 값을 변경하려고 했기 때문에

 

var = variable 인데, let 과 같은 거지만 현 시점에서는 let만 사용해야한다.

첫 사용은 const, 필요할 때 let을 사용하라

 

Data Types on Js

string = 텍스트

const what = "Nicoldas";

 

string은 '', ""을 써준다

 

Boolean은 True, False 다.

텍스트가 아니다. 0 or 1

 

Number 그냥 적으면 된다.

 

float 실수

const what = 55.1;

 

Organizing Data with Arrays - 배열

Array는 데이터를 저장하는 공간

 

const monday = "Mon";

const Tue = "Tue";

const Wed = "Wed";

const Thu = "Thu";

const Fri = "Fri";

 

console.log(monday, tue, wed, thu, fri);

//하지만 효율적이지 않다.

 

const day-of-week = ["mon", "Tue", "wed", "Thu", "Fri"];

//배열을 선언해준다

 

console.log(day-of-week);

 

Array 규칙이 있다.

index는 0부터 시작한다.

 

Organizing Data with Object - 객체

//실제 객체를 만다는거다

const nici-info = {

name: "Nico",

age:33,

gender: "Male"

};

 

문법 규칙은 string 앞 뒤로 ,(콤마)를 붙여야 한다.