최고의 개발자 (목표)

바닐라 JS로 크롬앱 만들기 (#7, #8)

바닐라 JS로 크롬앱 만들기 (#3, #4, #5, #6) 완료

* 배운 것

1. classList.remove(): 클래스에서 삭제

   classList.add(): 클래스에 추가

2. localStorage.setItem(key, value) / localStorage.getItem()

3. `${변수명}`

4. String.padStart(원하는 길이, 채울 string)

  ex) "1".padStart(2, "0") -> 01

5. setInterval(function, time) : time 간격으로 function 실행

6. setTimeout(fucntion, time): time 만큼의 시간이 지난 후 function 실행

7. Math.random() : 0~1사이의 랜덤 숫자 생성

8. Math.floor() : 내림

9. document.body.appendChild(): html 의 body안에 새로운 element 추가

* 결과 사진

바닐라 JS로 크롬앱 만들기 (#3, #4, #5, #6)

* 알게 된 것

1. const와 let 중 const를 default로 사용하고 변경되어야 하는 변수만 let으로 선언

2. 변수에 빈 값을 넣으려면 null, 아무것도 넣지 않으면(값이 없는 것) undefinded

3. array에 push로 새로운 변수 추가(array.push())

4. object 는

const player = {
    name: "che",
    points: 10,
    fat: true,
    sayHello: function() {
    	console.log("helo!");
    },
};

이렇게 정의하고 사용할 때는 player.name or player["name"] 처럼 사용함

만약 player에 lastName을 추가하고 싶으면 player.lastName = "potato" 를 하면 됨.

5. prompt()

사용자에게 메시지를 보여주고 입력을 받는 알림창

6. parseInt()

string을 int로 변경

7. isNaN()

인자가 not a number인지 확인하는 함수

* 완료 강의 사진

* 최종 결과

#1, #2 완료

nomad coder 바닐라 JS로 크롬앱 만들기 (#1, #2, #3, #4)

1. 목표

nomad coder react 강의 듣기

2. 회차별 계획

- 1회차: 바닐라 JS로 크롬앱 만들기 (#1, #2, #3, #4)

- 2회차 : 바닐라 JS로 크롬앱 만들기 (#5, #6, #7, #8)

- 3회차 : nomad coder next js 시작하기

- 4회차 : 왕초보를 위한 react native 101

- 5회차 : 왕초보를 위한 react native 101

- 6회차 : 트위터 클론코딩

https://nomadcoders.co/roadmap