2021/10/06 3

[엘리스 AI트랙] 02-03-03 자바스크립트 2 (사실 제이쿼리 소개)

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 제이쿼리 선택자 $("h1") $("#title") $(".article") $("~~~") 2. 제이쿼리 이벤트 $("h1").mouseenter // 요소의 경계 밖에서 안으로 마우스가 들어올 때 $("h1").mouseleave // 요소의 경계 안에서 밖으로 마우스가 나갈 때 $("h1").click // 마우스를 클릭할 때 $("h1").hide() // display 속성을 none으로 (감춤) $("h1").show() // display 속성을 block으로 (보이게) $("h1").toggle() //현재 상태의 반대로 $("h1").fadeOut() // 선택한 요소가 서서히 사라지게 $("h1").fadeIn()..

[엘리스 AI트랙] 02-03-01 ~ 02-03-02 자바스크립트 2

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. DOM(Document Object Mode, 문서 객체 모델) 객체 지향 모델로써 구조화된 문서를 표현하는 방식 트리 구조 XML이나 HTML 문서의 프로그래밍 인터페이스 문서의 구조화된 표현을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 함 종류: Core Dom(for 모든 문서 타입), HTML Dom, XML Dom (1) Document 객체 웹 페이지를 의미 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야함 (2) HTML 요소의 선택 - 새로운 HTML 요소 선택을 위해 제공되는 메서드 메서드 설명 document.getElementBy..

[엘리스 AI트랙] 02-02-03 자바스크립트 1

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 자바스크립트의 데이터 타입 String 문자열 Number 숫자 Function 함수 Array 배열 Object 객체 Boolean 불린 undefined 정의되지 않음 null 널 1) 배열: 비슷한 성격을 갖고 있는 데이터를 하나의 변수 안에서 관리 2) 객체: 프로퍼티, 메서드, 데이터로 구성되어 있으며 여러 종류의 데이터 타입 삽입 가능 3) undefined은 값이 정의되지 않은 것, null은 임의로 빈 데이터를 삽입한 것 2. 자바스크립트의 프로퍼티와 메서드 사실 두 개의 개념이 좀 헷갈렸는데 쉽게 정리한 글을 발견👍 https://www.codeit.kr/community/threads/22083 코딩이 처음이라면,..