본문 바로가기

분류 전체보기27

NestJS + Websocket으로 채팅만들기 #1 최근 Websocket을 활용하여 사이드프로젝트를 진행한것이 있다. 추후에 오픈소스로 공개 할 예정이지만 kimpga 를 클론코딩하여 만든 https://hsct.io 이다. Websocket Client를 활용하여 서비스 구성하는것은 너무 쉽고 재미있는 경험이었다. 하지만 아직 Server의 입장에서 Websocket을 다뤄 본 경험이 거의 전무하다 싶다. 빠르게 NestJS를 활용해서 채팅을 만들어 볼까 싶었다. NestJS로 Websocket 서버 구축하기 만들고 난 지금 보면 너무 간단하지만, 처음 Docs를 보았을때 내가 생각하는 Websocket이 맞나 싶었다. 👉 [NestJS Docs - Websocket] NestJS Docs에 Websocket 항목이 있는것을 알고 있었으므로 당연히 W.. 2021. 7. 16.
갑작스런 npm의 부재 (zsh: command not found: npm) 오늘 회사에서 퇴근하고나서, NestJS Websocket을 공부를 위해 NestJS에 Websocket을 설치하던 중 오류가 발생했다. nestjs/common 버전이 낮다는것 만 같아 아무 생각 없이 npm update -g nestjs 위 명령어를 입력했다. 아무 문제 없이 업데이트가 완료되었다고 나오고, 다시 npm install 을 통해 @nestjs/websocket 을 다운로드 시도를 했는데, 위 오류가 발생한것이다. 처음 맥북을 쓰면서 리눅스에 프로그램 관리가 어렵다고는 익히 들었던 것 같은데 막상 오류가 발생하니 땀이 뻘뻘났다. 예전에 설치할때 아무것도 모르고 homebrew가 아닌 다른 wget인가 독특한 방식으로 다운받았던 것 으로 기억하고있어 node에 오류가 발생하면 큰일이라고 생.. 2021. 7. 15.
보안에 대한 오늘의 고찰(GraphQL, 파일다운로드) 오늘은 RSTEAM CMS 제작 중 보안에 대한 의견차이로 인해 대표님과 투닥투닥하는 일이 있었다. 일단 논점은 회사에서 자체적으로 제작하고 있는 CMS에 들어가는 파일 다운로드 문제이다. 우리 회사에서 제작하고있는 CMS는 Backend 에서는 NestJS + GraphQL, Frontend에서는 React를 활용하고, JWT 토큰을 통해 User 를 식별한다. 따라서 프론트엔드에서 어떤 데이터를 받기 위해 요청을 하기 위해서는 Apollo Header에 JWT 토큰을 입력해서 전송을 해줘야 하는 것이다. 다만 예외적인 부분이 있다. GraphQL특성상 파일 업로드를 할 수 없고, 정해놓은 router를 통해 접속했을 때 검증을 진행하고, 해당 파일정보를 res.send 해주는 작업이 불가하다. 오늘 .. 2021. 7. 14.
비전공, 고졸 그리고 웹개발자5 절망 인사관리자는 정말 일을 잘하는것같다. 나에게 연락이란 연락은 한통도 오지 않았다. 이제는 패닉보다는 현실을 받아들이게 되는 나였다. 고졸자에 비전공인 내가 php로 프로그램을 만들어봤자 어떤것을 만든다고... 그래서 일단 돈도 필요하니 알바천국에서 쇼핑몰 관리 알바에 지원해 면접까지 보았고 그 다음주 월요일부터 일하기로 약속을 잡아뒀었다. 마음을 비우고 코드스테이츠에 대해 더 자세히 알아보고 군인시절 결제했던 리액트, 자바스크립트 동영상강의를 듣고 있었다. 그러던 가운데 두통의 전화가 왔다. 한통도 아니고 두통의 전화가 연달아 왔다. 두개의 다른 회사 그리고 같은날 면접약속이었다. (알바면접 화요일 오전, 회사 면접 전화 두통 화요일 오후, 면접예정일 목요일, 알바 첫출근 예정일 다음주 월요일) 사.. 2020. 3. 30.