외국에서는 이미 인기가 많지만 우리나라에서는 점점 관심을 받고 있는 NestJS 이다.요새는 야놀자에서도 NestJS 도입을 시도한 사례도 있었고 많은 스타트업도 적용하기 위해 많은 시도 중이다.그럼 여기서 질문 !왜 사람들이 기존 사용하던 언어를 뒤로하고 서버사이드 언어인 NestJS를 도입하려고 하는 걸까요 ?NestJS에 대해 알아봅시다. NestJS란 ?Nest는 효율적이고 확장 가능한 Node.js 서버 측 어플리케이션을 구축하기 위한 framework 입니다. Nest도 마찬가지로 Express를 사용하지만 여러 라이브러리와의 호환성도 제공해줍니다. JavaScript를 사용하며 MicroSoft에서 만든 TypeScript 을 사용하며, 객체 지향 프로그래밍, 함수 프로그래밍, 기능적 반응 ..
Interfaces 소개TypeScript의 핵심 원리 중 하나는 값이 가지고 있는 상태에 초점을 맞춰 타입 검사를 하는 것 입니다. 이것은 때때로 "오리 타이핑(duck typing)" 또는 "구조적 하위 타입화" 라고 합니다. TypeScript에서 인터페이스는 이러한 형식의 이름을 지정하는 역할을 하며 코드 외부의 코드를 사용하는 약속이며, 코드 내에서 약속을 정의하는 강력한 방법입니다.Our First InterfaceInterface 작동 방식을 보는 가장 쉬운 방법은 간단한 예제로 시작하는 것입니다. function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label);} let myObj = { size: 10..
Basic Types (기본 유형)소개프로그램을 유용하게 사용하려면 number, string, structure, boolean 등 가장 간단한 데이터 단위로 작업을 할 수 있어야합니다. TypeScript에서는 JavaScript와 같은 타입들을 지원합니다. 편리한 열거 형을 사용하여 상황을 돕습니다. Boolean가장 기본적인 데이터 타입은 boolean 값이며, true / false 값입니다. // Type: booleanconst isBoolean: boolean = false; NumberJavaScript와 마찬가지로 TypeScript의 모든 숫자는 부동 소수점 값입니다. TypeScript는 부동 소수점 숫자의 형식을 16 진수 및 10 진수, ES5에 도입 된 2 진수 및 8 진수를 ..
Angular 2+ 프로젝트를 3개 이상 진행해보면서 수백번 빌드하여 배포를 했었다.기본적인 빌드 방법 및 지식은 알고 있었지만 조금 더 파해쳐보고 싶어 다시 한번 머리속으로 정리할겸 포스팅을 시작한다. Angular 에서 빌드 시 JIT, AOT로 빌드를 할 수 있다. 기본 세팅으로는 Angular CLI로 빌드 시 JIT 방식으로 빌드를 한다. 하지만 수많은 사람들이 JIT 방식보다는 AOT 방식을 많이 선호하고 사용한다.그 이유에 대해서 알아보자. JIT (Just In Time) 란 ?프로그램을 실제 실행하는 시점에 기계어로 번역하는 컴파일하는 방식-> 브라우저에 필요한 바이너리를 스스로 이해하지 못하기 때문에 브라우저가 필요하고 필요함에 있어서 JavaScript 파일을 로드하면 해당 바이너리로..
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- Angular
- useEffect
- scope
- array
- 깃헙
- window
- NestJS
- JavaScript
- Function Component
- const
- 가상돔
- 리엑트
- ES6
- Let
- 클래스 컴포넌트
- website
- virtual dom
- TypeScript
- Es5
- 웹사이트
- Prototype
- class component
- 함수 컴포넌트
- 클래스형 컴포넌트
- github
- useState
- HTML
- string
- react
- this
- Total
- Today
- Yesterday