웹 개발에 있어, 자바 스크립트의 역할 은 웹 브라우저 및 하위 객체가 가진 기능을 구동하거나html/css를 통해 렌더링된 화면을 조작할 수 있다.html 문서 내부에 작성하는 방법내부에 작성할때는 script 태그를 사용한다. 자바스크립트(js) 파일을 만들고, 그
콘솔(console)은 브라우저의 디버깅 콘솔을 의미한다.콘솔은 브라우저 안에 내장된 브라우저의 하위 객체 이므로 브라우저 객체를 통해 접근할 수 있다.window.console객체 뒤에 .을 찍으면 객체가 가지고 있는 데이터에 접근할 수 있다.웹브라우저의 '개발자 도
변수 변수란? 데이터에 붙이는 이름표이다. 언제든지 재사용 할 수 있다. 변수를 만드는 작업을 '변수의 선언'이라 부르고, 만들어진 변수에 첫 데이터를 지정하는 작업을 '변수의 초기화'라 부른다. 두 과정은 동시에 진행할 수도 또는 따로 진행할 수도 있다. 변수가 생성
자바스크립트에서 문자열이란? '기호의 순차 수열'을 뜻한다. 즉 문자,숫자, 특수문자 등 다양한 기호를 조합해 만들 수 있는 '기호의 집합'이며 따옴표로 시작해 따옴표로 끝나는 데이터이다.작은 따옴표, 큰 따옴표 둘다 사용이 가능하다let string1 = '문자열에는
문자열을 표현하는 방법 중 또 다른 방법으로 따옴표보다 조금 늦게 추가된 문법이다.백틱을 이용해 사용하고 백틱은 쉬프트키와 함께 누르면 ~이 된다.기존 문자열const str1 = '작은 따옴표'const str2 = "큰 따옴표"백틱을 이용한 템플릿 리터널const
언디파인드(undefined)는 아직 데이터가 정의되지 않았음을 뜻하고, 널(null)은 의도적으로 데이터가 없음을 나타내기 위해 사용하는 일종의 표현 수단이다.불린은 숫자, 문자열과 같은 데이터 타입 중 하나이다. true와 false 단 두가지 값만 존재한다.참과
브라우저가 html코드 문서를 해석하고 화면을 통해 보여주는 과정을 말한다.브라우저가 html코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 문서를 생성한다.이를 DOM이라 하며, 브라우저는 DOM을 통해 웹 콘텐츠들을 렌더링한다.DOM은 웹 콘텐츠를 추가, 수
자바스크립트는 주어진 두 항을 비교할 수 있는 '비교 연산자'를 제공한다. (대소 비교),(등가 비교) → 무언갈 비교하는 작업 또한 '연산'의 일종이다.비교 연산식은 언제나 boolean 데이터를 반환한다.(true, false)등호(=) 하나는 대입 연산자이므로,
메소드는 지정된 이름의 HTML 요소를 만들어 반환한다.즉, 내가 작성한 HTML에 존재하지 않는 태그를 뒤늦게 만들어서 추가할 수 있게 도와주는 메소드이다.crateElement는 만드는 역할만 할뿐이지 웹 브라우저 화면에 추가되는 것은 아니다!appendChild
'불러서 쓸 수 있는 코드 조각'이다. 변수를 선언하고 데이터를 대입하면 변수의 이름을 데이터(값) 대신 사용할 수 있는 것처럼, 함수를 선언하고 기능을 정의하면 함수의 이름을 코드 조각 대신 사용할 수 있다.함수가 만들어지고 나면, 함수명은 스스로 보관하고 있는 구문
웹 프로그래밍에서 이벤트란, DOM에서 발생하는 다양한 액션 또는 상호작용 동작을 나타내는 프로그래밍 인터페이스이다.예시웹페이지 사용자가 버튼을 클릭(클릭 이벤트)웹페이지 사용자가 키보드를 누름(키다운 이벤트)입력 폼의 내용을 제출(제출 이벤트) 등다양한 상황에 대한
(input)(select)처럼 사용자로부터 입력을 받는데 사용 되는 요소들이 있다. 여기에서 사용자가 입력한 값을 읽어들일 때는 요소의 value 속성을 써보자차이점요소에 쓰여져 있는 텍스트에 접근한다:textContent사용자가 직접 요소에 입력한 값에 접근하고 싶
객체.데이터(객체가 가지고 있는 숫자, 문자 등의 다양한 데이터를 사용할 수 있고 객체가 가지고 있는 데이터를 가르켜 일반적으로 '속성'이라고 한다.)객체.기능()(객체가 가지고 있는 다양한 기능을 수행할 수 있다.(괄호 필수).객체가 가지고 있는 기능을 가리켜 일반적
자바스크립트는 개발자의 편의를 위해 유용한 기능을 제공하는 빌트인 생성자 또는 빌트인 객체를 지원한다.빌트인 생성자 : JavaScript에 새로운 객체를 생성하기 위한 내장함수입니다.이를 이용하여 객체를 생성할 수 있습니다.ex ) Object(), Array(),

여러 개의 데이터를 보관하는 역할을 수행하는 객체이다.이전까지 변수(또는 상수)에는 데이터를 하나씩만 대입할 수 있었지만, 배열을 사용하면 여러 개의 데이터를 대입할 수 있다.배열 리터럴쉼표로 구분한 값을 대괄호로 묶어서 표현Array 생성자로 생성하기!배열을 만드는데

Math는 수와 관련된 속성과 메소드를 가진 내장 객체이다! 생성자 아님 주의자주 사용되는 메소드 종류!
객체를 구성하는 속성(값이나 기능)의 이름과 실제 값을 한 쌍으로 묶어 표현하는 '객체 리터널'을 이용하면 객체를 생성할 수 있다.이 때 속성의 이름을 키(key), 속성의 실제 값을 밸류(value)라 한다.여기서 name과 town은 키, "국희"와 "부천"은 밸류

자바스크립트 객체 표기법을 뜻하며, 이는 자바스크립트 객체를 문자열로 표현하는 데이터 포맷이다.주로 자바스크립트에서 사용할 수 있는 객체 타입을, 다른 프로그래밍 언어에서도 사용할 수 있는 형태(문자열)로 변환하기 위해 사용한다.JSON 형식은 자바스크립트 객체 리터럴

이 속성은 현재 도메인의 로컬 저장소에 접근할 수 있게 해주는 속성이다.웹브라우저에서 각 도메인에 대해 할당해주는 저장 공간으로, 여기에는 데이터를 영구적으로 보관할 수 있다.데이터 보관 시에는 데이터의 이름과 데이터의 실제 값을 각각 지정하며, 이때 데이터 타입은 문

HTTP(Hyper Text Transfer Protocol)는 웹 브라우저와 웹 서버가 데이터를 주고 받을 수 있게 디자인된 통신 규약이다.우리가 웹을 통해서 데이터를 주고 받을 때 그 데이터를 주고 받는 방식의 이름이 HTTP이다.HTTP는 웹에서 이루어지는 모든