브라우저 (3) 썸네일형 리스트형 1.3 윈도우(Window) 사이즈 & 문서(document) 사이즈 목차 1. 모니터 사이즈(window.screen.width) 2. 브라우저 사이즈(window.outerWidth) 3. 뷰포트 사이즈(window.innerWidth) 4. 다큐먼트 사이즈(document.documentElement.scrollWidth) 1. 모니터 사이즈 1) 모니터 사이즈 = 컴퓨터 해상도로 모니터 사이즈는 컴퓨터가 바뀌지 않는 이상 항상 동일하다(단, 시스템 설정에서 해상도를 바꿀 경우 모니터 사이즈도 바뀐다.) 2) 내 컴퓨터의 해상도는 1440 * 900 이다(왼쪽 사진), 개발자 도구로 확인한 모니터 사이즈 또한 1440 * 900이다(오른쪽 사진) 3) 모니터 사이즈 구하는 메서드: window.screen.width, window.screen.height 2. 브라우.. 1.2 브라우저 내장 객체 목차 1. Window Object란? 2. Window 객체 구성요소 3. Window Object란? 1. Window Object란? 1) 브라우저에서 웹페이지를 열게되면 무엇이 있을까? 바로, Window라는 전체적인 Object 가 있다. 2) 아래 이미지의 빨간 영역이 Window, 파란 영역이 Document Object를 가리킨다. 2. Window Object에는 어떤 것들이 있을까? 1) DOM(Document Object Model) - document object 2) BOM(Browser Object Model) - navigator object - location object - fetch 함수 - Stroage 함수 3) JavaScript ⇒ Web API 들이 Window .. 1.1 WEB APIs 목차 1. API란? 2. Web APIs란? 3. Web API 찾는 방법 4. Web API 종류 5. Web API 사용하는 방법 6. API란? 1. API란? Application Programming Interface(처음 들어가는 문 같은 느낌, 메뉴 같은 느낌..) 소프트웨어 프로그램(애플리케이션) 내부에 존재하는 기능 및 규칙의 집합. 쉽게 말해 어떤 동작, 기능을 수행하는 것들의 모음 + 규칙들의 모음이다. 어떤 동작이란 구체적으로 무엇을 의미하냐면 예를 들면 우리가 네이버 포털에 로그인하고 로그아웃 할 수 있는 것은 네이버에서 로그인, 로그아웃과 같은 기능을 제공하기 때문이다. 즉 우리는 네이버에 로그인할 때 네이버의 로그인과 관련된 api를 사용하는 것이다. 또 다른 예시를 들자면,.. 이전 1 다음
