Front-end/JavaScript 16

[JavaScript] 배열

배열 - 변수 선언시 별도의 자료형 지정하지 않은 - 어떤 자료형의 값들이든 다 하나의 배열 공간에 담을 수 있음. 크기에 제약도 없다.(자바의 컬렉션과 유사) - 존재하지 않는 인덱스를 참조해도 오류나지 않음. undefined이 리턴 됨. 배열 확인 * 배열의 선언 배열 선언 확인 * 배열관련 메소드 1) 배열.indexOf(찾고자하는요소) : 배열에서 해당 요소가 위치의 인덱스를 반환 indexOf 2) 배열.concat(배열, 배열, ...) : 배열 여러개를 결합하고자 할 때 사용 concat 3)..

[JavaScript] 변수와 자료형

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

[JavaScript] 데이터 입출력

자바스크립트에서의 데이터입출력 1. 데이터 출력하는 구문 1) [window.]alert("알림창에 출력할 문구"); 2) [window.]console.log("콘솔창에 출력할 문구"); 3) document.write("화면에 출력할 문구"); 4) 선택한요소.innerHTML|innerText="요소에 출력할 문구" 3) document.write("화면에 출력할 문구"); 화면에 출력 4) 선택한요소.innerHTML|innerText="요소에 출력할 문구" 자바스크립트에서 어떤 요소(element)안의 값(content)을 가지고 온다거나 변경하고자 할 ..

[JavaScript] 개요

자바스크립트 개요 1. 스크립트 언어란? 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도 매우 빠르게 배우고 짧은 소스코드로 상호작용되도록 고안됨 2. 자바스크립트 웹 브라우저에서 많이 사용되는 "인터프리터 방식"의 스크립트 언어 - 인터프리터 방식 : 코드를 한줄씩 한줄씩 읽어가며 바로 실행하는 방식 (실시간으로 텍스트 분석해서 실행됨) => 코드에 문법오류가 있으면 실행 시점에서 알려줌 3. 장단점 * 장점 컴파일 과정 없이 인터프리터로 코드를 한줄씩 읽어 가며 바로 실행되기 때문에 "수행속도가 빠름" 코드 ..