본문 바로가기

바닐라js40

[바닐라JS로 크롬 앱 만들기] Organizing Data with Objects [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/PRA_bhUxuh4 -Object와 Array의 다른 점은 Object에는 각 value에 이름을 줄 수 있다는 것이다 -Object는 실제 객체를 만드는 것 -콤마(,)를 빼먹지 말 것!! const nicoInfo = { name:"Nico", age:33, gender:"Male", isHandsome:true } console.log(nicoInfo.gender); const nicoInfo = { name:"Nico", age:33, gender:"Male", isHandsome:true, favMovies: ["Along the gods", "LOTR", "Oldboy"], favFood: [ { name:"K.. 2021. 2. 26.

[바닐라JS로 크롬 앱 만들기] Organizing Data with Arrays [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/VvNF3rFWIkQ -Array는 데이터를 저장하는 곳인데, 리스트같이 저장하는 것이다 -camel case -컴퓨터는 숫자를 0부터 센다 const daysOfWeek = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]; console.log(daysOfWeek); 2021. 2. 26.

[바닐라JS로 크롬 앱 만들기] Data Types on JS [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/FlWWCNzJBfo -변수를 선언할 때는 기본으로 const를 쓰자. 필요할때만 let을 사용하자 -" " 안에 들어가면 문자로 인식된다 (ex. "6666" ← 여기서 6666은 숫자가 아니라 문자) -굳이 암기하려고 하지 않아도 된다. 다른 것과 헷갈리지만 않으면 된다 // String const what = "Nicolas"; console.log(what); const wat = true; console.log(wat); const wat = 666; console.log(wat); const wat = 55.1; console.log(wat); 2021. 2. 25.

[바닐라JS로 크롬 앱 만들기] let, const, var [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/cbXHOQzrDm8 -상수(const)를 사용하면 값이 바뀌지 않는다 -상수의 값을 바꾸려고하면 에러가 발생함 -다른 사람이 내가 만든 변수를 바꾸는걸 원하지 않을때 상수(const)를 사용한다 -let은 변수가 바뀌는걸 허용한다 -const=불변 let=가변. 이것이 const와 let의 유일한 차이점! -예전에는 Javascript에 var만 쓸 수 있었다 2021. 2. 25.

[바닐라JS로 크롬 앱 만들기] Your first JS Variable(변수!) [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/YTlHSaLdWgs -먼저 변수를 생성하고, 초기화하고 사용하면 된다 -Create - Initialize - Use -변수를 초기화하기 전에 'let'을 넣어야 함 (ex. let a = 221;) -이미 생성된 것을 사용할 때는 단지 참조만 하면 된다 -변수는 가변적이기 때문에 변할 수 있다 let a = 221; let b = a - 5; a = 4; console.log(b, a); 2021. 2. 25.

[바닐라JS로 크롬 앱 만들기] Hello World with Javascript [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/u0BypNb0lEI index.html This works! index.css body { background-color: peru; } h1 { color: white; } index.js console.log('Im Working. Im JS. Im Beautiful. Im worth it'); 2021. 2. 25.

이전 1 ··· 3 4 5 6 7 다음

티스토리툴바