A Developing Developer

DOMContentLoaded : HTML 페이지의 모든 문서 객체(요소)를 웹 브라우저가 읽어들였을 때 발생시키는 이벤트 document.addEventListener('DOMContentLoaded', () => { const h1 = (text) => `${text}` document.body.innerHTML += h1('DOMContentLoaded 이벤트 발생') }) - 문서 객체 가져오기 document.body : 문서의 body 요소를 읽어드릴 수 있다. document.head : 문서의 head 요소를 읽어드릴 수 있다. document.title : 문서의 title 요소를 읽어드릴 수 있다. 이름 선택자 형태 설명 태그 선택자 태그 특정 태그를 가진 요소를 추출한다. 아이디 선택..

속성 존재 여부 확인 : 객체 내부에 어떤 속성이 있는지 확인하는 것, 객체에 없는 속성은 접근하면 undefined 가 나옴 // // 속성 존재 여부 확인하기 const object = { name: '주현진', age : 30, gender : 'man' } // 객체 내부에 속성 있는지 확인 if (object.name === undefined) { console.log('name 속성이 없습니다.') } else { console.log('name 속성이 있습니다.') } if (object.hobby !== undefined) { console.log('hobby 속성이 있습니다.') } else { console.log('hobby 속성이 없습니다.') } // 객체 내부에 속성 있는지 확인..

기본 자료형 : 실체가 있는 것 중에서 객체가 아닌 것. (Ex) 숫자, 문자열, 불 객체 자료형 : 객체를 기반으로 하는 자료형. new 키워드를 활용해서 생성 기본 자료형의 승급 : 기본 자료형이 일시적으로 객체 자료형으로 변화하는 것 protoype 객체 : 객체의 틀. 이곳에 속성과 메소드를 추가하면 해당 객체 전체에서 사용가능

요소 : 배열 내부에 있는 값 속성 : 객체 내부에 있는 값 메소드 : 속성 중에 함수 자료형인 것 this : 객체 내부의 메소드에서 객체 자신을 나타내는 키워드 동적 속성 추가, 동적 속성 제거 : 객체 생성 이후에 속성을 추가하거나 제거하는 것

콜백 함수 : 매개변수로 전달하는 함수 // 함수 선언 function callThreeTimes (callback) { for (let i = 0; i callback 이라는 매개변수는 함수이므로 호출 가능 } } function print (i) { console.log(`${i}번째 함수 호출`) } // 함수 호출 callThreeTimes(print) - 콜백 함수를 사용하는 forEach() 배열이 갖고 있는 함수(메소드)로써 단순하게 배열 내부의 요소를 사용해서 콜백 함수를 호출한다. function (value, index, array) {} // 배열의 forEach() 메소드 const numbers = [273, 52, 103, 3..

익명함수 : 이름이 없는 함수로 functin () { } 형태 function () {} 선언적 함수 : 이름이 있는 함수로 function 함수 이름() { } 형태 function f () {} 매개변수 : 함수의 괄호 안에 넣는 변수, 매개변수를 통해 함수는 외부의 정보를 입력받음 리턴값 : 함수의 최종적인 결과, 함수 내부에 return 키워드를 입력하고 뒤에 값을 넣어서 생성 function f (매개변수, 매개변수, 매개변수) { 문장 문장 return 리턴값 } - 윤년확인 프로그램 const ansYear = Number(prompt('운년여부를 확인하고 싶은 년도를 입력하세요.')) function isLeepYear(year) { return (year % 4 === 0) && (ye..

인스턴스 종료안하고 계속 켜뒀더니 비용발생 했나보다... 망할... ============================= amazon relational database service ============================= 다음부터는 잘 좀 알고 써야겠다... 비싼돈 주고 배웠다! 3만원... 치킨두마리세트 공중분해~

4-1. 배열 배열 : 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형 [요소, 요소, 요소, ..., 요소] const fruits = ['사과', '딸기', '배', '감'] // fruits[0] 은 fruits 배열의 0번째 인덱스 값을 불러온다. >>> '사과' // fruits 뒤의 [](대괄호) 안에 숫자가 인덱스 값이고, 인덱스 값은 0부터 시작한다. // fruits 배열의 0번째 인덱스의 값(요소) 가 '사과' 인 것이다. 요소 : 배열 내부에 있는 값 - 배열 뒷부분에 요소 추가하기 배열.push(요소) fruits.push('수박') fruits = ['사과', '딸기', '배', '감', '수박'] //마지막 인덱스 바로 뒤에 요소가 추가된다. - 배열 요소 제거하기(인덱스..