전체 글

웹 서버를 배포할 때 데몬 프로세스의 개념이 등장한다. 물론 패키지를 이용하면 데몬 프로세스에 대한 이해 없이 손쉽게 배포할 수 있지만 원리를 알고 있는 것도 중요하다고 생각한다. 데몬 프로세스에 대해 작성하면서 이와 관련된 포그라운드 프로세스와 백그라운드 프로세스까지 함께 정리해보려고 한다. Node.js로 웹 서버를 배포하는 시나리오를 가정했다. 포그라운드 프로세스(Foreground Process) Node.js로 프로젝트를 마친 뒤 서비스로 운영하기 위해서 클라우드 서버에 올렸다고 해보자. 서버 프로세스를 실행하기 위해서 node app.js 명령어를 입력하면 마무리될 것 같지만 여러 가지 문제가 발생한다. node app.js 명령어는 프로세스를 포그라운드로 실행하기 때문에 프로세스가 실행 중인..

OAuth 2.0 OAuth(RFC6749)는 사용자들이 비밀번호를 제공하지 않고, 다른 서비스에 있는 자신의 정보에 접근 권한을 부여하는 인터넷 표준이다. 쉽게 생각해서 서비스를 이용할 때 카카오, 네이버 등을 통한 간편 로그인을 떠올리면 된다. OAuth의 배경 우리의 서비스에서 카카오와 네이버의 간편 로그인을 구현하려고 한다고 해보자. 사용자가 카카오나 네이버의 회원임을 어떻게 증명할 수 있을까? 가장 쉬운 방법은 사용자에게 아이디와 비밀번호를 받아서 로그인해 보면 된다. 하지만 보안상 굉장히 취약한 구조이고, 사용자 입장에서 아이디와 비밀번호를 제3자 애플리케이션에 제공하는 것은 부담된다. 그렇다면 카카오나 네이버에 우리 서비스를 이용하려는 사용자가 회원임을 증명해달라고 하면 어떨까? 좋은 방법이..

프로젝트를 하다가 FTP를 사용해서 내가 가진 게이트웨이에 파일을 보낼 일이 생겼다. FTP의 개념부터 클라이언트(NestJS)와 서버(ESL Gateway)를 연결하면서 내가 작업한 과정을 정리해보려고 한다. FTP 관련 프로토콜로 FTPS, SFTP가 있지만 여기서는 FTP에 관해서만 다루려고 한다. FTP 란? 파일 전송 프로토콜(File Transfer Protocol, FTP)은 TCP/IP 프로토콜을 가지고 서버와 클라이언트 사이의 파일 전송을 하기 위한 프로토콜이다. 예전에는 많이 사용한 프로토콜이지만, 지금은 보안상의 위험으로 많이 사용하지 않는다. FTPS나 SFTP로 대체된 것 같다. FTP는 두 가지 모드로 동작하는데 Active Mode와 Passive Mode이다. 우선, Acti..

PM2 란? Node.js로 프로젝트를 마친 뒤 서비스로 운영하려고 할 때 데몬 프로세스로 서버를 띄우게 되는데 이 과정에서 nohup, forever, pm2 등 여러 패키지의 도움을 받을 수 있다. 이 중에서 지속적인 업데이트로 점유율이 높은 pm2에 대해서 알아보려고 한다. PM2는 프로세스 관리자(process manager)로 Node.js로 만들어진 프로그램의 프로세스를 편리하게 관리할 수 있도록 도와준다. Node.js 기반 프로세스 관리 무중단 서비스 싱글 스레드 기반의 Node.js를 멀티 스레딩 혹은 하이퍼 스레딩으로 사용하기 프로세스 모니터링 도구 이러한 고민들을 PM2를 통해서 해결할 수 있다. PM2 설치하기 간단하게 다음과 같은 명령어로 설치할 수 있다. $ npm install..

GitHub Actions 란? GitHub Actions는 GitHub에서 제공하는 CI/CD 툴이다. 다시 말해서 Workflow를 자동화할 수 있게 도와준다. GitHub Actions에 관해서는 다른 글에서 자세하게 다루도록 하고, 이 글에서는 내가 AWS S3에 배포 자동화를 하는 과정과 그 과정에서 발생한 문제를 해결하는 것에 관한 글을 쓰려고 한다. 1. AWS IAM 우선 AWS IAM 설정을 해줘야 한다. AWS IAM -> 액세스 관리 -> 사용자 -> 사용자 추가 사용자 이름을 추가하고, AWS 액세스 유형 선택에서 액세스 키 - 프로그래밍 방식 액세스를 선택한다. 권한 설정에서 기존 정책 직접 연결을 선택하고, AmazonS3FullAccess를 선택한다. 뒤로 넘기다가 완료가 되면..

