TS-LOG

프로그래밍/그래픽

라디안과 도

우리는 일상에서 각도는 주로 도를 사용한다.수학 시간에 배운 '90도', '180도', '360도' 처럼 말이다.  하지만 프로그래밍에서는 '도' 외에도 '라디안' 이라는 단위도 사용한다.정확히는 '라디안'이 프로그래밍에서 각을 구하는데 더 알맞은 단위이다.그래서 각을 구함에 있어서 라디안 단위로 계산을 많이 하게 된다. 라디언과 도의 변환 공식프로그래밍에서 삼각함수나 호를 그릴때는 라디안 값을 사용한다.회전 같은 경우는 도값으로 동작하는 경우도 있지만보통은 라디안으로 계산한다고 봐야 한다. 하지만 사용자에게 각도를 입력받거나각도를 표시해줘야 하는 경우는 도를 사용한다. 그래서 도 에서 라디안으로또는 라디안에서 도로변환하는 일이 자주 발생한다. 공식은 다음과 같다. // 도를 라디안으로 변환 ..

프로그래밍/Node.js

모듈 내보내기 및 가져오기

노드 모듈 시스템은 CommonJS 모듈 시스템과 ES 모듈시스템이 있다. 그리고 보통 하나의 모듈 시스템으로 개발한다. 여러 패키지 설명글을 보다 보면 모듈을 가져오는 예제 코딩을 볼 수 있다. 이때 CommonJS 방식으로 설명하는 곳이 있는가 하면 ES 방식으로 설명하는 곳도 있다. 이런 모듈 시스템 차이를 모르고 맞지 않는 방법으로 모듈을 내보내거나 가져올려고 하면 당연히 에러나 발생한다. CommonJS 모듈 시스템 내보내기 및 가져오기 환경설정 환경 설정에서 모듈 시스템을 따로 설정하지 않았다면 디폴트는 CommonJS 시스템이다. 내보내기 (modusl.exports) CommonJS 방식에서 모듈은 module.exports = 변수나 함수 방식으로 내보낸다. // cj_testFnc.js..

프로그래밍/개발 일기

[에러] 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.js7

pixi-sound 사용하기

Pixi.js는 그래픽 라이브러리다. 그래서 사운드를 제어하는 기능은 지원하지 않는다. 그렇다고 사운드를 다른 라이브러리나 바닐라.js로 관리하기엔 여러모로 불편하다. 다행히 pixi-sound 라이브러리를 설치하면 pixi.js 기반에서 리소스로서 사운드 제어가 가능하다. 설치 pixi.js는 버전에 따라서 리소스 관리나 메서드가 다른점이 있다. 그래서 사용하는 버전에 맞게 pixi-sound도 설치 해줘야 한다. 글을 작성하는 지금 pixi.js는 8버전까지 나왔지만 최근 진행한 업무는 pixi.js 7버전으로 하고 있기에 v5.x 버전으로 설치해 줬다. npm i @pixi/sound@5.2.2 사용 방법 기본 방법 사용 방법은 어렵지 않다. add() 메서드로 색인과 경로를 등록하고, play()..