클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

보호되어 있는 글입니다.

드디어 3주 차의 마지막 학습이다. 조금 전에 2시간 넘게 걸려 실습 문제를 하나 풀었고, 새벽에는 결코 되지 않았던 실습 문제도 다시 풀어보니 잘 되었다. 무척 어려웠지만 말이다.이제 남은 수업은 딱 하나 남았다. 여기까지 하고 아침 공부를 마치려고 한다. 오늘도 정말 수고가 많았다.      이론 6 - Nestjs에서 타입스크립트 유용하게 사용하기     이렇게 파라미터를 넘겨줄 수 있는데 이 파라미터는 id가 된다.              퀴즈 5 - Nestjs에서 타입스크립트 유용하게 사용하기    이 문제도 역시 많이 복잡한 문제이므로 헬퍼에게 물어보았다.먼저, @Injectable() 데코레이터를 사용해서 ProductServiceImpl 클래스에 적용해보자. 이는 NestJS에서 의존성 ..

조금 전에 학습했던 Nestjs로 이번에는 커피 주문 앱을 개발하는 주제로 학습을 진행해 보겠다. 이 실습은 거의 1시간 분량 영상이라 실습까지 병행하려면 2시간은 족히 걸릴 것 같다.실습을 할지말지 고민이 되지만 일단 수업을 들어보기로 했다.    이론 5 - Nestjs로 커피 주문 앱 개발하기 명령어를 이처럼 터미널에 친다.         확장 및 유지보수하기 편한 형태로 생성 로직이 필요 없이 만들 수 있다.     퀴즈 5 - Nestjs로 커피 주문 앱 개발하기     한 개 정도 더 답이 있는 것 같다. 다시 한번 풀어보겠다.        학습을 마치고커피 주문 앱 실습은 다음 포스트에 이어서 학습해 보겠다. 50분이나 되는 실습이니 분량이 굉장히 많을 것 같다. 조금 전에 진행했던 실습처럼..

이번에는 Nodejs의 프레임워크 중 하나인 Nestjs에 대해서 공부해 보기로 하자. 이름은 어디선가 들어본 적이 있는 것 같다.    이론 4 - Nodejs 프레임워크 Nestjs 소개 프레임워크에 종속적이지 않은 특징이 있다. 다양한 플러그인도 제공한다.    Nestjs은 이렇게 모듈, 컨트롤러, 서비스로 구성되어 있다. 컨트롤러와 서비스를 묶어주는 것이 모듈이다. 모듈을 조립하고 추가하여 확장할 수 있는 것이 Nestjs이다.                주입은 Injection이다. 주입 형태로 만들기에 유연한 형태를 갖게 된다.            퀴즈 - Nodejs 프레임워크 Nestjs 소개       학습을 마치고중요한 내용 위주로 학습해보았다. 나중에 필요시 Nestjs도 사용해 볼..

이번 단원도 무척 어려운 학습이 될 것으로 예상한다. 그래도 한번 하기로 결정한 공부를 이어가려고 한다.    이론 3 - 자바스크립트에서 타입스크립트로 마이그레이션         명령어를 작성해서 json 파일을 생성해야 한다.                  이 수업 역시 무슨 말인지 거의 알아듣지 못했다.     퀴즈 2 - 자바스크립트에서 타입스크립트로 마이그레이션     먼저 타입스크립트로 마이그레이션 하기 전에 필요한 준비 작업을 해보자.npm install --save-dev typescript 명령어를 통해 타입스크립트를 설치할 수 있다.tsc --init 명령어를 사용해서 tsconfig.json 파일을 만들 수 있다. 프로젝트 구조와 파일 확장자를 확인하면서 필요한 수정사항을 적용해 보자..