위지윅(WYSIWYG)이란? 위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다")는 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말한다. 쉽게 말해서 우리가 티스토리에서 글쓰기를 눌렀을 때 나오는 에디터가 WYSIWYG 에디터이다. HTML 태그에서 bold, italic 등을 적용할 수 있고, 적용되자마자 보인다고 생각하면 편하다. 위지윅 에디터를 이용하기에 앞서 처음 개발 프로젝트에서 위지윅 에디터가 필요해서 직접 구현하려고 했다. 보통 웹에서 에디터를 개발할 때는 contentEditable과 document.execCommand()를 이용한다. document.execCommand("bold"); // 선택영역(텍..

기존 프로필을 바꿔보자 인턴을 하면서 bitbucket만 사용했더니 github이 되게 초라해진 기분이 들었다. 토이 프로젝트와 코딩 테스트 준비한 것들을 올리기 전에 프로필을 꾸며보기로 했다. 구글에 검색하면서 이것저것 적용해봤다. 사실 내가 적용한 오픈소스들보다 하지 않은 게 훨씬 많지만 보통 자기소개와 기술 스택 정도를 적는 것 같아서 이 정도만 적용해봤다. 아래에서는 프로필을 꾸미는 방법과 꾸밀 때 사용했던 오픈소스들을 소개해보려고 한다:) 1. Github 프로필 설정하기 공식문서를 참고해서 설정했다. 본인의 github 계정과 똑같은 이름으로 repository를 생성하면 된다. ✔ Add a README file을 체크해주자! 2. README.md 파일 수정하기 이제 원하는 대로 READM..

인턴십에 지원하며 국내·외 기업에서 제안한 ICT분야 직무 중심의 프로젝트, 서비스 개발 등에 대학생이 참여하여 인턴십을 수행하고, 이를 학점으로 인정받도록 하는 이론과 실무 역량을 겸비한 문제해결형 창의인재양성 프로그램입니다. 학부생 3학년을 마치면서 내가 어떤 것들을 해오고, 배워왔는지 정리하는 시간이 있었다. 그동안 여러 가지 분야를 경험해보고, 긴 공백 없이 개발 관련해서 이것저것 해왔다고 생각했는데 큰 프로젝트나 인턴 경험이 없었다. 그러다 ICT 인턴십에 대해 알게 되었다. 이걸 보자마자 꼭 붙어서 실무 경험을 쌓고, 개발에 기여하고 싶다는 생각이 들었다. 지원 방법은 간단했다. 정해진 기간까지 이력서와 자기소개서(자유 양식)를 작성해서 연수기업목록에 있는 원하는 기업에 지원하면 된다. 서류 ..

MFC 토이 프로젝트 학교에서 계절학기 강의로 MFC 수업을 들으면서 C++ MFC 라이브러리와 MySQL을 이용해서 도서 관리 시스템을 개발했다. 처음에 MFC가 되게 복잡하다고 느껴져서 관두고 싶었다. 그런데 막상 하다보니까 나름 할만했다. 예전에 Java Swing으로 했던 프로젝트도 생각나고 그때보다 편한 점도 많이 느꼈다. 예를 들면 비주얼 스튜디오 상에서 뷰 화면을 통해 컨트롤들을 직접 조작하거나(물론 Java Swing WindowBuilder나 JavaFX SceneBuilder가 있지만 당시에 사용을 안했다), 리소스 파일을 추가하는게 간편했다. 그렇게 나름 MFC의 매력을 느끼면서 프로젝트를 끝마쳤다. 그렇게 시작된 프로젝트 프로젝트를 마치고 나니까 예전에 얼핏 생각했던 프로그램을 만들..

Snake 게임? 심심하기도 하고, 자바스크립트 감을 되살려 볼 겸 Snake 게임을 만들기로 했다. 밋밋한 캔버스에 만들고 싶지는 않아서 검색하다가 고전 게임스러운 UI를 발견해서 참고했다. ui.toast.com/weekly-pick/ko_20191216 모던 자바스크립트로 테트리스 만들기 오늘은 고전 게임인 테트리스로 게임 개발 여행을 해보려고 한다. 그래픽, 게임 루프 및 충돌 감지 등을 다루고, 마지막에는 점수와 난이도가 완벽하게 작동하는 게임을 갖게 될 것이다. ui.toast.com 구현 기능은 모두 직접 구현했고, 나름 게임 룰을 정했다. 패배 조건은 두 가지인데 벽에 닿거나, 뱀의 머리가 몸통에 닿으면 패배한다. 게임은 이런 식으로 동작한다. 중간에 기막힌 버그가 발생해서 캡처해놨다. 처..