처음부터 차근차근

오늘 한 일 Node.js에 대한 개념 다시 정리 블로그 정리 기술 면접에 대한 회고 Node.js에 대한 개념 다시 정리 Node.js에 대한 개념을 다시 정리하였습니다. Node.js가 왜 기본적으로 Event-Driven 인지 확실하게 알고 갈 수 있었습니다. Javascript와 Node.js의 이벤트 루프가 조금 다르므로 이 부분은 다음에 정리할 예정입니다. 이번 정리를 통해서 모를때 공부하는 것과, 사용해보고 느낀점을 공부하는 것이 다르다는 것을 깨달았습니다. Node.js를 옛날에 공부했을 때는 Event-Driven이 뭔지.. 이벤트 루프가 뭔지도 모르고 사용했는데, 이제는 Node.js를 어떤 서비스에서 사용해야 하는지, 특징은 뭔지 확실하게 알고 갈 수 있었습니다. 블로그 이관 관련 ..

오늘 한 일 회사 기술면접 진행 Survey-test Refactoring 기업 면접 진행 기술 면접을 진행하였다. NestJS에 대한 질문뿐만 아니라 DB설계와 API 설계 시 확장성에 대한 질문을 많이 받았다. 또한 현재 내가 설계한 비즈니스 로직에 대해 어떤 문제점이 있는지도 한번 고민하게 되었다. 내가 설계한 DB에 대해서 확장성, 기능적인 문제에 대해 고려하여 설계하였는가?? Entity 설계 시 TypeORM의 강점 중 하나인 Array 타입을 적용 그러나 확장성, 기능적인 문제에 대한 고려 부분에서는 미숙한 점이 있었다. 1. 설문지 답안이 제출된 상태에서 어떠한 설문지 문항의 점수가 수정되었을 경우, 제출된 답안의 점수는 어떻게 수정할 수 있을까? 2. 현재 도메인은 Survey 하나인데..

[TIL - 23XXXX] 오늘 한 일 NestJS 강의 수강 NestJS 공식 문서 기초 정리 NestJS 강의 수강 Fastcampus 강의를 들으면서 많은 모듈 사용방법을 간단하게 익혔다. 과거 TypeORM migration 방법도 다시한번 정리하였다. 1. interceptor를 통해 Pagenation을 위한 데이터 로직 변경 진행 import { CallHandler, ExecutionContext, Injectable, NestInterceptor } from '@nestjs/common'; import { Request } from 'express'; import { Observable, map } from 'rxjs'; // Pagenation을 위한 Interceptor 구현 진행..

오늘 한 일 NestJS 기본 정리 HTML 기초 강의 NestJS 기본 강의 정리 NestJS의 기본적인 미들웨어에 대해서 정리하였다. 앞으로 Guard, interceptor 등 다양한 enhancer를 정리해야 하는 시간이 필요 HTML 기초 강의 내가 만들고 싶은 웹 페이지를 구현하기 위해 HTML 강의를 정독 CSS, Java의 DOM과 바닐라까지 배워야 기본적인 Frontend 구현이 될 것 같다. 캘린더 형식과 깃 Backlog 형식의 todoLikst를 만들어볼려고 한다. 따라서 Front를 만져야할 필요성이 있기 때문에 Frontend를 공부중이며, 이를 통해 협업할 때도 큰 도움이 될 것 같다.

오늘 한 일 NestJS 기본 정리 GraphQL 정리 진행 REST API 설계 원칙 기업 지원 NestJS 기본 정리 NestJS의 기본 중 Controller, Provider, Module을 정리하였다. 기본을 적으면서, 내가 부족한 것들이 무엇인지 깨달았다. 기본적인 내용이기에, 빠르게 공부해야 겠다는 생각을 하였다. NestJS 프로젝트를 진행하면서, 부족한 기본기들을 느껴 공식 문서를 확인하고 공부를 진행했다. 아직 해야할 게 많지만, 천천히 하나씩 공부하면 될 것이라는 판단이 느껴졌다. GraphQL 정리 GraphQL을 정리하면서 왜 이것을 사용하는지 깨달았다. RestAPI의 Overfetch, underfetch 문제를 단순하게 해결하고, 한번의 호출을 통해 많은 데이터를 가져온..

