자바스크립트의 역사 1995년 넷스케이프의 브렌던 아이크는 웹사이트에 쉽게 접근하고 사용할 수 있는 자바스크립트를 10일 만에 설계했다. 그 당시 자바스크립트는 별난 특성과 드러난 결점때문에 개발자들에게 조롱 당했다. 그러나 자바스크립트의 기반이 되는 언어 사양인 ECMAScript의 새로운버전을 2015년부터 매년 출시하며, 브라우저, 임베디드, 애플리케이션, 서버 런타임을 포함한 다양한 환경에서 새로운 버전과 이전버전과의 호환성을 유지하며 발전해왔다. 별난 특성이 있지만 놀랍도록 유연한 자바스크립트는 웹 애플리케이션과 인터넷의 놀라운 성장을 가능하게 만들었다. 바닐라 자바스크립트의 함정 값 비싼 자유 코드를 구성함에 있어서 제한이 없는만큼 자바스크립트는 파일이 많아질수록 이러한 자유는 훼손되게 된다...

CHAPTER 2 값 배열 자바스크립트 배열은 타입이 엄격한 다른 언어와 달리 문자열, 숫자, 객체 심지어 다른 배열이나 어떤 타입의 값이라도 담을 수 있는 그릇이다. 배열의 크기는 미리 정하지 않고도 선언할 수 있으며, 원하는 값을 추가하면 된다. var a = []; a.length; // 0 a[0] = 1; a[1] = "2"; a[2] = [3]; // a = [ 1, "2", [3]] a.length; // 3JAVASCRIPT 구멍 난 배열을 다룰 때는 조심해야 한다. var a = []; a[0] = 1; a[2] = 3; a[1]; // undefined a.length; // 3JAVASCRIPT 실행은 되지만 중간에 건너뛴 빈 슬롯은 혼란을 부추길 수 있다. a[1] 슬롯 값이 und..

CHAPTER 1 타입 자바스크립트 같은 동적 언어는 타입 개념이 없다고 생각할 수 있다. ECMA표준 명세서 5.1 (ES5)를 보면 아래와 같다. 이 명세에 수록된 알고리즘에서 사용되는 모든 값은 이 절에서 정의한 타입 목록 중 하나에 해당한다. 타입은 ECMAScript 언어 타입과 명세 타입으로 하위 분류된다. ECMAScript 개발자가 ECMAScript 언어를 이용하여 직접 조작하는 값들의 타입이 바로 ECMAScript 언어 타입이다. ECMAScript 언어 타입에는 Undefined, Null, Boolean, String, Number, Object가 있다. 명세의 대략적인 정의를 따르자면 타입이란 자바스크립트 엔진, 개발자 모두에게 어떤 값을 다른 값과 분별할 수 있는, 고유한 내부..

JSDoc이란? JSDoc은 Javadoc 또는 phpDocumentor와 유사한 javascript용 API 문서 생성기이다. 코드 자체와 함께 소스코드에 직접 문서 주석을 추가한다. VSCode에서 순수한 자바스크립트 소스코드에 @ts-check 를 주석으로 추가하면 typescript처럼 타입 및 에러 체크가 가능하다. 주석을 사용하여 함수에 대해 설명하거나, @ts-check를 이용하면 설명과 어느정도의 에러 체크가 가능하지만, JSDoc의 태그를 사용하여 더 많은 정보를 제공할 수 있다. 예를 들어 함수가 클래스의 생성자인 경우 아래와 같이 사용할 수 있다. /** 이 함수는 Book클래스의 생성자이다. */ function Book(title, author) {} /** * 책을 의미하는 함수..

자바스크립트의 타임존 지원은 다른 언어들에 비해서 부실하다는 이야기가 있다. 사실 크게 와닿지는 않는다. 글로벌 서비스를 진행해본적도 없고.. 생각도 안하고있었기 때문... Timezone이란? 타임존은 동일한 로컬 시간을 따르는 지역(우리나라 같은 경우는 서울이나 부산이나 시간이 똑같다.)을 의미하며, 주로 해당 국가에 의해 법적으로 지정된다. 보통 국가별로 각자의 고유한 타임존을 사용하고 있으며, 미국처럼 면적이 넓은 나라의 경우 지역별로 다른 타임존을 사용하기도 한다. GMT(Greenwich Mean Time) 한국의 타임존은 보통 GMT+09:00 으로 표현한다. 경도 0도에 위치한 영국의 그리니치 천문대를 기준으로 하는 태양 시간을 의미한다. GMT 시간은 1925년 2월 5일부터 사용하기 시..

Nomad 코더 무료강의로 Nestjs를 한번 쭉 진행해봤다. Nestjs는 빠르게 서버를 구성할 수 있고 편리하게 제공되는 여러가지 기능이 있어서 분명 좋은 프래임워크인 것 같았다. 하지만 빠르게 구축 해보려다가 백엔드의 지식이 좀 많이 없는 것 같고 레퍼런스도 적어서 Express로 다시 시작해보려고 한다. 이전에 한번 tutorial을 진행해보았으나, 잘 기억도 안나고 typescript 환경까지 추가해서 해보려고 한다. Node.js란? 유투브, 강의, 블로그 글 등 Express를 들어가기전에 항상 Node.js의 개념부터 시작한다. 뭐 대충 Node.js가 다른 애플리케이션들을 실행할 수 있게 해주는 녀석이다 정도로는 알고 있지만, 저 말은 아직 확 와닿지는 않는다. 공식문서에 따르면 Node..

Backend를 공부해보자 마음먹고 미루고 미루다가 드디어 시작하기로 마음먹었다. Front 공부만하기도 벅차지만 그래도 맛은봐야지 않겠는가 예전에 Django를 이용해서 니꼬쌤 강의를 들으면서 airbnb 클론 코딩을 진행해본적이 있기도 하고, 지금 회사에서 serverless lambda function의 기반을 python으로 두고 있어서 다시 장고나 python 관련 프레임워크로 진행하려고 했으나, 백엔드를 내가 실무를 치고 있는 것도 아니고, Django를 해본지는 너무 오래되기도 했고, 지금 내가 가장 편하게 할 수 있는건 javascript 기반 프레임워크라고 판단돼서 Nest JS를 선택했다. NestJS 특징 사용, 학습이 간단하다. 생산성 향상 및 개발 단순성을 위한 강력한 CLI가 존..

useQuery export function useQuery TQueryFnData TQueryFnData는 useQuery로 실행하는 query function의 반환값을 정하는 제네릭 타입이다. TError TError는 query function의 error 형식을 정하는 제네릭 타입이다. TData TData는 data에 담기는 실질적 type을 뜻한다. useQuery의 select option으로 query function의 데이터를 2차 가공하는 경우에만 사용하는 type이다. 데이터 속성이 query fu..