바닐라 JS로 크롬 앱 만들기
1.Why JS?
2.Super Powers of JS
3.ES5, ES6 ES....WTF!?!?!
4.VanillaJS
5.Hello World with Javascript
6.Your first JS Variable(변수!)
7.let, const, var
8.Data Types on JS
9.Organizing Data with Arrays
10.Organizing Data with Objects
11.Your first JS Function
12.More Function Fun
/*function myDear(dear, chicken) { console.log(Hello ${dear}, you are ${chicken} years old); }*/ function myDear(dear, chicken) { return Hello ${dear
13.JS DOM Functions
console.log();에서 console은 'object' / log는 '함수' JS에서도 CSS처럼 HTML 코드에 변화를 줄 수 있음 DOM(Document Object Module)로 JS는 우리가 만든 HTML에 있는 모든 엘리먼트들을 가지고 옴. 그리고 그 엘리먼트들을 객체로 바꿀 것이고, 일반적으로 VS code에서 console.치면 나...
14.Modifying the DOM with JS
title로 할 수 있는 모든 것 id 속성을 가진 요소를 찾아 객체 반환하기 const title = document.getElementById("title"); 내용 수정 title.innerHTML = "Hi! From JS" 색상 변경 title.style.color = "red" 타이틀 변경 document.title = "I ow...
15.Events and event handlers
자바스크립트는 html과 css를 바꾸는 기능을 하지만 이벤트에 반응하기 위해 만들어졌다. 이벤트란??? 웹사이트에서 발생하는 것들을 말한다!!! click,resize,submit,input,change,load,before, closing,printing 같은
16.if, else, and, or
if, else는 기본적으로 프로그래밍에서 어떻게 모든게 잘 동작하는지 보여주는 것! 조건이란 이게 뭐든 참을 의미하면 뭐든 넣을 수 있다는 것을 의미. 피연산자란 다른 조건들을 합치게 하는 것 는 같음을 의미. &&는 and를 의미. 조건을 모두 충족할 때 ||는 or을 의미. 조건 중 하나를 충족할 때 ex) const age = promp...
17.DOM - If else - Function practice
JavaScript는 C언어나 Python 같은 다른 프로그래밍 언어의 범주에서 크게 벗어나지 않음. 이벤트의 종류는 검색을 통해 알아내면 그만. 이벤트의 종류가 궁금하다면 MDN방문하기. (formerly Mozilla Developer Network) ex) const title = document.querySelector("#title"); c...
18.DOM - If else - Function practice Two
*한 문장에서 2개의 식별자(h1, class="clicked")를 JS로 통제 할 수만 있다면, CSS에 스타일을 주고, JS로는 로직만 만져도 되는 상황을 만들 수 있다!!!* const title = document.querySelector("#title");
19.Making a JS Clock
setInterval(function, 1000) -> 함수들을 몇초 간격으로 실행할 것인지에 관한 함수 clockTitle.innerHTML = `${hours 미니if 를 사용하여 false/true 이용가능 아니면 한번에 hours,minutes,secon
20.Saving the User Name
21.Making a To Do List
22.Image Background
23.Getting the Weather