조금은 짧은 이론 학습과 함께 실습을 진행해 보겠다. 이번에는 커피 주문 앱을 개발하는 실습이다. 이론 수업은 짧지만 실습 영상이 굉장히 길다.     이론 2 - 자바스크립트 + Express로 커피 주문 앱 개발하기        실습 1 - 자바스크립트 + Express로 커피 주문 앱 개발하기    코드를 위에서 아래로 실행하면 앱과 라우터가 순서대로 등록된다.  CoffeeMenuService.js  먼저 addCoffeeMenu부터 작성해본다. 만든 메뉴를 다른 곳에서 사용할 수 있도록 인스턴스화한다. 이를 싱글톤 패턴이라고 한다.  실행하면 지금은 실패 메시지가 뜬다.   OrderService.js  커피 메뉴를 만들어서 만약 없다면 에러 메시지를 출력하는 코드를 작성한다.  하지만 이 부분..

이번에는 Nodejs를 통해 타입스크립트에 대해서 공부해 보는 시간이다. Nodejs는 지난번에 공부했던 과목인데 이 수업을 통해 좀 더 이해할 수 있을 것 같다.     이론 1 - Nodejs 웹앱 프레임워크 Express 소개              호출한 결과를 app에 담아서 호출한다.    라우터에서 어떤 경로로 받을지 요청받을 수 있다.       요청과 응답 사이의 중간에 존재하는 장치를 말한다.         세 가지 레이어로 프로젝트를 구성하는 것을 말한다. 세 가지 형태가 분리되어야 좋은 아키텍처라고 할 수 있다.    계층이 잘 분리되어 있다면 하나만 바꾸면 되기 때문이다. 만약 강하게 결합되어 있으면 다른 레이어도 함께 변경해주어야 한다.    퀴즈 1 - Nodejs 웹앱 프레임..

드디어 2주 차의 마지막 학습이다. 이번에는 실습 과제도 없으니 마음이 가볍다.    이론 9 - Decorator의 동작      평가에는 이러한 순서가 있다.       데코레이터는 선언된 순서의 반대 방향으로 호출된다.    퀴즈 9 - 데코레이터의 동작      먼저, 주어진 코드에서는 두 가지 함수인 first()와 second()의 실행 순서와 결과를 보여줄 것이다. 각 함수 안에는 콘솔 로그 문장이 있어서, 이를 통해 함수가 어떻게 동작하는지를 쉽게 확인할 수 있다. ExampleClass 클래스의 메소드 메타데이터에 @first()와 @second() 데코레이터를 적용해볼 것이다. 이렇게 하면 데코레이터의 합성을 나타낼 수 있다.데코레이터 합성은 왼쪽에서 오른쪽 방향으로 적용되지만, 실제 ..

다음으로는 파라미터 데코레이터에 대해서 알아보겠다.    이론 8 - Parameter Decorator        선언이 되었다는 정도만 관찰할 수 있다.     자세히 살펴보면 다음과 같다.             퀴즈 8 - 파라미터 데코레이터    특징이 아닌 거였다.         실습 6 - 파라미터 데코레이터   index.ts  immutable.ts   validateImmutable.ts   1. immutable.ts 작성하기    2. validateImmutable.ts 작성하기 아래는 유사배열을 배열로 만드는 코드이다.   3. 코드  수정하기실행 오류가 떠서 강의와는 다르게 코드를 이처럼 수정했다.     이제 잘 제출되었다.    학습을 마치고이번 실습 문제는 상당히 어려웠다..

이번에는 프로퍼티 데코레이터에 대해서 공부해보겠다.    이론 7 - Property Decorator         영혼 교환식이라는 데코레이터를 붙여주었다.    심볼별로 다른 값을 사용하도록 할 수 있다.    퀴즈 7 - 프로퍼티 데코레이터    문제 풀이함수의 첫 번째 줄에서 변수 name을 선언하는 부분을 바꿔본다. 이전에는 let name: string;이었는데, 이제는 const uniqueKey = Symbol();으로 변경할 것이다. 이렇게 하면 각 인스턴스에 고유한 심벌(key)을 만들 수 있다.두 번째 주석이 있는 부분인 getter 함수 안에서는 return name;을 return this[uniqueKey];로 바꾸어 준다. 이제 getter 함수가 인스턴스의 고유 심벌을 찾아..