자바스크립트 기초공부 _ chap 3

어제 쓰다가... 날라갔다....................

 

CHAPTER 1 - 가상의 세계에 반응하기 (반응형 웹)

1. 자바스크립트는 웹페이지를 보여주고, 응답하고 필요하다면 페이지를 수정하기도 한다.
2. 웹 브라우저에서 자바스크립트 코드를 실행하는 부분을 자바스크립트 인터프리터라고 부른다.
3. 스크립트가 접근할 수 있는 정보들
   - 브라우저 측량도구 : 브라우저의 크기, 웹페이지 등
   - 브라우저 방문기록 : 최근 방문한 페이지의 목록
   - 쿠키 : 하드 드라이브에 저장된 변수같은 것들
   - 타이머: 특정 시간이 지나고 실행하도록 할 수 있음
   
4. ABOUT 타이머
   타이머의 단위는 1000분의 1초인 밀리세컨드. 
   타이머를 활용하는 함수는 setTimeout(타이머코드, 타이머시간);으로 구성된다.  
   예시) setTimeout("alert ('Wake up!');", 60000); 
5. ABOUT 브라우저 측량도구
   윈도우의 크기 -> document 객체를 통해 알 수 있다. 
   클라이언트 윈도의 경우 웹페이지 안의 내용만을 기준으로 계산된다는 점에 주의!
   
6. 이미지의 높이, 너비 값에 접근하는 것은 document.getElementById("rockImg").style.height 와 같은 형식으로 접근한다.
   style에서 지정하는 값이기 때문에 접근시에도 이와같이 하는 것.
   창에 맞춰서 비율을 조정하고 싶다면 (document.body.clientHeight- 100) * 0.9와 같이 윈도우 높이에 맞춰 보여줄 수 있다.
   
7. 우리가 브라우저 크기를 바꿀 때에는 onresize 이벤트가 발생한다. 
   따라서 브라우저 크기가 바뀔때마다 어떠한 것을 실행하고 싶다면 onresize("함수명();")으로 사용하는 것이 좋다.
8. 자바스크립트는 브라우저가 닫히거나 새로고침할때 모든 변수를 없에는데, 이것을 계속 사용하고 싶다면 쿠키를 사용하면 된다→ 쿠키 또한 소멸일자를 가지고 있다. 하지만, 변수들보다는 오래 살 수 있는 것!
9. 쿠키를 저장하고, 활용하기 위해서는 추가적으로 함수를 구현하는 것이 필요하다.
10. 쿠키는 보안상의 위험성이 있으므로, 민감한 데이터들을 쿠키에 저장하는 것을 추천하지 않는다.
11. 10번과 같은 문제들이나 혹은 제한된 브라우저로 인해 쿠키를 사용하지 못하는 경우도 있으므로, 확인 여부를 체크하는 프로퍼티가 있다. navigator.cookieEnabled