dongQueue's dev

로직 개발을 진행이 어느정도 완료되고 나서 운영환경으로 이관하려고 하니 걸리는 것이 한두가지가 아닙니다. 그 중에 한가지, 에러 로그는 어떻게 할 것인가? 개발 할때야 console.log 로 터미널에서 아주 잘 보여주지만, 운영환경으로 넘어가면 그럴수 없죠. 지금 소개하려는 방법은 AWS 와 상관 없이 운영서버 디렉토리에 파일 형태로 저장하는 방법입니다. (AWS 를 사용한다면 그냥 고민할 필요 없이 cloud watch 를 쓰면 되지만 세상일 어떻게 될지 모르니 :) ) 1. 개요 winston 을 사용해 file 을 Logger.js 를 만든 뒤 로깅이 필요한 로직에서 호출하여 사용. 2. Logger.js - 필요한 모듈 설치 npm install winston --save npm install ..

현재 VUE 로 클라이언트쪽을 개발해서 별도의 웹서버 없이 AWS의 정적 호스팅 기능을 사용하여 호스팅 하고 있습니다. 웹서버가 없으니 장점만 있고 단점은 없다고 생각하고 있었는데 문제가 발생했습니다. 비교하고 있는 다른 사이트 보다 초기 로딩 속도가 너무 느립니다. -_-;; 아무래도 클라이언트 단에서 렌더링이나 관련 소스의 해석이 이루어지다 보니 동작속도가 클라이언트 성능에 많이 좌우되는 문제가 발생하였습니다. SERVER-SIDE-RENDERING으로 바꿀까 하다가, 우선 속도개선 작업을 먼저 진행해 보기로 하였고 첫번째로 Lazy Loading 을 적용하였습니다. 1. Lazy Loading 이란? Lazy loading 이란, 화면의 보이는 부분 또는 동작에 필요한 소스를 먼저 로드하고 다른 소..

갖고 싶네요.

함수를 사용하다 보니 비슷비슷한 함수가 너무 많이 생겨 관리하기가 어려워 졌습니다. 그래서 function을 하나로 통합하고 if 문을 쓰다보니 이번에는 코드가 지저분해 지는 문제가 발생했습니다. // 통합전 A function a( val ){ val = val * val; return val; } // 통합전 B function b( val ){ val = val + 10; return val; } // 통합 후 function c ( val, condition ){ if (condition === 'A') { val = val * val } else { val = val + 10 } return val } 위의 A, B 함수의 경우 목적이 다른 함수라면 분리하는것이 맞습니다. 하지만 목적이 같다면 ..