TS-LOG

프로그래밍/개발 일기

[에러] opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ]

opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ] 포토폴리오 정리를 위해서 예전 작업물을 빌드 했더니 위와 같은 에러가 발생했다. 구글링을 해보니 Node.js 버전에 따른 에러였다. 단순한 해결 방법은 Node.js 버전을 다운그레이드 하는 것이다. 하지만 이 방법은 정말 해결이 안될 때 할 수 있는 마지막 방법이고... 현 Node.js 버전을 유지하면서 쉽게 빌드 가능하게 할려면 package.json 에서 scripts를 수정하는 것이다. 내가 예전에 작업한 작업물은 vue.js 기반이고 scripts 내용은 아래와 같다. "scripts": { "serve": "vue-cli-service..

프로그래밍/개발 일기

애증의 Pixi.js

최근 Pixi.js로 PC 브라우저용 앱을 개발하고 있다. Create.js도 고민 해봤지만 GPU 사용이 가능한 Pixi.js가 아무래도 좋지 않을까~? 하는 생각이 컸다. Create.js도 GPU 사용이 가능하지만 그 부분은 만들다 말았고 라이브러리의 업데이트도 끊긴지 오래다. 아무튼, 좋은 퍼포먼스를 기대하며 Pixi.js로 개발을 했는데.... 결과는 좋지 않다. GPU를 사용하는 점은 Canvas2D에 비해서 분명 속도면에서 우월했다. 하지만 하드웨어 속성을 타는것 같다. 어떤 컴퓨터에서는 안정적인 성능을 보여주지만, 또 다른 컴퓨터에서는 GPU 사용률이 90% 나왔다. 만약 단순히 그래픽 카드 성능에 따른 이슈라면 클라이언트에게 가이드 라인이나 해결 방법을 명확히 주겠지만... 이슈 원인이 ..

프로그래밍/개발 일기

나만의 이벤트 디스패쳐

이벤트를 전달하는 방법은 몇 가지가 있다. 개인적으로는 이벤트를 순차적으로 내리고 올리는(버블링, 캡춰링) 방법을 선호한다. 이 방식은 많은 절차를 타고 가야 하는 단점이 있다. 예를 들어 C 클래스의 이벤트를 D 클래스에 전달하고 싶다면 C클래스에서 B 클래스로 버블링하고 B 클래스에서 다시 D 클래스로 캡춰링 해줘야 한다. 그럼에도 내가 좋아하는 이유는 이벤트 추적이 쉽고 버블링, 캡춰링시 추가적인 정보 가공이 용이하기 때문이다. 사실 이러한 방법은 언어에서 기본적으로 제공되거나 프레임 워크나 라이브러리의 경우 자신만의 문법으로 구현 되어 있다. 그럼에도 내가 커스텀 디스패쳐를 구현하고 싶은 이유는 공통된 방법으로 사용하고 싶기 때문이다. 구조는 내가 가장 많이 UI 개발을 한 ScaleForm의 구..

프로그래밍/개발 일기

한 두수 앞을 보고 개발 할 수는 없을까?

기획 명세를 보다 보면 확장성이 고려돼야 하는 기능들이 보일 때가 있다. 추후 확장할지는 그때 가봐야 알겠지만 확장을 염두에 두고 기반 작업을 한 것과 그렇지 않은 것은 확장 시 개발 비용 차이가 크게 발생한다. 예를 들어 명세 상의 기능 구현에 5일이 필요하다면 확장성까지 고려시에는 1~3일 정도가 더 필요하다. 대신 다음 마일스톤에서 기능 확장이 필요한 경우 개발 일정은 1~2일 이거나 추가 개발이 필요 없을 수도 있다. 확장성이 고려되지 않은 기반에서 기능을 확장하면 개발 일정은 전자 보다 비용이 크게 나오거나 최악의 경우 새로 만드는 게 더 빠를 수도 있다. 개발자 입장에서는 덜 고생할 수도 있는 것을 알고도 더 고생하게 되는 것이다. 최근 진행하는 태스크의 명세에서도 이런 점이 보였다. 문제는 ..