Javascript 기초

Javascript

웹 브라우저에 동작하는 상호작용을 구현하기 위한 프로그래밍 언어

•

클라이언트에서의 상호작용

•

비동기 처리

•

프론트엔드 프레임워크 기반 언어 (React, Vue, Angular …)

•

서버 (Node.js 환경에서의 서버 개발)

기본 문법 사항

•

변수

•

연산자

•

제어문

◦

조건문

◦

반복문

•

배열

•

함수

•

객체

•

DOM

•

BOM

•

Ajax

변수

연산자

제어문

•

조건문

•

반복문

배열

여러 개의 값을 저장하는 변수

JavaScript 에서는 배열 요소에 여러 자료형을 혼합하여 저장 가능

용어	설명
배열의 요소	배열을 구성하는 각각의 값
배열의 길이	배열에 포함된 요소의 개수
Index(순서번호)	0부터 시작하는 요소의 위치를 가리키는 번호

•

배열 선언

•

배열 접근

•

반복문을 이용한 배열 접근

•

배열 메소드

배열 선언

배열 접근

반복문을 이용한 배열 접근

배열 메소드

•

추가 및 제거

•

결합 및 추출

•

인덱스 및 요소 반환

•

반복 및 정렬

•

기타

추가 및 제거

push( )	배열 끝에 요소를 추가합니다.
pop( )	배열 끝에서 요소를 제거하고 반환합니다.
unshift( )	배열 앞에 요소를 추가합니다.
shift( )	배열 앞에서 요소를 제거하고 반환합니다.
splice( )	배열에서 요소를 추가, 제거 또는 교체합니다.

결합 및 추출

concat( )	배열을 합쳐서 새로운 배열을 생성합니다.
join( )	배열의 요소를 문자열로 결합합니다.
slice( )	배열의 일부를 추출하여 새로운 배열을 반환합니다.

인덱스 및 요소 반환

indexOf( )	지정된 요소의 인덱스를 반환합니다.
lastIndexOf( )	지정된 요소의 마지막 인덱스를 반환합니다.
find( )	주어진 조건을 만족하는 첫 번째 요소를 반환합니다.
filter( )	주어진 조건을 만족하는 모든 요소로 이루어진 배열을 반환합니다.

반복 및 정렬

forEach( )	배열의 각 요소에 함수를 적용합니다.
sort( )	배열을 정렬합니다.
reverse( )	배열의 순서를 뒤집습니다.

기타

isArray( )	주어진 값이 배열인지 확인합니다.
includes( )	지정된 요소가 배열에 포함되어 있는지 확인합니다.
fill( )	배열의 요소를 지정된 값으로 채웁니다.
reduce( )	배열의 요소를 누적하고 값을 반환합니다.
map( )	배열의 각 요소에 함수를 적용하여 새로운 배열을 생성합니다.