JavaScript란 웹페이지를 동적으로 만들기 위해 사용하는 언어이다. 마우스를 올리면 메뉴가 펼쳐지는 드롭다운 메뉴, 이미지가 자동으로 바뀌거나, 버튼을 누르면 다음 이미지로 넘어가는 슬라이드 등이 자바스크립트를 사용한 예 중 하나이다. 자바 스크립트의 가장 큰 장
연산자란 각 연산에 사용되는 기호를 의미한다. 연산자의 종류로는 산술 연산자, 대입 연산자, 비교 연산자, 논리 연산자, 문자열 연산자 등이 있다.산술연산자란 수식을 계산할 수 있도록 도와주는 연산자를 말한다. 기본적으로 사칙 연산자, 나머지 연산자, 증감 연산자가 이
제어문 제어문이란 프로그램의 실행순서를 결정하는 명령문을 말한다. 제어문을 통해 조건에 따라 실행 순서를 바꾸거나, 특정 부분을 반복하는 등 프로그램의 실행 흐름을 조절할 수 있다. 제어문의 종류로는 조건문, 선택문, 반복문이 있다. 1. 조건문 조건문은 조건식의
함수(function)란 하나의 작업을 필요할 때마다 호출해 반복 수행할 수 있도록 설계된 독립적인 블록을 말한다. 자바스크립트에서 함수는 함수 이름, 매개변수, 실행문으로 구성되어 있다. 함수 이름은 함수를 구분하는 식별자 역할을 한다.함수 내에 선언된 변수는 함수의
1. 객체란? 2. 객체 생성 및 호출 3.객체 프로퍼티 접근 4. Object.keys() 5.Object.values()
배열 배열(Array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트에서 배열은 객체이며, 여러 내장 메소드를 포함하고 있다. 1. 배열 생성 1) 배열 리터럴 리터럴 방식은 0개 이상의 값을 쉼표로 구분하여 대괄호로 묶는 방식이다.
DOM (Document Object Model) 1. Dom이란? 웹 문서의 모든 요소를 자바스크립트를 이용해 조작할 수 있도록 하는 것을 말한다. 이 Dom은 다음과 같은 계층 구조로 표현된다. 위 그림을 예로 html, head, body, title 등 네모
웹 브라우저 전체를 객체고 관리하는 것을 BOM이라고 한다. window는 브라우저 객체의 최상위 객체이고, window 객체는 하위 객체들을 포함하고 있다.Window 객체에는 웹 브라우저 창과 관련된 여러가지 속성이 존재한다. 이 속성을 통해 브라우저 창의 정보를
Date는 자바스크립트에서 미리 선언해둔 내장 객체 중 하나로, 서버의 날짜와 시간을 가져온다. Date는 다른 내장 객체들과 달리 무조건 new 키워드를 써서 생성자 함수 방식으로 사용해야 한다.date의 메서드는 크게 값을 얻어오는 메서드와 값을 변경하는 메서드가
수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 내장 객체이다.생성자가 존재하지 않아 메소드나 프로퍼티를 바로 사용할 수 있다. 인수의 절댓값을 반환하는 메소드round : 인수의 소수점 이하를 반올림하여 정수로 반환ceil : 인수의 소수점 이하를 올림하여
Number 객체는 숫자를 다룰 때 유용한 프로퍼티와 메소드를 제공하는 객체이다.간단하게는 문자열을 숫자로 변경해주는 용도로도 자주 사용된다.인수를 지수 표기법으로 변환하여 문자열로 반환한다. 지수 표기법은 e(Exponent) 앞에 있는 숫자에 10의 n승이 곱하는
String 1. String객체 String 객체는 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 객체이다. 변수 또는 객체 프로퍼티가 문자열을 값으로 가지고 있다면 String 객체를 생성하지 없이 프로퍼티와 메소드를 사용할 수 있다. 2. String

JavaScript로 Todo List 만들기 자바스크립트를 공부하면서, 꼭 한 번 만들어보고 싶었던 Todo List를 만들어보았다.