728x90 반응형 SMALL 전체 글 보기262 [JavaScript] 객체 - 6️⃣Location 객체 & Location객체 함수 1. Location객체 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용 2. Location 객체 메서드 protocol: 콜론을 포함하는 http, https, ftp 등 포로토콜 정보를 반환 hostname: 호스트의 이름과 포트번호를 반환 pathname: URL 경로부분의 정보를 반환 href: 페이지 URL 전체 정보를 반환 또는 URL을 지정하여 페이지를 이동 reload(): 새로고침 버튼처럼 현재를 다시 불러옴 location 이동 MDN: Location https://developer.mozilla.org/ko/docs/Web/API/Location Location - Web API | MDN Location 인터페이스는 객체가 연결된 장소.. 2023. 4. 12. [VSC] Visual Studio Code JavaScript 전체 블록 주석 오류 해결 방법 오류 내용 vsc에서 javascript 코드 블록에서 전체 주석 (ctrl + / ) 했을때 HTML의 전체 주석 처리되는 오류가 발생 😢 오류 해결 방법 확장(extensions)에서 'jinja'검색 후 설치되어있는지 확인, 제거하여 해결 😙 2023. 4. 12. [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. 이전 1 ··· 16 17 18 19 20 21 22 ··· 33 다음 728x90 반응형 LIST
