728x90 반응형 SMALL Web/JavaScript43 [JavaScript] 객체 - 4️⃣ Window 객체 & Window 객체 함수, setTimeout(), setInterval(), clearTimeout(), clearInterval() 1. Window 객체 웹 브라우저의 창이나 탭을 표현하기 위한 객체들이며 웹 브라우저는 window 객체를 이용하여 브라우저 창을 표현할 수 있음 2. Window 객체 메서드 alert(): 경고 대화 상자를 표시 confirm(): 사용자가 응답해야 하는 대화 상자를 표시 prompt(): 사용자가 명령 대화상자에 입력하는 텍스트를 반환 setTimeout(): 일정 시간이 지난 후 매개변수로 제공된 함수를 실행(밀리초) clearTimeout(setTimeout()함수의 변수명): 일정 시간후에 일어날 setTimeout()함수를 취소함 const 함수명 = function(){ 실행문; ... } const st = setTimeout(함수명, 밀리초); setTimeout setInterval.. 2023. 4. 11. [JavaScript] 객체 - 3️⃣Date 객체 & Date 객체 함수 1. Date 객체 날짜, 시간 등을 쉽게 처리할 수 있는 내장 객체 날짜와 시간 등 구성요소를 가져오는 메서드는 모두 현지(호스트 시스템의 위치)의 시간대 사용 1-1. Date 객체 생성방법 new Date(): 현재 날짜 시간을 저장한 객체가 생성 new Date('날짜 문자열'): 해당 특정 날짜와 시간을 저장한 객체가 생성 new Date('밀리초'): 1970년 1월 1일 0시 0분 0초를 기준으로 해당 밀리초만큼 지난 날짜와 시간을 저장한 객체가 생성 new Date(년, 월, 일, 시, 분, 초, 밀리초): 해당 날짜와 시간을 저장한 객체가 생성 1-2. 연도(year) 2자리로 연도를 표기: 1900년 ~ 1999년 4자리로 연도를 표기: 2000년 ~ 1-3. 월(month) 0 ~ 1.. 2023. 4. 11. [JavaScript] 객체 - 2️⃣String 객체 & String객체 함수 1. String 객체 1-1. 원형 문자열(primitive strings) 문자열 리터럴(작은 따옴표 또는 큰 따옴표로 생성되는)과 생성자 없이(즉. new 키워드를 사용하지 않고) String을 호출하여 반환 JavaScript는 자동적으로 원형을 String 오브젝트로 변환 String 오브젝트 메서드를 사용하여 원형문자열을 생성 문맥 안의 메서드에서 프로퍼티 조회 또는 원형의 문자열 호출이 발생하면, JavaScript는 자동으로 문자열 원형을 감싸고 프로퍼티 조회를 수행 하거나 메서드를 호출 //1번 const str1 = 'JavaScript'; //2번 const str2 = new String('JavaScript') str1 == str2 // true 1번과 2번의 데이터는 같음 st.. 2023. 4. 11. [JavaScript] 객체 - 1️⃣Math 객체 & Math 객체 함수 1. Math 객체 수학에서 자주 사용하는 상수와 함수들을 미리 구현한 자바스크립트 표준 내장 객체 비교할 수 없는 값이 포함되어 있으면 NaN을 반환 2. Math객체 함수 min(): 가장 작은 수를 반환. 매개변수가 전달되지 않으면 Infinity를 반환 max(): 가장 큰 수를 반환. 매개변수가 전달되지 않으면 -Infinity를 반환 round(): 소수점 첫번째 자리에서 반올림하여 그 결과를 반환 floor(): 소수점을 버림 ceil(): 소수점을 올림 random(): 0보다 크거나 같고 1보다 작은 무작위 소수를 반환 Math 객체 MDN: Math https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects.. 2023. 4. 11. [JavaScript] 상속과 프로토타입(Prototype) 1. 상속 클래스 기반의 객체지향 언어와 다름 자바스크립트는 프로토타입 기반의 객체 지향 언어 2. 프로토타입(prototype) 모든 객체는 프로토타입이라는 객체를 가지고 있음 모든 객체는 프로토타입으로부터 프로퍼티와 프로퍼티 메소드를 상속받음 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며 상속되는 정보를 제공하는 객체를 프로토타입이라고 함 const dog = new Dog(); // Dog.prototype, Object.prototype 둘다 상속받음 프로토타입 프로토타입 2023. 4. 11. [JavaScript] 객체(Object)란? & 객체 생성 표기법 1. 객체(object)❓ 자바스크립트에서 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체 하나의 주제를 가지고 관련있는 프로퍼티를 가지고 있는 집합 📍프로퍼티(property)란? 이름과 값으로 구성된 정렬되지 않은 집합 프로퍼티는 함수도 저장할 수 있음 ➡️ 프로퍼티 메소드 2. 객체를 생성하는 방법 2-1. 리터럴(픽스된 값) 표기법 가장 일반적인 자바스크립트의 객체 생성 방식 클래스 기반 객체 지향 언어와 비교할 때 매우 간편하게 객체를 생성할 수 있음 중괄호({})를 사용하여 객체를 생성 {}중괄호 내에 1개 이상의 프로퍼티를 기술하면 해당 프로퍼티가 추가된 객체를 생성할 수 있음 {} 중괄호 내에 아무것도 기술하지 않으면 빈 객체가 생성 프로퍼티.. 2023. 4. 11. [JavaScript] 화살표 함수(arrow function expression) 1. 화살표 함수(arrow function expression)란 ❓ function 키워드를 사용하여 함수를 만드는 것보다 간단하게 표현 this나 super에 대한 바인딩이 없고, methods로 사용될 수 없음 Constructor(생성자)를 사용할 수 없음 화살표 함수는 항상 익명 2. 함수의 표현 2-1. 매개변수가 없을 경우 // => 사용 // 표현1 const 함수명 = () => { 함수가 호출되었을 때 실행될 문장; ... } // 표현2 const 함수명 = () => 함수가 호출되었을 때 실행될 문장; 화살표 함수 2-2. 매개변수가 있을 경우 // 표현1 const 함수명 = (매개변수1, 매개변수2..) => { 함수가 호출되었을 때 실행될 문장; ... } // 표현2 con.. 2023. 4. 11. [JavaScript] 호이스팅(Hoisting)이란? & 함수 선언문과 함수 표현식에서의 호이스팅 1. 호이스팅(hoisting)이란 ❓ 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화 let과 const 로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않음 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언되는 현상을 말하는 것 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있음! 2. 함수선언문과 함수표현식에서의 호이스팅 📌 함수선언문과 함수표현식의 차이⬇⬇⬇ 더보기 https://coding-yesung.tistory.com/115 호이스팅 MDN: Hoisting https://developer.mozilla.org/ko/docs/Glossary/Hoist.. 2023. 4. 11. 이전 1 2 3 4 5 6 다음 728x90 반응형 LIST
