[Javascript] Moment Library

Moment Library란 무엇인가?

현재 다니는 회사에서 최근 들어 날짜 관련한 로직을 작성하는 일이 굉장히 많았다. 뿐만 아니라 개인적으로 진행하고 있는 사이드 프로젝트에서도 해당 Library를 사용하게 되는 일이 생겨서 겸사겸사 정리하게 되었다. 사실 개인적으로는 이 Library만 잘 사용할 줄 안다고 한다면 달력과 같은 리소스가 큰 라이브러리를 사용할 일도 없거니와 진행하는 비지니스에 최대한 맞게 적용할 수 있다고 생각한다. 일단 공식문서에 따르면 Moment란 브라우저와 NodeJS 서버에서 작동할 수 있도록 설계되었으며, 날짜를 파싱, 벨리데이션, 포맷을 지정할 수 있는 등 쉽게 컨트롤 할 수 있는 자바스크립트 라이브러리이다. 사실 날짜의 포맷이 너무 다양한데다가 실제 벨리데이션을 개발자가 직접하게 되면 코드 역시 늘어날 수 밖에 없으며, 복잡성이 커질 수 밖에 없다. 그러한 문제점을 해결해 줄 수 있는 라이브러리라고 생각하면 된다.

More …

[Javascript] Clean Code with Javascript

Javascript의 Clean code 적용기

이 글을 clean code 한글판을 보고 나서 개인적으로 느낀 점 혹은 지금까지의 코드 중 개선이 필요하다고 느끼는 부분에 대해서 쓴 글입니다. 혹시나 해당 원글을 보고 싶으신 분은 여기 를 클릭하시면 됩니다.

More …

[NodeJS] Express Server HMR

Express Server에 Hot module replacement 적용하기

이전의 포스팅에서 webpack의 hmr을 셋팅할 수 있는 3가지 방법에 대해서 소개한 적이 있다. 이 중 선택에 대해서는 개발자의 몫이라, 프로젝트에 맞게 셋팅을 하면 된다라고 이야기 했다. 그 3가지 방법 중 여기에서는 3번째 방법, Express 서버에 middleware를 이용한 방법을 선택했다. 관련 repository는 아래의 링크를 클릭하면 프로젝트 정보를 볼 수 있다.

More …

[NodeJS] Webpack Hot module replacement를 설정하는 3가지 방법

Webpack의 HMR을 이용해 개발 서버 구성하기

최근 진행하는 프로젝트들이 Express를 이용하여 Front 서버를 구성하다 보니 불가피하게 Webpack HMR을 Express에 연결시켜줘야하는 상황이 생겼다. 관련을 글을 찾다보니 해외에서 2015년 11월 6일 3가지 방법에 대한 글이 나와 있어서 그 글을 보며 글을 쓰게 되었다. 번역이라기보단 해당 글을 읽고 나서 이해한 부분에 대해서 글을 쓰는 것이라 혹여라도 원문을 보고 싶다면 포스트 하단 출처에 기재해두었다.

More …

[Docker] Hot Module Reloading Module

Docker의 Container 에서 Hot Module Reloading Module 실행하기

이전에 간단하게 Nodejs의 서버를 띄운 후, Docker의 이미지로 만들어 컨테이너를 실행시키는 간단한 예제를 한적이 있었다. 하지만 사실 그 당시 내가 원했던 것은 로컬 Dev 서버를 이미지로 만든 후, sync를 맞추는 것이었다. 현재 진행 중인 사이드 프로젝트의 개발 환경에 대한 셋팅이 많아 그것을 Docker의 이미지로 만들어 두어, 혹여라도 새로운 프론트/백엔드 개발자가 프로젝트에 합류한다면 쉽고 빠르게 개발 환경을 셋팅을 하게 하기 위해서이다. 물론 Docker를 이용한 배포 자동화 역시 안에 목적에 포함되어 있긴 하지만, 아직 배포 자동화까지는 고려할 단계가 아니라서 배제해두고 생각했다.

More …