Happy coding

외국에서는 이미 인기가 많지만 우리나라에서는 점점 관심을 받고 있는 NestJS 이다.요새는 야놀자에서도 NestJS 도입을 시도한 사례도 있었고 많은 스타트업도 적용하기 위해 많은 시도 중이다.그럼 여기서 질문 !왜 사람들이 기존 사용하던 언어를 뒤로하고 서버사이드 언어인 NestJS를 도입하려고 하는 걸까요 ?NestJS에 대해 알아봅시다. NestJS란 ?Nest는 효율적이고 확장 가능한 Node.js 서버 측 어플리케이션을 구축하기 위한 framework 입니다. Nest도 마찬가지로 Express를 사용하지만 여러 라이브러리와의 호환성도 제공해줍니다. JavaScript를 사용하며 MicroSoft에서 만든 TypeScript 을 사용하며, 객체 지향 프로그래밍, 함수 프로그래밍, 기능적 반응 ..

기존에 비동기를 처리 하려면 콜백 함수를 통해 처리 하였는데 아무래도 비동기 처리이다 보니 가독성 측면과 에러 발생 시 예외 처리를 하기 많이 힘들었다. 아래 예시를 보자. try { setTimeout(() => { throw 'Error'; }, 1000);} catch (err) { console.log(err); // Error Catch 불가} try 문을 시작하여 setTimeout 메소드를 통해 1초 후 'Error' 라는 문자열을 보낸다. 하지만 catch에서 실제 에러를 catch 못하는 현상이 발생한다. 즉 setTimeout 함수의 콜백 함수 내에서 발생시킨 에러는 catch 블록에서 캐치되지 않고 종료되기 때문에 catch 문에서 에러를 잡을 수가 없다. 그래서 이러한 부분들을 해결..

이번 시간에는 Google JavaScript Style Guide에서 가장 흥미로는 규칙들에 대해서 정리한 글을 번역해보았다. 아직 익숙하지 않은 사용자를 위해 Google은 깨끗하고 이해할 수 있는 코드를 작성하기 위한 최고의 문체 관행을 레이아웃하는 JavaScript 작성을 위한 스타일 가이드를 제시합니다. 유효한 JavaScript를 작성하기위한 엄격하고 빠른 규칙은 아니며 원본 파일 전체에서 일관되고 매력적인 스타일 선택을 유지하는 데 필요한 규정 만 있습니다. 이것은 자바 스크립트에서 특히 흥미 롭습니다. 자바 스크립트는 다양한 스타일 선택을 허용하는 유연하고 관대 한 언어입니다. Google과 Airbnb 는 가장 인기있는 스타일 가이드 2 개를 보유하고 있습니다. 나는 JS 작성에 많은 ..

기초를 닦자 ! 오늘의 주제는 Spread, Rest parament 입니다.시작해 봅시다.1. Rest parametor 함수의 파라미터에서 정해지지 않은 수 (어떤 것이 들어갈지 모르는 수) 인수를 배열로 나타낼 수 있게 해주며 (...)을 사용하여 표현합니다.아래 예시를 보면 숫자 1, 2를 파라미터로 받았고 나머지 숫자들은 Rest parametor 를 사용하여 moreArgs 파라미터 안에 배열로 전달 받았다. function myFun(one, two, ...moreArgs) { console.log("one: ", one); console.log("two: ", two); console.log("moreArgs: ", moreArgs);} myFun(1, 2, 3, 4, 5, 6); // o..

Interfaces 소개TypeScript의 핵심 원리 중 하나는 값이 가지고 있는 상태에 초점을 맞춰 타입 검사를 하는 것 입니다. 이것은 때때로 "오리 타이핑(duck typing)" 또는 "구조적 하위 타입화" 라고 합니다. TypeScript에서 인터페이스는 이러한 형식의 이름을 지정하는 역할을 하며 코드 외부의 코드를 사용하는 약속이며, 코드 내에서 약속을 정의하는 강력한 방법입니다.Our First InterfaceInterface 작동 방식을 보는 가장 쉬운 방법은 간단한 예제로 시작하는 것입니다. function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label);} let myObj = { size: 10..

직장을 오래 다니지는 않았지만 이번 직장을 다니면서 매너리즘에 빠지게 되었는데 이 동영상을 보고 많이 깨닫고 느꼈다. 동영상 중 김봉진 대표님께서 이런 이야기를 하신다. "사람이 살다 보면 나한테 주어진 어떤 상황들이 나한테 유리한 상황일 수도 있지만 나한테 유리하지 않는 불리한 상황으로 아주 오랫동안 갈 수도 있다." "뭔가 일이 꼬였다. 잘 안된다고 생각이 들면 그땐 기본기를 다지는 시간을 가져보는 것도 좋다고 생각한다" 요새 현실에 불안감에 휩싸여 많은 고민들을 하고 있는 나에게 아주 좋은 이야기를 해주셔서 많은 도움이 되었던 것 같다.위 동영상에서 김봉진 대표님께서 말씀하셨듯이 기회는 언젠가 또 큰 기회든 작은 기회든 언젠가 다시 돌아오고 그 기회가 왔을 때 준비가 된 상태에서 그 기회를 맞이하고..

안녕하세요 ! 오늘은 ES6에서 도입 된 Class에 대해 알아보겠습니다. 들어가기 전 이야기 드리고 싶은 부분이 있습니다. JavaScript는 프로토타입 기반 객체 지향 언어입니다. 모든 객체는 각 부모 역할을 담당하는 객체와 prototype으로 연결이 되어 있다. 그렇기 때문에 class가 필요 없이도 객체 지향 프로그래밍이 가능하다. 어떤 커뮤니티에서는 JavaScript가 무슨 객체 지향 언어냐 라고 이야기를 하는 분들을 본 것 같은데 나는 그분들이 생각하는 다른 언어보다 상상 이상으로 충분한 조건을 갖추고 있는 객체 지향 언어라고 생각한다. 이제 본격적으로 시작해보자.class 는 어떤 것을 제공 해주나 ?기존 prototype 기반의 상속 보다 명료하게 구현해 놓았으며 객체를 생성하고 상속..

Lazy-loading-ngmodules를 사용하는 이유SPA(Single Page Application)의 단점인 초기 구동 속도를 Angular로 피해갈 수는 없다. 프로젝트가 커지면 커질 수록 더 초기 구동 속도가 느려질 것이다. 그래서 이번 시간에는 초기 구동 시 전체 모듈을 불러오지 않고 관련한 모듈 페이지 로딩 시 불러올 수 있게 구글에서 만들어 놓은 Lazy-loading-ngmodules에 대해 알아보자. Lazy-loading-ngmodules를 먼저 알기 전 Angular route 기능에 대해 이해하고 들어갔으면 좋겠다. 자 그럼 이제 시작해보자.1. app-routing (root)를 위한 app-routing.module.ts 를 만들어 보자 만약 새로운 프로젝트를 시작한다면 아래..