지운's 개발일기

강의 제작목적 2017년 11월 회사를 퇴사할 때부터 시작한 기술 및 스터디 블로그를 통해서 색다른 기회가 생겼다. 물론 돈으로 직결되지는 않지만 나름의 보람이 있는 일이 될듯하다. 인프런 이란 곳에서 강의영상을 제작해볼 생각이 없냐는 제의를 받고 2018년 6월 23일부터 강의를 제작중이다. 강의 주제를 뭘로 할까 고민하다가 제작중인 앱과 비슷한 내용으로 해보면 어떨까...

이번 포스팅에서는 클라이언트 코드 부분을 보도록한다. 본격적인 포스팅에 앞서 약을 약간 팔자면 이번 프로젝트를 하면서 기술적인 목표를 몇가지 잡은게 있는데 아래와 같다. Web frontend 공부 electron 공부 react 공부 react-native 공부 각각의 단계에서 지금 과정은 1~2번이다. 굳이 react를 Web frontend 공부에서 분리한 이유는 부족한 Web frontend의 기초를 다지며 facebook이 거쳐온...

이전 포스팅에서는 socket.io와 mongoose를 활용헌 웹소켓 API를 작성하는 방법을 간단히 봤다. 이번 글에서는 이전에 설명하지 않은 코드 부분을 마저 본다. 클라이언트측 코드는 다음 포스팅부터 보도록 하겠다. 일단 이전 코드를 전부 설명하기보단 2개의 api중 한가지만 보도록한다. findPUBG_User API 'use strict'; function findPUBG_User(socket, jwt, instance, secretKey) { socket.on('find-pubg-user',(message)=>{ const path = '/players';...

이전 포스팅에서는 Electron 의 BrowserWindow 에 대해서 주로 봤다. 이번 포스팅에서는 아직 작업중인 채팅 서버에 대해서 포스팅을 적는다. 앞에서 이야기 했듯이 서버쪽 DB는 MongoDB 를 이용하고 있다. MongoDB의 native API 를 wrapping 해놓은 ODM 인 mongoose란 것이 있다. 이를 이용하면 RDB 를 이용할때와 같이 스키마 형태로 Document 를 설계하는데 도움을...

Electron 에서 renderer process 가 화면을 로드할 때 BrowserWindow 클래스를 이용한다. BrowserWindow 는 EventEmitter 이므로 각종 화면에 관련한 각종 이벤트를 발생시킬 수 있다. 생성은 new 예약어를 사용하여 생성한다. 생성에 필요한 옵션은 다음과 같다. options(optional) width : Integer 값이며 화면의 폭이며 pixel 단위이고 기본 폭은 800 pixel 이다. height : Integer...