[VueJS] Vue-CLI의 webpack-simple 분석

Vue-CLI 란 무엇인가?

CLI는 Command link interface의 약자로서, Wiki 백과에서는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다. 라고 되어 있다. (여기에서는 Vue-Cli에 대한 설명을 하기에 설명을 깊이 있게 하진 않으니, 혹시라도 관련 내용에 대해서 공부하고 싶다면 추가적으로 검색할 것을 추천한다.) 쉽게 표현해서 터미널의 간단한 명령어를 이용해서 Vue Framework 기반의 프로젝트를 스케폴딩하는 것을 도와주는 것이라고 생각하면 된다.

More …

[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 …