분류 전체보기(226)
-
Day4_VSCODE_JavaScript_ Location 객체+history 객체
🟢Location 객체 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용 https://koreaisacademy.com/renewal2021/community/interview_view.asp ------- ------------------- ------------------------------------------ Protocol hostname pathname protocol: 콜론을 포함하는 http, https, ftp 등의 프로토콜 정보를 반환 사용예시 console.log(location.protocol) == 결과 :https: hostname: 호스트의 이름과 포트번호를 반환 사용예시 console.log(location.hostname) ==..
2023.04.08 -
Day3_VSCODE_JavaScript_ Web API 객체 + Form(폼)객체
🟢Web API 객체 BOM(Browser Object Model): 비표준 🟡setTimeout() 일정 시간이 지난 후 매개변수로 제공된 함수를 실행 [예시] const 함수명 = function(){ 실행문; ... } const st = setTimeout(함수명, 밀리초); 🟡clearTimeout() 일정 시간후에 일어날 setTimeout()을 취소 🟡setInterval() 일정시간마다 매개변수로 제공된 함수를 실행 🟡clerInterval() 일정시간마다 일어나는 setInterval()을 취소함 🟢form 객체 일반적인 폼 요소에 접근할 때 사용 document.forms 컬렉션을 이용해서도 접근할 수 있음 예시 셋팅 아이디: 비밀번호: 🟡폼 접근하기 const frm = docume..
2023.04.08 -
Day3_VSCODE_JavaScript_ String 객체 + Date 객체
🟢String 객체 문자열 설정 방법 const str1 = 'JavaScript'; const str2 = new String('JavaScript'); str1 == str2 true str1 === str2 fasle //리터럴이냐 클래스 생성 방식, 메모리가 다르기때문에 str1이란 변수와 str2는 === 시 fasle ! 🟡메소드(method) 및 프로퍼티(property) - length: 문자열의 길이를 반환하는 프로퍼티 - indexOf(): 특정 문자나 문자열이 처음으로 등장하는 위치를 인덱스로 반환 - charAt(): 특정 문자열에서 전달 받은 인덱스에 위치한 문자를 반환 - includes(): 특정 문자열에서 전달 받은 문자열이 포함되어 있는지 여부를 반환 - substring(..
2023.04.08 -
Day3_VSCODE_JavaScript_ Math객체
🟢Math객체 -방정식,함수,행렬,미분,적분,선형대수 등 기능을 가지고 있다. -수학에서 자주 사용하는 상수와 함수들을 미리 구현한 자바스크립트 표준 내장 -비교할수 없는 값이 포함되어 있으면 NaN을 반환 함수 종류 min() - 가장작은수를 return / 매개변수가 전달되지 않으면 Infinity라는 값이 return max() 가장 큰수를 return / 매개변수가 전달되지 않으면 -Infinity라는 값이 return round() - 소수점 첫번째 자리에서 반올림하여 그 결과를 return floor() - 소숫점을 버림 ceil() - 소수점을 올림 random() -0보다 크거나 같고 1보다 작은 무작위 소수를 가르킴 //문제 1~10 자연수로 나오게 하기 const r2 = (Math.f..
2023.04.07 -
Day3_VSCODE_JavaScript_ 프로토타입 + 상속
🟢프로토타입(prototype) - 모든 객체는 프로토타입이라는 객체를 가지고 있음 - 모든 객체는 프로토타입으로부터 프로퍼티와 프로퍼티 메소드를 상속받음 - 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받게 되며 상속되는 정보를 제공하는 객체를 프로토타입이라고 함 const dog = new Dog(); 의미: Dog.prototype, object prototype 2개를 상속 받음 예제 해석: Dog 라는 클래스를 만듬 루시에서 함수(getFamily) + 프로퍼티(family)를 추가 => 루시에선 동작 가능 PPomi는 Dog라는 클래스만 동일하지 함수(getFamily) + 프로퍼티(family)를 추가하지 않아 사용X
2023.04.07 -
Day3_VSCODE_JavaScript_ 객체
🟢 객체(object) 1개의 주제를 가지고 관련있는 Properity를 가지고 있는 집합 🟡 Property - 이름과 값으로 구성된 정렬되지 않은 집합 - 프로퍼티에 함수 저장도 가능 (프로퍼티 메소드라고 부름) 🟡객체 생성하는 방법 1.리터럴 표기법 [문법] const 객체명 = { 프로퍼티1: 값1, 프로퍼티2: 값2, ... 프로퍼티명n:function(){ 프로퍼티가 호출되면 실행될 문장; ... } } 2. 생성자를 이용 [문법] function 생성자명(매개변수1,매개변수2...){ this.프로퍼티명1 = 값1; this.프로퍼티명2 = 값2; this.프로퍼티명n = function(){ 프로퍼티가 호출되면 실행할 문장; ... } } [호출] const 객체명1 = new 생성자명(..
2023.04.07