외국에서는 이미 인기가 많지만 우리나라에서는 점점 관심을 받고 있는 NestJS 이다.요새는 야놀자에서도 NestJS 도입을 시도한 사례도 있었고 많은 스타트업도 적용하기 위해 많은 시도 중이다.그럼 여기서 질문 !왜 사람들이 기존 사용하던 언어를 뒤로하고 서버사이드 언어인 NestJS를 도입하려고 하는 걸까요 ?NestJS에 대해 알아봅시다. NestJS란 ?Nest는 효율적이고 확장 가능한 Node.js 서버 측 어플리케이션을 구축하기 위한 framework 입니다. Nest도 마찬가지로 Express를 사용하지만 여러 라이브러리와의 호환성도 제공해줍니다. JavaScript를 사용하며 MicroSoft에서 만든 TypeScript 을 사용하며, 객체 지향 프로그래밍, 함수 프로그래밍, 기능적 반응 ..
Lazy-loading-ngmodules를 사용하는 이유SPA(Single Page Application)의 단점인 초기 구동 속도를 Angular로 피해갈 수는 없다. 프로젝트가 커지면 커질 수록 더 초기 구동 속도가 느려질 것이다. 그래서 이번 시간에는 초기 구동 시 전체 모듈을 불러오지 않고 관련한 모듈 페이지 로딩 시 불러올 수 있게 구글에서 만들어 놓은 Lazy-loading-ngmodules에 대해 알아보자. Lazy-loading-ngmodules를 먼저 알기 전 Angular route 기능에 대해 이해하고 들어갔으면 좋겠다. 자 그럼 이제 시작해보자.1. app-routing (root)를 위한 app-routing.module.ts 를 만들어 보자 만약 새로운 프로젝트를 시작한다면 아래..
Angular 2+ 프로젝트를 3개 이상 진행해보면서 수백번 빌드하여 배포를 했었다.기본적인 빌드 방법 및 지식은 알고 있었지만 조금 더 파해쳐보고 싶어 다시 한번 머리속으로 정리할겸 포스팅을 시작한다. Angular 에서 빌드 시 JIT, AOT로 빌드를 할 수 있다. 기본 세팅으로는 Angular CLI로 빌드 시 JIT 방식으로 빌드를 한다. 하지만 수많은 사람들이 JIT 방식보다는 AOT 방식을 많이 선호하고 사용한다.그 이유에 대해서 알아보자. JIT (Just In Time) 란 ?프로그램을 실제 실행하는 시점에 기계어로 번역하는 컴파일하는 방식-> 브라우저에 필요한 바이너리를 스스로 이해하지 못하기 때문에 브라우저가 필요하고 필요함에 있어서 JavaScript 파일을 로드하면 해당 바이너리로..
이번 시간은 Ionic으로 앱을 만들 때 발생하는 에러를 살펴보자. 어느정도 나이가 있으신 어르신 들은 보통 핸드폰에 글자 크기를 높여서 사용하신다. (물론 우리 부모님도 확대해서 쓰신다) 앱을 만드는 사람들은 기존의 글자 크기 보통에 맞춰 작업을 한다. 그러다 보면 일부 확대해서 사용하시는 사용자들에게 레이아웃이 깨지는 현상을 볼 수 있다. 이것을 해결하려면 setTextZoom(textZoom) => 글자 줌 설정 (int) usePreferredTextZoom(value) => 시스템 글자 여부 설정 (true or false) 이 두가지를 이용해서 해결을 해야하는데 아이오닉에서는 찾아보면 아시겠지만 적용하기가 힘들다 그래서 지금부터는 아이오닉에서 이것을 해결하는 방법을 알아보자 Ionic 3 ht..
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- JavaScript
- 리엑트
- 함수 컴포넌트
- useEffect
- string
- Function Component
- 클래스형 컴포넌트
- class component
- 웹사이트
- this
- array
- virtual dom
- HTML
- react
- const
- 가상돔
- useState
- ES6
- website
- 클래스 컴포넌트
- Angular
- github
- Es5
- Prototype
- 깃헙
- NestJS
- window
- TypeScript
- Let
- scope
- Total
- Today
- Yesterday