javascript

프로그래밍 언어로써 소프트웨어적 대상(웹 브라우저, 웹 요소, 웹 스타일)에게 명령을 내리는 역할명령을 내리고픈 대상에 자바스크립트 명령을 전달하면입력 -> 처리 -> 출력 의 절차로 작업이 이루어 짐어떤 처리를 지시하고자 하는 대상을 '객체'라고 함객체.데이터

브라우저의 디버깅 콘솔을 의미브라우저 안에 내장된 브라우저의 하위 객체이므로 브라우저 객체를 통해 접근할 수 있음window.console \- window라고 불리는 웹 브라우저에 포함된 데이터이므로 접근 가능 \-window. 이라는 것을 생략하고 사용하여도

변수명에는 문자, 숫자, 기호$, 기호\_만 가능변수명 첫 글자로 숫자 불가이미 다른 키워드로 사용되고 있는 것은 변수명으로 사용 불가대입 a = b더하여 대입 a += b뺴서 대입 a -= b곱하여 대입 a \*= b나누어 대입 a /= b변하지 않는 값변수

다이얼로그 박스에 괄호() 안의 메시지가 띄워짐 실행 시에 사용자로부터 문자열을 입력받고, 입력받은 문자열을 자신이 사용된 곳에 그대로 반환함.즉 메소드가 문자열로 바뀜console에 data를 log로 출력해보면 prompt를 통해 입력한 문자열이 data 상수에 저

문자열을 표현하는 또 다른 방법따옴표를 이용해 표현하는 방법에 비하여 늦게 추가된 문법백틱(\`)을 이용반환값이 존재하는 자바스크립트 코드표현식을 내장할 수 있는 문자열 표현법문자열의 내용에 데이터를 삽입할 수 있음템플릿 리터럴로 표현한 문자열 내부에 플레이스 홀더($

아직 데이터가 정의되지 않았음의도적으로 데이터가 없음을 나타내기 위해 사용

확인 버튼 누르면 true 반환취소 버튼 누르면 false 반환

브라우저가 HTML 코드를 해석하여 요소들을 트리 형태로 구조화해 표현하는 객체(문서)를 생성하는데 이것을 DOM 이라고 함브라우저는 DOM을 통해 화면에 웹 콘텐츠들을 렌더링함웹 콘텐츠를 추가, 수정, 삭제하거나 마우스 클릭, 키보드 타이핑 등의 이벤트에 대한 처리를

해당 클래스 명을 가진 첫번 째 클래스만 선택선택자가 아니라 오로지 클래스 명으로 선택해당 클래스 모두를 선택특정 id요소만 선택결과 =>textContent ; 공백 포함한 텍스트innerText ; 공백 미포함, 순수 텍스트 만클래스 명을 보여줌여러 개의 클래스 명

document 객체에 포함된 메서드지정된 이름의 HTML 요소를 만들어 반환함반환한 요소를 웹 브라우저 화면에 '추가'하는 것은 아님!자바스크립트 단계에서 만들어져있는 요소를 화면에 추가하는 작업은 따로 해줘야함DOM 내 개별 요소(노드)에 자식 요소를 추가할 때 사

비동기 처리(Asynchronous Programming)은 자바스크립트와 같은 프로그래밍 언어에서 중요한 개념비동기 처리를 사용하면 애플리케이션에서 작업을 효율적으로 수행하고 렌더링을 차단하지 않고도 여러 작업을 동시에 처리할 수 있음콜백 함수(Callback Fun

빌트인 생성자 자바스크립트는 개발자의 편의를 위해 유용한 기능을 제공하는 빌트인 생성자 또는 빌트인 객체를 지원함 빌트인 생성자란! 자바스크립트에 내장된 생성자. 이를 이용해 객체 생성 가능 빌트인 객체란! 자바스크립트에 내장된 객체. 이를 이용해 값이나 기능을

정해진 시간이 지나고 나면 주어진 함수를 실행해주는 타이머 메소드사용방법일정한 시간 간격에 따라 함수를 반복 실행할 수 있도록 하는 타이머 메소드사용방법언젠가는 이걸 멈추고 싶다!=> clearInterval()setInterval 메소드가 호출되어 반복 실행할 함수

c/c++로 언어를 처음 배운 나로서는 변수 선언 시에 어떤 타입의 데이터를 입력할 지 항상 감안하여 사용하였는데,자바스크립트에서는 그런 것 없이 그냥 let만 붙여서 선언하고 있다.자동으로 데이터 타입을 지정해주는 것으로 예상하는 중인데 좀 더 자세한 이유를 알기 위

타이머 만들기로,setInterval()함수를 이용하여 textContent로 화면에 현재 시간과 목표시간과 현재 시간의 차를 실시간으로 1초간 찍어내는 걸 하고 있었다...분명 맞게 한 것 같은데 이렇게 반복해서 텍스트가 출력되는 문제점을 도저히 찾을 수 없었다.분명

JS에서 함수의 this 값을 설정하는 메서드함수를 호출할 때 어떤 객체를 this로 사용할지 명시적으로 지정할 수 있음 \- 이벤트 리스너 함수로 'stop_Watch.start' 와 'stop_Watch.stop' 을 전달하고 있음 \- 그러나 이벤트 리

생성자와 비슷하지만 동작의 특성이 다름 \- 생성자 : 객체를 설계한 함수 => 이걸 호출하면 생성자 함수가 만들어짐 \- 객체리터럴 : 객체를 이렇게 만들겠다는 선언. 생성자처럼 만들고 호출해야지 만들어지는 것이 아니라, 즉각적으로 객체 형태의 데이터를 만듦 =

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

현재 도메인의 로컬 저장소에 접근할 수 있게 해줌로컬 저장소는 웹 브라우저에서 각 도메인에 대해 할당해주는 저장공간이며,데이터를 영구적으로 보관(브라우저를 껐다 켜거나 페이지 새로고침하여도 해당 도메인에 데이터가 남아있도록 할 수 있음)할 수 있음데이터 보관시, 데이터