클론코딩
1.To Do List. Part #2-1
바닐라 JS로 크롬 앱 만들기 브라우저는 HTML 파일만을 읽을 수 있고,CSS와 JS 파일은 HTML 파일 내에서 실행될 수 있다Link to an external style sheet:It defines the relationship between the curre
2.To Do List. Part #2-2
#2.11~12 함수의 반환값(return) TIL #2.12 함수의 body에서 console.log가 아닌 return을 해야 하는 이유 > console.log는 콘솔에 결과를 보여주기 위한 것이다. 따라서 JavaScript 코드 내에서는 함수의 결과값을 인
3.To Do List. Part #3-1 JAVASCRIPT ON THE BROWSER
#3.0 The Document Object JavaScript is already connected to the HTML document은 기작성된 HTML 문서(web site)를 가리키는 object(w. lots of properties)이다. JavaScri
4.To Do List. Part #3-2 JAVASCRIPT ON THE BROWSER
In the previous lectures...step 1. find the elementstep 2. listen for an eventstep 3. react to that eventWhat we are going to do is...1\. CSS에 정의된 cla
5.To Do List. Part #4-1 LOGIN
#4.0 Input Values 작성 내역 index.html > querySeletor()를 사용할 때는 대상이 id인지 명확히 해주어야 한다. id/class name/tag name 모두 검색가능하기 때문이다. 반면, getElementById()는 검색대상이
6.To Do List. Part #4-2 LOGIN
user가 name을 제출하면 form을 없애고 싶다.1\. HTML element(form) 자체를 없앤다2\. CSS를 이용해 숨긴다CSS를 이용해 숨긴다기존: form 과 h1이 있는데, h1만 숨겨져 있다.결과: form을 숨기고 h1을 표시하고 싶다. (단,
7.To Do List. Part #5 CLOCK
#5.0 Intervals > Interval - '매번' 일어나야 하는 무언가 setInterval() #5.1 Timeouts and Dates
8.To Do List. Part #6 QUOTES AND BACKGROUND
Step 1. array인 quotes 내부에, 10개의 object{quote:sth1, author:sth2}를 담아 세팅Step 2.Math.random();0과 1 사이의 랜덤한 숫자(float)를 반환한다그러나 우리는 0-9의 정수(integer)가 필요하다.
9.To Do List. Part #7-1 TO DO LIST
#7.0 Setup #7.1 Adding ToDos 이제 To Do List를 화면에 print 해보자!
10.To Do List. Part #7-2 TO DO LIST
새로고침해도 브라우저가 기억하고 화면에 paint 한다! 원인todo.js 문서(application) 시작부분에서 toDos 배열이 항상 비어있기 때문이다!input값을 넣음으로써 newToDo에 값을 할당하고 toDoForm을 submit할 때마다, newToDo를