Browser101

---

22.02.07~22.03.24

강의 : 프론트엔드 필수 브라우저 101

https://academy.dream-coding.com/courses/browser101

프론트엔드 개발자라면 필수로 알아야 하는 브라우저와 Web APIs 그리고 자바스크립트 마스트 | 디버깅, 퍼포먼스 분석, 10개의 실전 프로젝트

---

완성페이지

https://nunu-0.github.io/Browser101/

---

01-1. 윈도우 사이즈 표기

22.02.08

Screen Size, 윈도우 전체 크기, 바를 포함한 브라우저 크기, 브라우저 자체 크기, 페이지 크기

01-2. 클릭 좌표 & 스크롤

22.02.10

Window Coordnations & Scroll, 클릭한 위치의 좌표 출력, 원하는 곳으로 좌표 이동

02-1. 좌표 찾아 007

22.02.11

Coordinates, 마우스가 가는대로 좌표 출력

• Performance Update 22.02.14

  성능 올리기: top,left -> translate

02-2. 토끼를 찾아라

22.02.11

Scroll, 제목을 누르면 토끼를 가운데로 스크롤하여 이동

03-1. 쇼핑 리스트

22.03.19

DOM 다루기 (생성, 삭제)

04-1. 클릭 게임

22.03.24

클릭 이벤트, Dom 다루기, 타이머, 복습