문돌이 Theo

Arrays (배열) 배열의 정의와 특징 파이썬의 리스트와 비슷한 참조 타입의 객체 순서를 보장하는 특징이 있음 주로 대괄호를 이용하여 생성하고, 0을 포함한 양의 정수 인덱스로 특정 값에접근 가능 배열의 길이는 array.length의 형태로 접근 가능 배열의 마지막 원소는 array.length -1로 접근 배열 관련 주요 메서드 (기본) 메서드설명비고 reverse원본 배열의 요소들의 순서를 반대로 정렬 push & pop배열의 가장 뒤에 요소를 추가 또는 제거 unshift & shift배열의 가장 앞에 요소를 추가 또는 제거 includes배열의 특정 값이 존재하는지 판별 후 참/거짓 반환 indexOf배열의 특정 값이 존재하는지 판별 후 인덱스 반환요소가 없을 경우 -1 반환join배열의 모든..

Functions (함수) 함수 in JavaScript 참조 타입 중 하나로써 function 타입에 속함 자바스크립트에서 함수를 정의하는 방법은 주로 2가지로 구분 함수 선언식 (function declaration) 함수 표현식 (function expression) 자바스크립트의 함수는 일급 객체에 해당 일급 객체 : 다음 조건들을 만족하는 객체를 의미함 변수에 할당 가능 함수의 매개변수로 전달 가능 함수의 반환 값으로 사용 가능 함수 선언식 (function statement, declaration) 함수의 이름과 함께 정의하는 방식 3가지 부분으로 구성 함수의 이름 (name) 매개변수 (args) 몸통 (중괄호 내부) 함수 표현식 (function expression) 함수를 표현식내에서 정..

Conditions (조건문) 조건문의 종류와 특징 if statement 조건 표현식의 결과값을 Boolean 타입으로 변환 후 참/거짓을 판단 switch statement 조건 표현식의 결과값이 어느 값(case)에 해당하는지 판별 주로 특정 변수의 값에 따라 조건을 분기할 때 활용 조건이 많아질 경우 if문보다 가독성이 나을 수 있음 if statement 조건문 if, else if, else 조건은 소괄호 ()안에 작성 실행할 코드는 중괄호 {} 안에 작성 블록 스코프 생성 switch statement 조건문 switch 표현식의 결과값을 이용한 조건문 표현식의 결과값과 case문의 오른쪽 값을 비교 break 및 default 문은 [선택적]으로 사용 가능 break문이 없는 경우 brea..

Types (데이터 타입) 데이터 타입 종류 자바스크립트의 모든 값은 특정한 데이터 타입을 가짐 크게 원시 타입(Primitive type)과 참조 타입(Reference type)으로 분류됨 원시 타입 (Primitive type) 객체 (object)가 아닌 기본 타입들을 말함 변수에 해당 타입의 값이 담김 다른 변수에 복사할 때 실제 값이 복사됨 숫자 (Number) 타입 정수, 실수 구분 없는 하나의 숫자 타입 부동소수점 형식을 따름 NaN (Not-A-Number) 계산 불가능한 경우 반환되는 값 문자열 (String) 타입 텍스트 데이터를 나타내는 타입 16비트 유니코드 문자의 집합 작은따옴표또는 큰따옴표 모두 가능 템플릿 리터럴 (Template Literal) ES6부터 지원 따옴표 대신 ..

Event 네트워크 활동 혹은 사용자와의 상호작용 같은 사건의 발생을 알리기 위한 객체 이벤트는 마우스를 클릭하거나 키보드를 누르는 등 사용자 행동에 의해 발생할 수도 있고, 특정 메서드를 호출(HTMLElement.click())하여 프로그래밍적으로도 만들어낼 수 있음 이벤트 처리기 (Event-handlers) EventTarget.addEventListener() 해당 메서드를 통해 다양한 요소에서 이벤트를 붙일 수 있음 removeEventListener()를 통해 이벤트를 제거 가능 Event 기반 인터페이스 UIEvent ref : https://developer.mozilla.org/en-US/docs/Web/API/UIEvent AnimationEvent, ClipboardEvent, Dr..