성취도 상중하 이해도 자가 점검 리스트 Chapter1. DOM 기초 DOM의 개념을 이해한다. DOM의 구조를 파악하고, HTML과 DOM이 어떻게 닮아있는지 이해한다. // 트리구조 HTML에서 JavaScript 파일을 불러올 때 주의점에 대해서 이해한다. // 스크립트 파일을 밑단에 배치해야 한다. 스크립트를 읽어오는 동안 html파싱을 중단시키기 때문이다. Chapter2. DOM 다루기 DOM을 JavaScript로 조작하여 HTML 요소를 추가할 수 있다. (CREATE) // document.createElement() DOM을 JavaScript로 조작하여 HTML 요소를 조회할 수 있다. (READ) // document.queryselector() DOM을 JavaScript로 조작하..

성취도 상중하 이해도 자가 점검 리스트 Chapter1. 원시 자료형과 참조 자료형 원시 자료형(primitive data type)과 참조 자료형(reference data type)의 구분이 왜 필요한지에 대해서 영상을 보고 이해할 수 있다. 원시 자료형과 참조 자료형의 차이를 이해하고, 각자 맞는 상황에서 사용할 수 있다. 원시 자료형이 할당될 때는 변수에 값(value) 자체가 담기고, 참조 자료형이 할당될 때는 보관함의 주소(reference)가 담긴다는 개념을 코드로 설명할 수 있다. // 때문에 원시자료형은 재할당을 해도 원본에 영향이없고, 참조자료형은 재할당시 원본에 영향이 간다. 참조 자료형은 기존에 고정된 크기의 보관함이 아니라, 동적으로 크기가 변하는 특별한 보관함을 사용한다는 것을 ..

AM 01:30 취침 AM 06:30 기상 후 가벼운 맨몸운동 AM 07:00 학습툴 세팅 AM 09:00 미니해커톤 실시간 세션 AM 10:00 아고라스테이츠 페이지네이션 구현시작 오후 PM 12:00 점심식사 PM 12:30 잠깐 휴식 PM 13:00 아고라스테이츠 페이지네이션..구...현...시.작.. PM 17:00 페이지네이션 구현 실~패~! PM 17:15 소그룹 회고 PM 18:00 정규 커리쿨럼 종료 및 블로깅 시작

AM 01:30 취침 AM 06:30 기상 후 가벼운 맨몸운동 AM 07:00 학습툴 세팅 AM 09:00 미니해커톤 실시간 세션 AM 10:00 나만의 아고라스테이츠 만들기 시작 오후 PM 12:00 점심식사 PM 12:30 잠깐 휴식 PM 13:00 나만의 아고라스테이츠 만들기 재개 PM 22:00 나만의 아고라스테이츠 Bare minimum 테스트 통과 PM 24:00 저장 후 종료

DOM과 CRUD CREATE document.createElement createElement 메서드는 요소를 만들어 준다. document.createElement('div') //요소를 만든다 자바스크립트로 DOM 을 조작하려면 변수에 담아야 한다. const tweetDiv = document.createElement('div') // tweetDiv 라는 변수에 요소를 할당한다. APPEND document.target.append(변수) append 메서드는 요소가 할당된 변수를 타겟에 넣어준다. document.body.append(tweetDiv) READ querySelector querySelector 에 '.target 을 첫 번째 인자로 넣으면, 클래스 이름이 target 인 HTM..

AM 01:30 취침 AM 07:20 기상 후 스트레칭 AM 07:30 가벼운 맨몸운동 AM 08:00 학습툴 세팅 AM 09:00 브라우저 DOM기초 오후 PM 12:00 점심식사 PM 12:30 잠깐 휴식 PM 13:00 DOM 다루기 PM 16:00 유효성 검사 PM 18:00 개인공부