JAVASCRIPT

HTML에서 자바스크립트를 작성할 수 있는 위치는 2가지입니다. HTML의 head 태그와 body 태그입니다.head 태그에 자바스크립트를 작성할 때는 head 태그의 title 태그 밑에 <script></script>태그를 추가하고 script 태그 안

변수는 데이터를 담는 그릇이다.자바스크립트에서는 변수에 데이터뿐만 아니라 오브젝트 및 함수도 담을 수 있다. 데이터/오브젝트/함수 등을 사용하겠다고 선언하는 것을 변수를 선언한다고 한다. 변수를 선언하게 되면 자바스크립트는 변수 값을 저장하기 위한 메모리 공간을 확보하

자바스크립트는 6가지 기본 자료형 데이터 타입이 있다.String(문자열)Number(숫자)Boolean(참/거짓)UndefinedNullSymbol자바스크립트에서 String(문자열)을 쌍따옴표("") 혹은 홑따옴표('')를 사용해 변수에 할당할 수 있다.문자열 데이

기본적으로 자바스크립트의 모든 것은 객체(Object)이다.Object는 키(key)-값(value) 쌍으로 데이터를 저장한다.키(key) - firstName, lastName, age, eyeColor값(value) - John, Doe, 50, blue오브젝트의

할당 연산자는 오른쪽 피연산자의 값을 왼쪽 피연산자에 할당하는 것을 말한다.기본적인 할당 연산자는 오른쪽 피연산자의 값을 왼쪽 피연산자에 등호(=)를 이용해서 할당하는 것이다.비교 연산자는 피연산자들을 비교하고 논리 값을 반환한다.피연산자로는 숫자뿐만 아니라 문자, 논

조건문은 특정 조건에 대한 만족 여부에 따라 다른 프로그램 코드를 실행시킬 수 있도록 해준다.자바스크립트에서 조건문은 if-else를 사용하는 방법과 switch문을 사용하는 방법이 있다.if 조건문은 조건을 만족하는 경우에만 코드블록을 실행한다. 여기서 조건을 만족한

반복문은 조건을 만족하는 동안 코드 블록을 반복적으로 수행한다. 자바스크립트에서는 for-loop, for-in, for-of, while 같은 반복문을 제공한다.brands 배열에 담긴 브랜드명을 콘솔 창에 모두 출력하려면 배열의 처음 인덱스부터 마지막 인덱스까지 코

일반적으로 프로그래밍 언어에서는 특정 작업을 여러 번 반복해야 하는 경우 해당 작업을 재사용 가능한 구조로 만들게 되는데 이때 사용하는 것이 함수이다. 함수로 구현된 코드는 그 함수를 호출함으로써 반복된 기능을 쉽게 처리할 수 있게 해준다. 자바스크립트로 프로그램을 구

String 객체는 자바스크립트에서 문자열을 다루기 위한 객체로 문자열을 다룰 때 유용한 프로퍼티와 함수를 제공한다문자열 길이를 반환하는 함수문자열 안에 특정 문자열이 존재하는지 찾고, 있다면 찾고자 하는 문자열이 시작되는 index를 반환하는 함수이다. 문자열을 발견

Number 객체는 숫자를 다룰 때 유용한 프로퍼티와 함수를 제공하는 래퍼(wrapper) 객체이다. 래퍼 객체는 원시 타입의 값을 감싸는 형태의 객체이다.toString() 함수는 숫자형 데이터를 문자형 데이터로 반환해주는 함수이다toFixed() 함수는 소수점 몇

toString() 함수는 배열 안의 모든 문자를 쉼표(,)를 이용해 모두 결합해서 하나의 문자열로 반환한다join() 함수는 배열 안의 모든 문자를 파라미터로 지정한 문자를 이용해서 모두 결합해서 하나의 문자열로 반환한다pop() 함수는 배열에서 마지막 데이터를 제거

Date 객체는 자바스크립트에서 날짜와 시간을 다루는 객체이다. 사용자 브라우저의 타임존을 기준으로 날짜와 시간을 보여준다Date 객체에 내장되어 있는 Get 함수Date 객체에 내장되어 있는 Set 함수파라미터로 날짜 간격과 날짜 포맷에 해당하는 문자열을 입력받고,

Set 객체는 배열(Array)처럼 값들의 집합이다. 배열처럼 데이터 타입에 상관없이 값을 추가할 수 있다. 배열과 가장 큰 차이점은 Set는 중복 값을 허용하지 않는다. 즉, Set는 유일한 값을 보장한다. Set에 데이터를 추가해서 저장하려고 하면, 기존에 동일한

Math 객체는 수학적인 상수와 내장 함수를 가진 객체이다. 다른 객체와 달리 Math는 생성자가 아니고 숫자 자료형만 지원한다Math.round()는 숫자에 대한 반올림 처리를 한다Math.ceil()는 숫자에 대한 무조건 올림 처리를 한다Math.floor()는 숫

JSON(JavaScript Object Notation)은 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식이다. JSON은 데이터 포맷일 뿐이며 특정 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 방법이다서버와 클라이언트 간의

window 객체는 전역(Global) 객체이다alert() 함수는 윈도우 화면에 경고 메시지를 출력한다confirm() 함수는 진행할지, 종료할지에 대한 진행 여부를 확인하는 함수이다prompt() 함수는 문자열을 입력받을 수 있는 함수이다window.open() 함

클래스는 객체를 생성하기 위한 템플릿이다. 클래스는 데이터와 이를 조작하는 코드를 하나로 추상화한다. Class 정의 클래스는 클래스명 앞에 class라는 키워드를 사용해서 정의할 수 있다. 그리고 반드시 constructor 함수를 가진다. constructor

자바스크립트에서 HTML 요소에 대한 다양한 제어를 위해 가장 먼저 해야 할 것은 HTML 요소에 대한 접근이다.document 객체의 내장 함수인 getElementById를 사용하여 HTML 요소에 대한 접근이 가능하다. 만약 getElementById 함수를 통해

DOM 요소에 접근한 다음에는 DOM 요소가 가지고 있는 속성 정보를 가져오거나, 속성 정보의 값을 변경할 수 있다.사용자가 브라우저에 입력하는 데이터는 DOM 요소의 value 속성에 저장된다.사용자가 입력한 데이터를 자바스크립트에서 가져와서 사용하려면 먼저 DOM

innerHTML HTML의 특정 위치에 새로운 HTML을 삽입할 때 innerHTML을 사용할 수 있다. innerText innerText는 innerHTML과 유사하지만 텍스트 내용만 삽입이 가능하다. insertAdjacentHTML() innerHTM

click 이벤트(onclick) 클릭 이벤트는 사용자가 웹 페이지 안에서 마우스 왼쪽 버튼을 클릭할 때 발생하는 이벤트이다. 대표적인 예로 <button> 요소에 클릭 이벤트가 일어나는지를 감시하고 클릭 이벤트가 일어나는 순간 특정 함수를 실행시키려면