Stack Building

1. Arrow Function - 함수 선언이 간단해짐 - this: 자신을 포함, 가장 근접한 일반 함수의 this 참조 => arrow func의 this는 arrow func이 호출되는 시점과 무관, 선언되는 시점에 결정 2. class - 생성자, 상속 등 객체지향의 클래스 기능 사용 가능 3. object 선언 간편 - att:att 와 같이 이름이 겹쳐도 써줘야 했다면 이제는 겹치는 건 att로만 써도 무관 4. template strings - 여러 문자열을 +가 아니라 `를 사용해서 표현 가능 5. destructuring - 함수에서 매개변수의 일부만 입력으로 받을 수 있게 함 - 오브젝트에서 필요한 부분만 추출 6. let, const - 수정 가능한 변수는 let - 수정 불가능한 ..

자바스크립트 컴파일러. 입력과 출력이 모두 자바스크립트 코드이며, 최신 문법을 브라우저가 이해할 수 있도록 변환한다. 컴파일 타임에 실행되는 것이기 때문에 최신 함수가 일부 동작하지 않을 경우 프로그램 시작 시 현재 브라우저에서 지원하지 않는 함수를 검사해 각 오브젝트의 프로토타입에 붙여주는 역할을 하는 polyfill을 사용해야 한다. @babel/polyfill

payload 사용에 있어서 전송되는 데이터. 큰 데이터 가운데 흥미 있는 데이터를 구별하는 데 사용됨. 프로그래밍에서는 특히 메시지 프로토콜 중에 프로토콜 오버헤드와 원하는 데이터를 구별할 때 사용된다. actions 안에 있는 payload:는 실제 데이터를 의미한다. 위키에서 요약함

출처: 쓰로틀링과 디바운싱 쓰로틀링: 마지막 함수가 호출된 후 일정 시간이 지나기 전에 다시 호출되지 않도록 하는 것 디바운싱: 연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것.

고급 웹프로그래밍 수업의 첫번째 과제가 공공데이터포털의 API를 사용한 웹사이트 만들기다. 지난 학기 수업 때에도 API를 사용하기는 했지만 그때는 필요한 기능을 구현하기 위해서 썼던 거라서 라이브러리인데 코드가 짧고 공개되어 있는 경우인 줄 알았는데 그게 아닌 것 같아 API가 무엇인지 찾아보았다. 위키피디아에서는 "응용 프로그램에서 사용할 수 있도록 OS/프로그래밍 언어가 제공하는 기능을 제어할 수 있도록 만든 인터페이스"라고 한다. 쉽게 말해서 프로그램들 간의 연결고리라고 할 수 있다. 구글의 API들은 이곳에서 확인 및 사용할 수 있다. 대시보드 형태로 사용량이나 오류 발생 상황을 손쉽게 알아볼 수 있어서 편리하다.

패키지 무설치 실행 (NPX)NPM 5.2.0 버전 부터는 npx라는 유용한 커맨드가 추가되어 구지 패키지를 설치하지 않고도 실행할 수 있는 방법이 생겼습니다. 방대한 NPM 라이브러리들을 설치의 부담없이 1회성으로 즉석해서 실행해볼 수 있기 때문에 최근에 많이 사용되고 있습니다.예를 들어 http-server 패키지를 프로젝트나 전역에 설치하지 않고 다음과 같이 npx 커맨드 뒤에 패키지명만 붙여서 실행해볼 수 있습니다.1 2 3 4 5 6 7 $ npx http-server npx: installed 25 in 3.28s Starting up http-server, serving ./ Available on: http://127.0.0.1:8080 http://10.212.5.70:8080 Hit C..

이 게시글에 설명이 잘 되어 있어서 내가 알아보기 쉽게 요약했다. STATELESS STATEFUL 서버 측면에서 상태정보를 저장하지 않음 서버 측면에서 상태정보를 저장함 상태정보: 클라이언트와 서버의 연속된 동작 http는 기본적으로 STATELESS이다. 상태 정보를 사용하기 위해 세션을 사용하는 구조는 STATEFUL이다. REST 구조(자세한 설명 글)는 클라이언트의 정보를 서버에 저장하지 않는엄밀한 의미의 STATELESS에 해당한다.클라이언트가 상태정보 관리의 책임을 지며, 서버에 요청할 때마다 상태정보를 전송하여서버 부하를 감소시키고, 스케일 아웃을 가능하게 한다. STATELESS 구조는 캐싱, 부하 분산(로드밸런싱), 스케일 아웃에 용이하다.다만 매 요청 시에 상태정보를 전달하기 때문에 ..

정리자료 출처: 권동섭 교수님 강의안 기본적으로 데이터 타입은 두 가지다. 자바에서도 비슷한 이름을 썼었다. 기본형과 참조형.용어 자체는 다른 언어들에서도 많이 쓰이는 것 같다. 특수한 건 null 외에도 undefined가 있다는 것.간단하게 쓰면, null은 나중에 할당할 것을 의도하고 할당할 수 있는, 값은 있으나 의미가 없음이고undefined는 값도 할당되지 않은 것이다. 값에 의한 호출과 참조에 의한 호출의 차이는 메모리 공간의 사용에 있다.cbv의 경우에는 원본 값 변경의 가능성이 없지만, 인자를 넘겨주는 등의 수행을 할 때 메모리 공간을 할당한다.그러나 cbr의 경우에는 원본 값이 변경될 수 있지만, 메모리 공간의 낭비는 막을 수 있다. 자바스크립트에서는 { }, 다른 언어에서 해시, 맵,..

유용한 사이트MDN https://developer.mozilla.org/ko/docs/Web/JavaScript W3school http://www.w3schools.com/js 작년에 자바스크립트를 사용했지만 급하게 필요한 부분만 했더니 너무 부족하다.자바스크립트는 이름은 자바와 유사하지만 키워드 유사성 때문이지 완전히 다른 언어다. 자바스크립트는 가볍고, 인터프리터 언어(소스코드를 바로 실행)이며, 객체지향언어다.그러나 중요한 특성이라면 "first class function"이라는 것, "prototype-based"라고 할 수 있다. 1. First class function뜻: 함수를 인자로 받아서 사용할 수 있다. 파이썬과 마찬가지로 다른 함수에 함수를 전달할 수 있다.길게 풀어쓰면 'fir..