본문 바로가기
반응형

JavaScript/정예반 수업3

[23.06.27.]2주차 2번째 수업 화요일 3강. 배열과 객체 목차 1. 배열,객체 자료형 설명 2.데이터에 따라 HTML을 변경하는 방법 3.다양한 배열 메소드 학습하기 4.Spread Operator 5.LocalStorage 사용법 1. Array,Object 자료형 설명 Array(배열) 여러개의 데이터를 한번에 저장하고 싶을때 사용 [] let 강아지들 = [재롱이,감자,뚱땡이] 강아지들[0] = "순식" (let 사용 X) Object(객체) let 우리집강아지정보 = {이름: "밤송이", 종 : "포메라니안", 나이:9} 관련된 데이터를 한 번에 관리하기 위함 우리집강아지정보.이름 우리집강아지정보.종 우리집강아지정보.나이 우리집강아지정보["이름"] 우리집강아지정보["종"] 우리집강아지정보["나이"] 배열.forEach(function.. 2023. 6. 27.
[23.06.26.]정예반수업 정예반 노션 순서참고 1. setInterval 로 10초 타이머 만들기 4. 탭메뉴로 마우스 오버와 7. 캐러셀 1.setInterval로 10초 타이머 만들기(광고창2폴더) 종료방법 : clearInterval () 4.탭메뉴로 마우스오버와 for연습(마우스오버폴더) 쿼리셀렉터는 하나만 가져와 쿼리셀렉터올사용할 것 7. 캐러셀 구현으로 이벤트와 애니메이션 학습 2023. 6. 26.
[정예반] 목차 1. 모달창 외부 클릭 닫기로 이벤트 버블링 학습하기 2. 배달팁 계산기로 함수의 return 학습 3. 스크롤 이벤트 학습 4. 탭 메뉴로 마우스오버와 for문 학습 5. setTimeout으로 광고창 자동 닫기 6. setInterval로 10초 타이머 만들기 7. 캐러셀 구현으로 이벤트와 애니메이션 학습 1. 모달창 외부 클릭 닫기로 이벤트 버블링 학습 event.target 사용자가 누른 태그, 내가 클릭한 그놈 event.currentTarget 이벤트 등록된 태그 선택, 이벤트 등록한 그놈 event.preventDefault 기본동작막음 event.stopPropagation 이벤트 버블링을 막아줌 참고. input 창 내부에 글씨 입력 const btn = document.queryS.. 2023. 6. 23.
반응형