JavaScript

. JavaScript: 정적인 언어인 html 위에서 동작하여 웹페이지를 사용자와 상호작용할 수 있도록 도와주는 언어이다. . script: html 코드 안에서 JavaScript 코드를 실행할 때 사용한다. . event: 웹브라우저에서 일어나는 주요한 몇가지의

. 표준작성법: 변수의 이름을 지정할 때 표준 작성법은 첫번째 단어는 소문자로 쓰고 그 뒤에 붙는 단어들은 첫번째 alphabet을 대문자로 시작해야하며 숫자로 시작할 수 없다. . var: variable의 약자로 JavaScript 안에서 새로운 변수를 생성하거나

. array(배열): "value1","value2" 형태로 표현가능하며, 이렇게 값들을 수납하고 다시 찾을 수 있는 형태로 구성한 것을 배열이라고 한다.(https://developer.mozilla.org/ko/docs/Web/JavaScript/Ref

특정 요소에 interactive한 반응을 할 수 있게 하는 것을 event라고 한다. JavaScript는 유저의 이벤트 반응을 감지하고 그에 맞는 결과를 내어주는 역할을 한다. ①event가 실행될 html tag의 위치를 변수로 저장한 뒤 저장된 변수를 even

변수에 접근할 수 있는 범위로 변수에 접근하거나 변수를 참고할 위치를 정의한다. 어떤 변수는 코드의 모든 접근을 허락하기도 하지만 그렇지 않은 경우도 있다..block: block은 {} 안에서 확인할 수 있는 코드를 의미한다. block은 한개 이상의 구문들을 묶어

for문은 1) 변수 초기화 및 선언 2) loop 정지 조건 체크 3) 각 loop의 iterator(반복자) 변수를 업데이트 하는 내용으로 구성되어 있다. 각각의 내용은 ;으로 구분되며 false가 나올때까지 코드를 반복하고 출력하고 싶을 때 사용한다. findSm

. literal: sting 안에 변수를 삽입할 때 사용한다. literal template는 backtic(\`) 문자로 감싸인 형태로 쓰이며, 그 안에 변수를 삽입할 때는 ${ } 형태를 쓴다. 작은 따옴표('')/큰 따옴표("")의 구분이 없으며, 별도의 연산자

function를 표현할 때 쓸 수 있는 새로운 표현식으로 ES6에서 새로 도입된 문법이다. 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호도 생략 가능하다.\*중괄호와 return문이 생략될 경우, 화살표 오른쪽에는 리턴될 "값"만 쓰

💎 Object(객체) 들을 grouping하여 로 사용하는데 역할로 이해하면 된다. 객체는 ①로 감싸져 있고 ②으로 구분된 쌍들이 ③된 목록의 형태이다. 🎊 객체 접근 방법 .: 들 혹은 에 하며, 에 접근하려고하면 가 return 된다. 하는 의 속성은

날짜와 시간을 저장하고 보여줄때는 날짜 객체를 사용한다. 날짜 객체를 호출하면 쉽게 시간과 날짜를 얻을 수 있다. 날짜 객체를 호출할 때는 new 연산자 다음에 Data 생성자를 쓴다. .GMT(Greenwich Mean Time): 컴퓨터 언어에서의 기준 시간이다.

JavaScript는 OOP(Object-oriented programming) 언어인데 class는 개발자가 유사한 객체를 빠르게 생성할 때 사용하는 도구이다.객체(object)의 설계도인 클래스(class)는 문법이 비슷하지만 가장 큰 차이는 constructor

어떤 요청을 순서에 맞춰서 직렬적으로 처리하지 않고 병렬적으로 처리하여 합리적으로 data를 처리하는 장점이 있으나 가령 user data 정보를 받은 뒤에 무언가를 처리해야 하는 경우가 있다면 데이터를 동기적으로 처리해야 하는 경우가 생기게 된다. callback

.script 사용: HTML 문서의 script tag 안에 작성된 코드는 JavaScript 언어로 인식되므로 직접 HTML에 작성하는 방법도 있지만 모든 파일은 분리하여 사용하는 것이 좋으므로 추천하지 않는다..head 안에 script로 연결하기: HTML을 p

​ 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체 모델을 의미한다. DOM은 HTML인 웹페이지(HTML)와 scripting language(JS)를 서로 잇는 역할을 한다. HTML에 접근하기 위해서는 document라는 전역객체를 활용하면 된다. 이 객체는

클로저(Closure)는 내부함수가 외부함수의 맥락(Context)에 접근할 수 있는것을 가리킨다. 클로저는 자바스크립트를 이용한 고난이도 테크닉을 구사하는데 필수적인 개념으로 활용된다.내부함수는 외부함수의 지역변수에 접근할 수 있다.외부함수의 실행이 끝나서 외부함수

1) 기본형(Primitive type)숫자/문자열/Boolean/null/undefined/Symbol 등2) 참조형(Reference type)객체/배열/함수/날짜/정규표현식 등변수 선언: 변경 가능한 데이터가 담길 수 있는 공간 또는 그릇을 만드는 행위데이터 할당

getter: 개체 안의 property를 return하거나 호출할 때 사용하는 method이다. getter는 조건에 따른 값을 return 할 수 있고, this를 사용하여 호출 객체의 속성에 접근할 수 있다. 그리고 다른 개발자들이 코드를 쉽게 이해하도록 도와준다