Peridott의 개발 블로그

1. 배열의 요소 개수 구하기const everything = ['사과', 1 , undefined, true, '배열', null];everything.length; // 6빈 값도 유효한 값이므로 요소 개수를 셀 때 포함된다. const arr = ['a', 'b', 'c', 'd', 'e'];arr[arr.length -1]; // 'e' const arr = ['a', 'b', 'c', 'd', 'e'];arr.at(4); // 'e'arr.at(-1); // 'e'at의 소괄호 안에 넣은 숫자가 0 또는 양의 정수이면 배열의 앞에서부터 해당 인덱스 요소를 찾고, 숫자가 음의 정수면 배열의 마지막에서부터 요소를 찾는다. 2. 배열에 요소 추가하기const target = ['a', 'b', 'c'..

이벤트(event) 1. 이벤트 모델 종류 1.1 DOM 이벤트 모델 - DOM 0 이벤트 모델 : 인라인 이벤트 처리 방식 - DOM 1 이벤트 모델 : addEventListener와 removeEventListener메서드를 이용한 이벤트 처리 - DOM 2 이벤트 모델 : 이벤트 버블링 및 캡쳐링과 같은 개념 도입 특정 특정 요소객체를 가지고 와서 해당 요소의 이벤트 속성에 접근한 후 이벤트 핸들러를 연결하는 방식 이벤트를 제거할 수도 있음 * DOM 0 이벤트 모델 요소 내부에 직접적으로 이벤트 속성을 기술 하지 않는 방식 이벤트 실행 이벤트 삭제 ..

객체 메소드 * 객체 메소드 속성 객체의 속성 중 함수 자료형인 속성을 메소드라고 부름 실행확인 * in과 with 키워드 in : 객체 내에 해당 속성이 있는지 확인해 주는 키워드(존재하면 true, 아니면 false) with : 객체의 속성에 접근시 객체명을 제시하는 걸 생략할 수 있음(코드를 줄여주는 키워드) 이름 : 국어점수 : 수학점수 : 영어점수 : 실행확인

객체 * 객체의 선언과 사용 객체는 중괄호 { }를 이용하여 생성하고, 중괄호 안에 이 객체에 필요한 속성들을 정의함 속성명:속성값의 형태로 정의(key:value) 속성값으로는 모든 자료형을 담을 수 있음 변수 = { 속성명:속성값, 속성명:속성값, 속성명:속성값, ... } 실행확인 * 객체 생성시 특이케이스(속성명 제시시 반드시 문자열 형태로 해야되는 경우) 실행확인 * 객체에서의 반복문 객체가 가지고 있는 모든 속성들에 순차적으로 접근하..

함수 함수 선언하는 방법 선언적 함수(Function Declaration) : function키워드, 함수명 익명 함수(Function Expression) : 변수에 익명함수를 대입하는 방식 화살표 함수(Arrow Function) : 익명함수를 간단히 작성하는 방법(ES6(ES2015)에 추가) 즉시 실행 함수 iife(Immediately Invoked Function Expression) 선언과 호출 변수를 캡슐화처리해서 유용하게 쓸 수 있음 1) 선언적 함수 function 함..

문자열과 숫자 문자열 관련 메소드 문자열 처리 메소드 * 문자열 관련 html메소드 문자열 Html 메소드 * 숫자(수학) 관련 메소드 수학관련 메소드 * 문자열과 숫자간의 산술연산/형변환 산술연산 정수 1 : 정수 2 : 결과 없음 덧셈  * 실습문제 사용자로부터 prompt로 입력받은 문자열 중 알파벳(소문자만)의 갯수 세기 실습문제

변수와 자료형 변수 선언시 var뿐만아니라 let, const를 이용하여 선언 가능 var, let, const의 차이점 1) 변수의 선언 방법 클릭 2) 스코프(사용가능 범위) 클릭 * 변수 선언 위치에 따른 전역변수/지역변수 * 자료형 Dynamic Type : 변수 선언시 자료형을 별도로 지정하지 않음(자료형의 개념이 없는건 아님) => 변수별로 타입이 지정되지 않고, 대입되는 값에 의해 타입이 결정 됨 자바스크립트의 자료형 string(문자열) number(숫자) boolean(논리값) object(객체) func..

HTML요소에 접근하기(해당 요소 객체 가져오기) 1) 아이디를 이용하여 요소 가져오기 아이디로 접근 range 0 클릭마다 색 변경 2) 태그명을 이용하여 요소 가져오기 목록1 목록2 목록3 목록4 목록5 태그명으로 접근 3) name속성을 이용하여 요소 가져오기 취미 게임 영화감상 ..