javascript

서버 입장에서 어떻게 사용자의 요청을 분석하고 비즈니스 로직에 따라 응답을 줄 것인가?URL로 웹(WWW)을 탐색하며 서버와 통신하고, HTML 문서나 파일을 출력하는 GUI 기반의 소프트웨어인터넷의 컨텐츠를 검색 및 열람하도록 함'웹 브라우저'라고도 함주요 브라우저G

WWW, URL, HTTP, HTML 최초 설계자웹의 아버지 JavaScript 최초 설계자 모질라 재단 공동 설립자코드네임 피닉스 프로젝트 진행파이어폭스의 전신1994년 당시 넷스케이프 커뮤니케이션스사의 Netscape Navigator(NN) 브라우저가 전 세계 점

식별자(identifier)는 변수를 구분할 수 있는 변수명을 말함식별자는 반드시 문자, 달러($) 또는 밑줄(\_)로 시작대소문자를 구분하며, 클래스명 외에는 모두 소문자로 시작 예약어\* 사용 불가능for, if, function 등카멜 케이스(camelCase,

자바스크립트의 모든 값은 특정한 데이터 타입을 가짐크게 원시 타입과 참조 타입으로 분류됨원시 타입 (Primitive type)객체 (object)가 아닌 기본 타입변수에 해당 타입의 값이 담김다른 변수에 복사할 때 실제 값이 복사됨참조 타입(Reference type

오른쪽에 있는 피연산자의 평과 결과를 왼쪽 피연산자에 할당하는 연산자다양한 연산에 대한 단축 연산자 지원Increment 및 Decrement 연산자Increment(++) : 피연산자의 값을 1 증가시키는 연산자Decrement(--) : 피연산자의 값을 1 감소시키

'if' statement조건 표현식의 결과값을 Boolean 타입으로 변환 후 참/거짓 을 판단'switch' statement조건 표현식의 결과값이 어느 값(case)에 해당하는지 판별주로 특정변수의 값에 따라 조건을 분기할 때 활용조건이 많아질 경우 if문보다 가

whileforfor ... in주로 객체(obejct)의 속성들을 순회할 때 사용배열도 순회 가능하지만 인덱스 순으로 순회한다는 보장이 없으므로 권장하지 않음for ... of반복 가능한(iterable)객체를 순회하며 값을 꺼낼 때사용Array, Map, Set,

참조 타입 중 하나로써 function 타입에 속함javascript에서 함수를 정의하는 방법은 주로 2가지로 구분함수 선언식 함수 표현식JavaScript의 함수는 일급 객체에 해당일급 객체 : 다음 조건들을 만족하는 객체를 의미변수에 할당 가능함수의 매개변수로 전달

문자열에 value가 존재하는지 판별 후 참 또는 거짓 반환value가 없을 경우, 기존 문자열을 배열에 담아 반환value가 빈 문자열일 경우 각 문자로 나눈 배열을 반환value가 기타 문자일 경우, 해당 문자열로 나눈 배열을 반환string.replace(from

키와 속성들을 담고 있는 참조 타입의 객체순서를 보장하는 특징이 있음주로 대괄호를 이용하여 생성하고, 0을 포함한 양의 정수 인덱스로 특정 값에 접근 가능배열의 길이는 array.length 형태로 접근 가능배열의 마지막 원소는 array.length -1로 점근 ar

array.forEach(callback(element\[, index,array]))배열의 각 요소에 대해 콜백 함수를 한 번씩 실행콜백 함수는 3가지 매개변수로 구성element : 배열의 요소index : 배열 요소의 인덱스array : 배열 자체반환 값(retu

객체는 속성(property)의 집합이며, 중괄호 내부에 key와 value의 쌍으로 표현key는 문자열 타입만 가능key이름에 띄어쓰기 등의 구분자가 있다면 따옴표로 묶어서 표현value는 모든 타입(함수포함) 가능객체 요소 접근은 점 또는 대괄호로 가능key 이름에

JS의 this는 실행 문맥(execution context)에 따라 다른 대상을 가리킨다.class 내부의 생성자(constructor)함수this는 생성되는 객체를 가리킴(python의 self)메서드(객체.메서드명()으로 호출 가능한 함수)this는 해당 메서드가

모듈성, 성능 및 추가 기능을 제공하는 JavaScript 유틸리티 라이브러리array, object 등 자료구조를 다룰 때 사용하는 유용하고 간편한 유틸리티 함수들을 제공함수 예시reverse, sortBy, range,random,cloneDeep ..

DOM 조작문서(HTML) 조작BOM 조작navigator, screen, location, frames, history, XHRJavaScript Core (ECMAScript)Data Structure(Obejct, Array), Conditional Express

네트워크 활동이나 사용자와의 상호작용 같은 사건의 발생을 알리기 위한 객체이벤트 발생마우스를 클릭하거나 키보드를 누르는 등 사용자 행동으로 발생할 수도 있음특정 메서드를 호출(Element.click())하여 프로그래밍 적으로도 만들어 낼 수 있음 AnimationEv

Asynchronous JavaScript And XML (비동기식 JavaScript와 XML)서버와 통신하기 위해 XMLHttpRequest 객체를 활용JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있음AJAX의 X가

순차적, 직렬적 Task 수행요청을 보낸 후 응답을 받아야만 다음 동작이 이루어짐 (blocking)버튼 클릭 후 alert 메시지의 확인 버튼을 누를 때까지 문장이 만들어지지 않음즉, alert 이후의 코드는 alert의 처리가 끝날 때까지 실행되지 않음왜 이런 현상

다른 함수에 인자로 전달된 함수외부 함수 내에서 호출되어 일종의 루틴 또는 작업을 완료함동기식, 비동기식 모두 사용됨그러나 비동기 작업이 완료된 후 코드 실행을 계속 하는데 주로 사용됨 비동기 작업이 완료된 후 코드 실행을 계속하는데 사용되는 경우를 비동기 콜백(asy

비동기 작업의 최종 완료 또는 실패를 나타내는 객체미래의 완료 또는 실패와 그 결과 값을 나타냄미래의 어떤 상황에 대한 약속성공(이행)에 대한 약속.then()실패(거절)에 대한 약속.catch()이전 작업(promise)이 성공했을 때 수행할 작업ㅇ르 나타내는 cal

"Promise based HTTP client for the browser and Node.js"브라우저를 위한 Promise 기반의 클라이언트원래는 "XHR"이라는 브라우저 내장 객체를 활용해 AJAX 요청을 처리하는데, 이보다 편리한 AJAX 요청이 가능하도록 도

비동기 코드를 작성하는 새로운 방법ECMAScript 2017에서 등장기존 Promise 시스템 위에 구축된 syntactic sugarPromise 구조의 then chaining을 제거비동기 코드를 조금 더 동기 코드처럼 표현Sytntactic sugar더 쉽게 읽