일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- JS preventDefault
- JS typeof연산자
- JS setTimeout
- JS redirection
- JS localStorage
- JS 기초
- JS 삼항연산
- JS 형변환
- JS value속성
- JS 데이터타입
- JS prompt
- JS setInterval
- JS classList
- JS appendChild
- git 협업셋팅
- JS 화살표함수
- JS 연산
- JS 숫자
- CSS기초
- JS clearInterval
- JS form
- JS 함수
- JS null undefined
- js 변수
- JS form action
- JS 스코프
- CSS속성정리
- HTML기초
- JS 타이머기능
- JS append
목록📚강의록📚/스파르타)Javascript (15)
공부기록용
객체 자바스크립트에서는 객체(Object)를 사용하여 여러 개의 값을 하나의 변수에 담고 관리할 수 있다. 기본적인 객체 생성 객체를 만들 때는 중괄호({ })를 사용하며, 속성과 값을 콜론(:)으로 구분하여 작성한다. 각 속성과 값은 쉼표(,)로 구분한다. let person = { //key: value (어떤 값이라도 올 수 있다) name: "홍길동", age: 30, gender: "남자" }; 생성자 함수를 사용한 객체 생성 생성자 함수 Person()을 사용하여 객체 person1과 person2를 생성한다. 생성자 함수를 사용하면 객체를 일괄적으로 생성할 수 있다. function Person(name, age, gender) { this.name = name; this.age = age;..
조건문(if, else if, else, switch) if문 if (조건) { // main logic } let x = 10; if (x > 0) { console.log("x는 양수입니다."); } // x는 양수입니다. if-else문 if-else문은 조건이 참인 경우와 거짓인 경우 각각 다른 코드를 실행한다. let x = 10; if (x > 0) { console.log("x는 양수입니다."); } else { console.log("x는 음수입니다."); } // x는 양수입니다. if-else if-else문 if-else if-else문은 여러 개의 조건을 순서대로 비교하여, 해당하는 조건에 맞는 코드를 실행한다. if (조건1) { // main logic #1 } else if (..
🔴변수 🔴데이터타입 🔻배열도 object로 표현 🔴형변환 🔴연산자 🔻산술 연산자 🔻증감 연산자 🔻할당 연산자 🔻비교 연산자 🔻논리 연산자 🔻삼항 연산자 🔴함수 🔴스코프 🔴화살표함수 JS 언어의 특징 객체 지향 프로그래밍 지원 절차지향 프로그래밍은 순서대로 실행되는 일련의 과정을 단계적으로 기술하여 프로그램을 만드는 것이고, 객체지향 프로그래밍은 데이터와 함수를 객체라는 그룹으로 묶어서 처리하는 방법입니다. 객체는 상태와 행동을 가지고 있으며, 상태는 객체의 속성(property)이라고도 합니다. JS에서 객체를 만들 때는? 자바스크립트에서 객체를 만들 때는 **중괄호({})**를 사용하여 객체를 만들고, 각 속성을 **쉼표(,)**로 구분하여 추가다. 속성은 이름과 값을 가지며, 이름은 문자열로 작성하고..