본문 바로가기
728x90
반응형
SMALL
[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.
[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.
[JavaScript] 사용자 정의 함수(function) - 함수 선언과 함수 호출 1. 사용자 정의 함수(function) 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음 코드를 재활용하기 위해 사용 1-1. 함수 표현 방법 1) 함수 선언문 function 함수명(매개변수1, 매개변수2...){ 함수가 호출되었을 때 실행할 문장; ... return 값; } 함수명(값1, 값2...) 2) 함수 표현식 📍 함수표현식으로 사용하는 것을 권장함! let 또는 const 변수명 = function(매개변수1, 매개변수2 ...){ 함수가 호출되었을 때 실행할 문장; ... return 값; } 변수명(값1, 값2...) 1-2. 디폴트 매개변수 매개변수의 값을 설정하는 것 매개변수의 값을 정하지 않으면 기본값을 변수.. 2023. 4. 11.
[JavaScript] 배열(Array)이란? & 자바스크립트 배열의 특징, 배열 객체 메소드, 배열 객체와 for문 1. 배열(Array)이란❓ 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조) 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함 1-1. 배열 선언 let 배열명; 1-2. 배열 초기화 배열명 = [요소1, 요소2, ....] // 예) let arr; arr=[200, 300, 500]; let arr = [200, 300, 500]; 1-3. 배열 객체로 생성 const 배열명 = new Array(요소1, 요소2, ...); 1-4. 배열의 접근 let arr; arr=[200, 300, 500]; console.log(arr[0]); // 100 console.log(arr[1]); // 200 console.log(arr[2]); // 300 .. 2023. 4. 11.
728x90
반응형
LIST

티스토리툴바