오늘 한 일 채용관련 코딩 과제 진행 코딩 과제 진행 GraphQL을 통한 Backend Server 구축이였다. GraphQL을 처음 사용해봤으며, NestJS에 대해 조금 더 알게 되었다. 앞으로 블로그에 정리해야 할 내용을 생각해봤다. 1. NestJS Lifecycle 관련 정리 진행 저번 로그인, 로그아웃 과제에서 NestJS Lifecycle 관련 과제 진행한 것을 아직까지 정리하지 못했다. NestJS에 대해서 조금 더 정리해야된다는 필요성을 느끼게 되었다. 2. GraphQL 정리 진행 이번 과제를 통해 GraphQL을 조금 알게 되었으며, 블로그 정리를 하면서 더욱 발전할 수 있을 것 같다. 3. Javascript, Typescript 관련 정리 진행 이번 과제에서 Promise.a..

오늘 한 일 DFS 구현 인접 행렬, 인접 리스트 구현 기업지원 진행 DFS DFS 구현 방법을 Javascript로 정리하였다. 재귀함수와 스택을 이용하는 방법으로 정리 코딩테스트를 풀어보면서 적용해야 할 것 같다. 깊이 우선 탐색이란 루트 노드에서 시작해서 다음 분기로 넘어가기 전에 해당 분기를 완벽하게 탐색하는 방법을 의미하며, 예시로 미로를 탐색할 때 한 방향으로 갈 수 있을 때까지 계속 가다가 더 이상 갈 수 없게 되면 다시 가장 가까운 갈림길로 돌아와서 이곳부터 다른 방향으로 다시 탐색을 진행하는 방법입니다. 깊이 우선 탐색의 특징은 자기 자신을 호출하는 순환 알고리즘 형태를 가지고 있으며, 어떤 노드를 방문했었는지 여부를 반드시 검사해야 한다는 점입니다. DFS 구현 방법은 재귀함수를 이..

오늘 한 일 저번주 동안 Infograb 채용 과제를 진행했다. Heap 구현 코어자바스크립트 Prototype, class Infograb 채용 과제 저번주 동안 infograb 채용 과제를 진행 로그인, 로그아웃 기능이였으며, HTML 페이지를 리턴하는 과제 Passport를 처음 사용해봤으며, 이를 통해 NestJS가 어떻게 구성되어있는지 조금 더 자세히 알게 됬다. 저번주동안 바빠서 TIL을 적지 못했다. 채용 관련 Test 과제와 발표 준비로 인해 바빠서 적지 못한 점이 아쉬웠다. Test의 내용은 간단하였다. Login, Logout이 되는 서버 구현 그 외 모든것이 자유 Passport-local, Passport-JWT를 구현한 로그인, 로그아웃 기능 구현 나는 Passport를 사용해..

오늘 한 일 코어 자바스크립트 this 이중 연결 리스트 구현 스택, 큐 공부 및 구현 프로젝트 기획 및 MVP 날짜 정립 코어 자바스크립트 this 코어 자바스크립트 this에 대해서 학습하였다. 상황에 따라 this가 무엇을 가리키는지 다시 한번 복습하였고, 명시적으로 this를 바인딩해주는 방법을 학습 call/apply/bind를 잘 활용하면 좋은 점을 확인하였다. 전역 공간에서 this는 전역 객체를 가리킵니다. 전역 컨텍스트를 생성하는 주체가 바로 전역 객체이기 때문입니다. 전역변수를 선언하면 자바스크립트 엔진은 이를 전역객체의 프로퍼티로 할당합니다. 사실 자바스크립트의 모든 변수는 실은 특정 객체의 프로퍼티로서 동작합니다. 특정 객체란 바로 실행 컨텍스트의 렉시컬 환경입니다. 실행컨텍스트..

오늘 한 일 코어 Javascript 실행 컨텍스트 공부 linkedlist, Array 공부 후 단일 연결 리스트 Javascript 구현 프로젝트 관련 회의 Git convention 코어 Javascript 실행 컨텍스트 공부 실행 컨텍스트에 대해 다시 공부하는 시간을 갖게 되었다. 호이스팅, 스코프, 스코프체인, 등 다양하게 다시 복습 실행 컨텍스트는 실행할 코드에 제공할 환경 정보를 모아놓은 객체입니다. 실행 컨텍스트 객체는 활성화되는 시점에 variableEnvironment, lexicalEnvironment, Thisbinding 세가지 정보를 수집합니다. VE에는 LE와 동일한 정보로 구성되지만, VE에는 선언 시점의 스냅샷이 있으며, 변경 사항이 저장되지 않고, LE는 스냅샷이 없는 ..