[바닐라 js로 크롬 앱만들기] 인강정리 (#1~#2 까지)

목차

1. 자바스크립트의 특징
2. 변수
3. null과 undefined
4. array
5. function
6. 실습예제와 정리

 

 

1. 자바스크립트의 특징
   - 우리는 자바스크립트를 설치하지 않았지만, 그것을 크롬에서 빈번하게 사용했었다! 
   - 브라우저에 자바스크립트가 내장되어있기때문이다.
   
   
2. 변수
   - const : 변하지않는 상수, 재할당 불가 (값을 추가하는것은 가능하나 업데이트가 불가하다.)
   - let : 값 변경가능, 재할당 가능함
   - var : 중복선언이 가능하고, 함수레벨 스코프를 가진다. (하단 블로그참고)
   - 결론 ㅣ 대부분 const를 쓰고 -> 종종 let을 쓰고 -> var는 되도록 쓰지말자.(ES6 이후론안씀)
   
   
3. null과 undefined
   - null : 자연적 발생 x, 비어있다는 자체를 표현하기위한 의도가있다.
   - umdefined : 값이 없다.
   
   
4. array
   - 변수안에 list를 가지는것, 
   - []를 사용하여 정보를 담는다 .
   - 인덱스는 0으로 시작하며, 값을 추가할때는 .push()사용

   //[]를 사용하여 정보를 담는다 .
   const days = [1, 2, false, true, null, undefined, "text"];
   
   
   //인덱스는 0으로 시작한다.
   const toBuy = ["potato", "tomato", "pizza"];
   
   toBuy[2] = "water" // ["potato", "tomato", "water"]
   
   
   //값을 추가할때는 .push()사용
   toBuy.push("beer") //["potato", "tomato", "water" , "beer"]

   
   

5. function
- 반복해서 사용할수 있는 코드조각

function sayHello(name, age) {
	consle.log("hello my name is" + name + " ansd I'm " + age)
 }
 
 sayHello("nice", 10); //hello my name is nice ansd I'm 10
 sayHello("철수", 23); //hello my name is 철수 ansd I'm 23
 sayHello("영희" , 40); //hello my name is 영희 ansd I'm 40

 

- 콘솔이아닌 유의미한 값을 도출하기위해 우리는 return을 쓴다. ( 

const calculator = {
	plus : function(a,b) {
    	return a+b;
    }
 };
 
 const plusResult = calculator.plus(2,3); // a=2, b=3
 console.log(plusResult); // 5

 

 

---

변수 선언 방식 블로그 참고

https://curryyou.tistory.com/192

[자바스크립트] 변수 선언 방식 차이: var / let / const

 

인강링크

https://nomadcoders.co/javascript-for-beginners

바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders