2020/11/23~2020/12/03까지 진행되는 NomadCoders의 Javascript 첼린지를 시작하기전에 미리 이론을 예습해보려고 한다.
#1.0
javaScript란 무엇인가
- 쓰이는 유일한 프로그래밍 언어이다
- 꾸준하고 빠르게 진화해오고 있는 프로그래밍 언어이다.
- 앱, 모바일 앱, 비디오 게임, 데스크톱 앱 등등 여러가지를 만들 수 있는 장점이 있다
#1.1
javaScript로 어떤 걸 만들 수 있을까?
이 외에도 네이티브 앱이라던가 날씨 위치 등등 여러가지를 만들 수 있다.
#1.2
ES6,ES5라는 것은 ECMAScript6,5라는 것으로
하나의 사양이다(업데이트 버전과 같은 의미)
자바스크립트는 중앙 집중화가 되어있기 때문에 한번 업데이트를 하게 되면 모든 브라우저에 적용이 된다.
하지만 한번에 너무 많은 업데이트를 하게되면 다운되거나 작동이 안되는 사이트들이 발생하기 때문에 한꺼번에 많은 양을 업데이트 하지는 않는다고 한다.
바닐라 자바스크립트란?
javaScript의 한 종류로 Library가 없는 것을 얘기한다
(조리가 되지 않은 javaScript)
그냥 가장 기본적인 javaScript라는 것
#1.4
javaScript를 HTML에 추가하는법
HTML파일에서 body의 가장 맨 아래에
<body>
.
.
.
<script src="index.js"></script>
</body>#1.5
What are we learning?
이 강의의 목적은 강의를 들음으로써 그냥 javaScript를 배우는 것이 아니라 모든 언어에서 일맥상통하는 컨셉을 배우는 것이다.
#1.6
Variable이란?
의미적으로는 변경되거나 변경될 수 있는 것
프로그래밍 언어는 일반적인 언어처럼 따라야하는 규칙과 문법이 있다
문장을 끝내는 문자는 ;이다.
a=221;
b=a-5;
다른 문법에서는 변수를 이렇게 설정하면 안된다.
이유는 2종류의 변수가 있기 때문(이 이유는 나중에 설명한다고 한다)
변수를 설정할 때
let a=221;
let b=a-5;let이란?
변수 선언방식 중 하나로 재선언을 불가능 하지만 재할당은 가능하다.
let은 단순히 변수를 선언할때나 초기화 할때만 사용한다.
let a = 221;
console.log(a);
//221
let a="long";
console.log(a);
//error
변수의 재선언은 불가능하다.
a=300;
console.log(a)
//300
변수의 재할당은 가능하다.#1.7
let과 const의 차이점
let은 값을 다른값으로 바꿀 수 있지만
const는 값을 바꾸지 못한다.(재할당과 재선언 둘 다 불가능하다)
3년전에는 var만 있었기 때문에 어쩔수 없이 썼지만
지금은 let과 const가 있기 때문에 var를 잘 쓰지 않는다
#1.8
데이터 타입
- String(문자열) =>"~~~"
- boolean(참과 거짓만을 나타내는 타입) =>true,false
- number(정수) => 1,2,3
- float(실수) => 0.12,4.25
#1.9
데이터 타입을 정렬하는법
데이터 타입을 정렬하기위해 사용되는 것은
Array( [] )와 Object( {} )가 있다
Array에는 규칙이 있다
[0,1,2,3,4,5,6]
이렇게 숫자를 셀때 처음으로 오는 숫자의 번호는 0번이다.
또 Array안에는 어떤것이든 들어올 수 있기 때문에 다른 변수도 들어올 수 있다
const something = "Something"
const daysOfWeek = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", something]
console.log(daysOfWeek)
"Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Something"변수이름 쓰는법
Camel Case라고 해서 소문자로 시작해서 변수명 중간에 스페이스를 넣고싶을때 다음문자를 대문자로 쓰는 것이다
const dayOfMonth = [123] ;
#1.10
Object(객체)
const doInfo = {
name: "doyo",
gender:"Male",
isHandsome: "true",
favMovies: [
{ name: "ejoej",
enjoy: true
},
{ name:" jyumanji",
enjoy: true
}
]
}Object안에는 Array나 Object를 넣을 수 있다
gender만 호출하고 싶을 때
console.log(doInfo.gender)이렇게 데이터의 이름만 사용하면 된다
favMovies에서 jyumanji를 호출하려면
console.lod(doInfo.favMovies[1].name)이렇게 상위의 변수를 쓰고 그 뒤에 .을 쓰면 그안에 속해있는 다른 변수를 선택 가능하다.
doInfo.gender = "Female"이렇게 데이터의 내용도 변경이 가능하다
