최근 Electron 에 흥미가 생겨 환경 세팅를 했던, 과정을 정리해보고자 한다. 어떠한 도구를 사용해도 상관없지만, 가장 쉽고, 개발하기 편한 React 를 Electorn 에서 사용해보고자 한다. React 에 대한 고찰 현대의 웹은 복잡하고, 화려하다. 이는 단순 문서에서 Application 형태로 진화해가고 있기 때문이다. 순수 …

최근 Electron 에 흥미가 생겨 이를 정리해보고자 한다. Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS. The Electron API Demos app interactively demonstrates the most important features of the Electron API. See what's…www.electronjs.org Electron 은 JavaScript, HTML, CSS 로 데스크톱 애플리케이션을 만들 수있는 프레임 워크이다. 일렉트론 (소프트웨어 프레임워크) 일렉트론(Electron, 과거 명칭: 아톰 셸/Atom Shell)은 청자오(Cheng Zhao)가 개발한 오픈 소스 프레임워크의 하나로, 지금은 깃허브에 의해 개발되고 있다. 원래 웹 애플리케이션을 위해 개발된…ko.wikipedia.org

2020년도 이제 몇일 남지 않았다. 2020년 하반기에는 어떤 이슈가 있었고, 어떤 것들을 잘 해왔고, 어떤 것들이 부족 했는지 정리해 보려고 한다. 이번 년도를 종합적으로 평가해 보자면, 운이 좋게도 2020 년도에 목표로 한 일을 대부분 이룰 수 있었다. 하지만, 세세하게 살펴보면 부족한 점이 너무 많았고, …

sinopia 와 verdaccio 를 이용해 npm 저장소를 구축 해볼일이 생겨, 이를 정리해보고자 한다. rlidwka/sinopia sinopia - a private/caching npm repository server It allows you to have a local npm registry with zero configuration…github.com verdaccio/verdaccio 📦🔐A lightweight private npm proxy registry. Contribute to verdaccio/verdaccio development by creating an account on…github.com npm 이란? NPM 이란, Node Package Manager 로써 Node.js 의 Package 를 관리할 수 있는 도구이다.

최근 Proxy 와 Reflect 을 알게되어 간단히 정리해보고자 한다. Proxy pattern In computer programming, the proxy pattern is a software design pattern. A proxy, in its most general form, is a class…en.wikipedia.org Javascript 에서 Proxy 는 객체를 Wrapping 하고 객체의 동작을 가로채 수정하거나, 추가 행동을 할 수 있게 해준다. 간단 예제 function Obj(value) { this.value = value } Obj.prototype.proto …

최근 Browser Viewport 에 대한 궁금증이 생겨 이를 간단히 정리해보고자 한다. 브라우저 에서 Viewport 는 화면 크기를 이야기하며, 메뉴바, 탭영역 등을 제외한 순수 화면 영역이다. Viewport 의 영역은 디바이스 크기와, 각각의 브라우저 마다 계산되는 영역이 달라 같은 웹페이지라도 환경에 따라, …

2020년 상반기에는 어떤 이슈가 있었고, 어떤 것들을 배웠는지를 정리해 보려고 한다. 이번 상반기에는 주로 서비스 관점에서 많은 고민을 해온 것 같다. 웹 개발자로서, 서비스와 사용자를 이해하기 위해 노력했고, 특히 Project Owner로서, 프로젝트의 일정을 관리하고, 팀의 문화와 분위기를 만들기 위해, 고 …

최근 Immutable js 을 사용할 일이 생겨 이를, 간단하게 정리해 보고자 한다. 객체 지향 프로그래밍에 있어서 불변객체 (Immutable Object) 는 생성 후 그 상태를 바꿀 수 없는 객체를 말한다. 불변객체 객체 지향 프로그래밍에 있어서 불변객체(immutable object)는 생성 후 그 상태를 바꿀 수 없는 객체를 말한다. 반대 개념으로는 가변(mutable) 객체로 생성 후에도 상태를 변경할 수 있다. 객체…ko.wikipedia.org Immutable js 는 Javascript 의 값을 불변객체 로 만들 수 있게 도와준다. Immutable js 간단 예제 // …

React 는 UI (User Interface) 라이브러리 로써 매우 가볍고 빠르다. 또한 React 는 개발자에게 매우 자유롭다. 자유롭다는 뜻은 만드는 사람이 얼마나 이해하고, 어떻게 사용 하느냐에 따라, 제품의 성능이 극명하게 갈린다는 뜻이기도 하다. 아직은 React 을 정확히 이해하지 못하는 것 같아 최 …