Front-End, CS 스터디/[생활코딩] 입문자 자바스크립트 기초강의3 [생활코딩] #로또번호 추첨하기 #입문자를 위한 자바스크립트 기초 강의 ✅ Element.classList 1️⃣ Element.classList 웹 요소(Element)로부터 클래스 콜렉션을 반환하는 읽기 전용 속성이다. 안녕하세요 const p = document.querySelector("p") console.log(p.classList) 2️⃣ 메소드 반환되는 클래스 콜렉션은 유용한 메소드를 다수 포함하고 있다. 3️⃣ 정리 - clssList는 요소로부터 클래스 콜렉션을 반환하는 읽기 전용 속성이다. - 반환된 클래스 콜렉션은 유용한 메소드를 다수 포함하고 있다. - 일반적으로 toggle은 있으면 제거하고, 없으면 생성한다는 의미이다. ✅ 배열 개념과 사용법 1️⃣ 배열이란 배열은 여러 개의 데이터를 보관하는 "주머니" 역할을 하는 객체이다. 이전까지 변수(또는 .. 2022. 8. 10. [생활코딩] #디지털 시계 만들기 #입문자를 위한 자바스크립트 기초 강의 ✅ 객체를 만드는 생성자 1️⃣ 객체 개념 복습하기 어떤 사물이나 개념을 소프트웨어적으로 표현하기 위해 사용하는 문법적 수단, 자바스크립트 코드 내에서 객체란 "값 또는 기능을 가지고 있는 데이터" 이다. 2️⃣ 생성자 객체를 생성할 때 사용하는 함수로서, "생성자 함수"라고도 한다. 사용할 기능을 정의한 일반 함수와 생성자 함수 사이에 특별한 문법적 차이는 존재하지 않는다. 즉, 함수는 생성자 역할을 할 수 있다. 단, 생성자 함수는 객체 생성을 목적으로 만드는 것이다. 👌 생성자의 쓸모는? 자바스크립트가 제공하지 않는 유형의 데이터를 창조할 수 있다! 3️⃣ 키워드 this 사용하기 생성자 함수 정의 시 this 키워드는 객체 그 자신을 의미한다. this를 이용해 해당 객체의 속성이나 메소드를 추가.. 2022. 8. 8. [생활코딩] 입문자를 위한 자바스크립트 기초 강의 #자바스크립트 소개 # 자바스크립트 기초 초반 기초 내용은 사실 아는 내용들이지만, 천천히 정리해가면서 개념을 다져가고자 정리를 시작하려고 한다! 꾸준히 매일매일 공부하기👌 ✅ 자바스크립트란 - 자바스크립트는 프로그래밍 언어이다. - 자바스크립트는 주로 웹(웹사이트) 개발을 위해 사용한다. - 브라우저가 가진 기능을 실행 시키거나, 웹 페이지의 내용을 조작할 수 있다. ✅ 객체란 무엇일까 - 객체는 자바스크립트의 핵심 개념으로, 값 또는 기능을 가지고 있는 데이터이다. - 사용자는 자바스크립트 코드를 이용해 웹브라우저 객체에 접근할 수 있다. - 객체 뒤에 점을 찍으면, 객체가 가진 데이터가 기능을 사용할 수 있다. - 객체가 가진 기능을 '메소드'라고 한다. - 자바스크립트 문법에도 주석이 있다. 두 가지 방법으로 주석을 만들 수 있다 (//.. 2022. 7. 28. 이전 1 다음
