최근 Electron 에 흥미가 생겨 환경 세팅를 했던, 과정을 정리해보고자 한다.

어떠한 도구를 사용해도 상관없지만, 가장 쉽고, 개발하기 편한 React 를 Electorn 에서 사용해보고자 한다.

React 에 대한 고찰

현대의 웹은 복잡하고, 화려하다. 이는 단순 문서에서 Application 형태로 진화해가고 있기 때문이다.

순수 …

최근 Electron 에 흥미가 생겨 이를 정리해보고자 한다.

Electron 은 JavaScript, HTML, CSS 로 데스크톱 애플리케이션을 만들 수있는 프레임 워크이다.

Electron 은 Node.JS 로 로컬 시스템에 접근하고, Chromium 으로 화면을 구성한다.

HTML 에서 JS 로, Electr …

2020년도 이제 몇일 남지 않았다. 2020년 하반기에는 어떤 이슈가 있었고, 어떤 것들을 잘 해왔고, 어떤 것들이 부족 했는지 정리해 보려고 한다.

이번 년도를 종합적으로 평가해 보자면, 운이 좋게도 2020 년도에 목표로 한 일을 대부분 이룰 수 있었다. 하지만, 세세하게 살펴보면 부족한 점이 너무 많았고, …

sinopia 와 verdaccio 를 이용해 npm 저장소를 구축 해볼일이 생겨, 이를 정리해보고자 한다.

npm 이란?

NPM 이란, Node Package Manager 로써 Node.js 의 Package 를 관리할 수 있는 도구이다.

npm 을 이용하면, NPM 저장소 에 있는 Package 를 쉽게 공유 받고 관리할 …

최근 Proxy 와 Reflect 을 알게되어 간단히 정리해보고자 한다.

Javascript 에서 Proxy 는 객체를 Wrapping 하고 객체의 동작을 가로채 수정하거나, 추가 행동을 할 수 있게 해준다.

간단 예제

function Obj(value) { this.value = value }
Obj.prototype.proto …

최근 Browser Viewport 에 대한 궁금증이 생겨 이를 간단히 정리해보고자 한다.

브라우저 에서 Viewport 는 화면 크기를 이야기하며, 메뉴바, 탭영역 등을 제외한 순수 화면 영역이다.

Viewport 의 영역은 디바이스 크기와, 각각의 브라우저 마다 계산되는 영역이 달라 같은 웹페이지라도 환경에 따라, …

2020년 상반기에는 어떤 이슈가 있었고, 어떤 것들을 배웠는지를 정리해 보려고 한다.

이번 상반기에는 주로 서비스 관점에서 많은 고민을 해온 것 같다.

웹 개발자로서, 서비스와 사용자를 이해하기 위해 노력했고, 특히 Project Owner로서, 프로젝트의 일정을 관리하고, 팀의 문화와 분위기를 만들기 위해, 고 …

최근 Immutable js 을 사용할 일이 생겨 이를, 간단하게 정리해 보고자 한다.

객체 지향 프로그래밍에 있어서 불변객체 (Immutable Object) 는 생성 후 그 상태를 바꿀 수 없는 객체를 말한다.

Immutable js 는 Javascript 의 값을 불변객체 로 만들 수 있게 도와준다.

Immutable js 간단 예제

//  …