변한다!대부분의 소프트웨어는 현실의 문제를 해결하기 위한 솔루션으로 만들어진다.여기서의 현실은? 매번 변하게 된다!당연히 현실의 문제가 바뀌니까, 현실의 문제를 해결하는 소프트웨어도 바뀌어야 한다!그래서! 소프트웨어는 굉장히 자주 , 그리고 지속적으로 바뀌게 된다.당연

📱접속 후 채팅해서 server가 메시지를 받은 뒤,메시지를 각 사용자들에게 보내는 방식의 채팅 앱 만들기~!📲 서버 생성은 처음이다! 서버단이 어떻게 돌아가는지 아주 간단하겠지만 알아보는 과정을 살펴보기 위해 앱을 만드는 시간을 가져봤다. (아주 일부분이겠지만..

공을 그릴때는 항상 중심점을 기준으로 공에 x , y 값을 잡는다. => 중심점이 공의 실제 위치 (회색 점)반지름이 굉장히 중요!반지름을 x, y 값에다가 + , - 해줘야 실제로 공이 브라우저에 닿았는지 알 수 있음.그래서 공에 x , y값을 비교하는 것이 아니

전역 변수의 무분별한 사용은 위험하다!전역 변수를 반드시 사용해야 할 이유 못찾았다면 지역 변수를 사용해야 한다.변수는 선언에 의해 생성되고 할당을 통해 값을 갖고, 언젠가 소멸한다.= 변수는 생명 주기(life cycle)가 있다.변수에 생명 주기가 없다면?한번 선

스코프(유효범위)는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념이다!자바스크립트의 스코프는 다른 언어의 스코프와 구별되는 특징이 있으므로 주의 필요var 키워드로 선언한 변수와 let or const 키워드로 선언한 변수의 스코프도 다르게 동작

this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-referencing variable)이다.this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다.객체 생성하지 않는 일반 함수에서

자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티(pseudo property)와 의사 메서드(pseudo method)이다.ECMAscript 사양에 등장하는 이중 대괄호 (\[...])로 감싼 이름들이 내부 슬롯과

함수는 어떤 계산, 처리를 하는 코드의 묶음.함수는 인자를 받을 수 있고, 인자 받은 값을 가지고 어떤 계산을 수행한 다음에 결과를 호출한 쪽에 반환해주는 역할!코드의 묶음인 것, 인자를 받는 것, 값을 반환하는 것 같다! (안받을 수 도 있음 함수의 옵션사항이니까~!

📍 myFnV1 : 값이 아니라 단순히 함수 -> 문(함수 정의문에는 세미콜론으로 끝나지 않음)📍 myFnV2 : 익명함수로서 함수를 값으로 취급해서 대입문으로 등장 -> 식(식은 세미콜론으로 끝남): 함수가 만들어지자마자 즉시 한 번 실행하는 함수📍 실행하는

Hacker News Client app 02 : JavaScript

Hacker News Client app 01 : JavaScript

📍 🐶끝 -> 🐯시작 ->🐯끝-> 🐰시작되는 형식으로 진행.즉 한꺼번에 진행되는 것이 아니라, 하나씩 처리를 함.만약 여러개의 Promise를 동시에 처리하고 싶다면 ?? => Promise.all 이라는 함수를 사용하자!📍 배열 안에 Promise(= ge

async / await promise를 더 간결하고 간편하고,동기적으로 실행되는 것처럼 보이게 만들어주는 것. 새로운 것이 추가된 것이 아니라, 기존에 존재하는 promise위에 조금 더 간편한 API를 제공한다. 깔끔하게 promise를 사용할 수 있는 방법, 그렇

Promise

동기적 ( Synchronous ) 작업이 순차적으로 진행되는 것. 정해진 순서에 맞게 코드 실행. 작업을 동기적으로 처리하게 된다면, 한 작업이 끝날 때 까지 다른 작업을 할 수 없음. 1번이 끝나야 2번이 시작됨. ( 1끝-> 2끝-> 3끝-> 4 ) 호이스팅(h

HTTP 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍쳐.HTTP 프로토콜을 의도에 맞게 디자인 하도록 유도.REST의 기본 원칙을 성실히 지킨 서비스디자인 = 'RESTFul'REST API : REST를 기반으로 서비스 API를 구현한 것.RE

클라이언트와 서버 간의 HTTP 통신을 위한 텍스트 데이터 포맷.자바스크립트에 종속되지 않은 언어 독립형 데이터 포맷.대부분의 프로그래밍 언어에서 사용가능.객체 리터럴과 유사하게 키, 값으로 구성된 순수 텍스트.키 -> 반드시 큰따옴표.값 -> 객체 리터럴과 같은 표기

자바스크립트를 사용해서 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식.브라우저에서 제공하는 Web API인 XMLHttpRequest객체를 기반으로 동작. (XMLHttpRequest

LiveScript네스케이프라고 하는 브라우저에 최초로 탑재된 버전.아주 작은 브라우저에서 동작하면서 HTML을 간단히 조작하기 위한 목적.스펙 많지 않았음. JScript인터넷익스플로러에 스크립트 언어로 탑재. JavaScriptEcma라는 표준단체에서 Jav