크리공부해라

학습 목표 브라우저 디버거 활용하기 NPM 개념 webpack 개념 Linter세미 프로젝트 마크업 구성 각 영역별로 적합한 태그를 사용하여 시멘틱하게 구성하는 프로젝트를 진행한다. 헤더 영역 페이지의 소개 및 제목 검색 엔진 혹은 스크린 리더가 제목 및 소개 내용을 원활하게 탐색할 수 있도록 돕는다. 해더 영역 메인 영역 메인 영역 푸터 영역 주로 정보 저작권, 작성자나 사이트맵 정보 등을 푸터 영역에 배치한다. 푸터영역 이벤트 리스너 DOMConetentLoaded 브라우저가 HTML을 파싱하여 DOM 트리를 완성하는 즉시 발생하는 이벤트 이미지 파일이나 CSS 와 같은 리소스 파일은 로딩되지 않은 상태 모든 리소스가 로딩 된 후에 실행하고 싶다면 load 이벤트 활용document.addEventL..

학습할 내용 DOM BOM 바인딩 웹 스토리지, 로컬 스토리지 life cycle 브라우저 렌더링 7장.BOM 과 DOM DOM(Document Object Model, DOM) 문서 객체 모델 HTML 문서용 API로 화면에 나타나는 요소, 요소의 속성을 조작할 수 있다. DOM을 통해 자바스크립트는 웹 페이지에 대한 정보를 얻을 수 있다. W3C, WHATWG 에서 표준을 볼 수 있다.DOM 트리 문서를 노드의 계층적(hierarchical)인 트리 구조로 나타낸다. 최상위 노드를 root라고 하며, HTML에서는이 root 노드이다. 노드(Node) 노드 인터페이스, DOM 요소에 대한 객체 형태의 기본 데이터 타입 EventTarget : 노드 인터페이스의 계층구조 최상위, 이벤트 발생시 타겟 E..

1회독의 목표 - 내용을 정리하며 궁금한 부분 위주로 심화 학습 진행 - 사건의 발생에 대해 고민하고 의견 작성 1회차 독서 목표 프론트엔드 개발이 무엇인가? 웹 접근성에 맞는 웹 화면 개발이란? 자바스크립트 변수 선언 구분(var, let, const) 자바스크립트 객체의 특징(number 타입의 0 값이 false 로 판단이 되는 것 등) 자바스크립트의 프로토 타입의 활용 자바스크립트 스코프의 활용 클로저(closer)란? 기타 : 브라우저 개발자 도구를 통한 디버깅 1장, 프론트엔드 개발하기 프론트엔드/백엔드로 웹 개발에 대해 나누어 개발하기 시작한 이유는 일반 사용자들이 사용하는 기기의 성능이 좋아져서 라고 생각한다. 처음 웹화면의 시작은 단순하였다. 마이크로소프트사의 IE 브라우저의 사용량이 압..