TS-LOG

프로그래밍/개발 일기

Parcel & 플러그인 설치

Parcel 은 내가 주력으로 사용하는 번들러다. 이유는 Parcel 이 Zero Configuration 이기 때문이다. 즉 필요한 기능만 설치 가능하다. 번들러도 엔진처럼 안정성과 주력 플러그인의 호환성을 고려해야 한다. 그래서 픽스된 버전이 있으면 업데이트를 쉽게 하지 못한다. 그래서 Parcel의 버전도 V1을 쓰고 있었는데.... 더 이상 늦추면 안될것 같아 이번에 V2로 버전업 했다. 시간이 지나면 잊을것 같아서 정리해 본다. Parcel 설치현 시점에서 NPM으로 Parcel를 설치하면 당연히 V2 버전이 설치된다.npm i parcel 이유는 모르겠는데 진입점이 되는 html 파일안에서 불러오는 JS가 모듈 구조라면 type에 module 지정을 꼭 해줘야 한다. V1에서는 package...

프로그래밍/개발 일기

[에러] 이 시스템에서 스크립트를 실행할 수 없으므로...

회사에서 컴퓨터를 교체 받았다.VSC를 설치 후 파워쉘에서 번들러로 빌드할려고 했더니다음과 같은 에러가 발생했다.  어렴풋하게 예전에도 겪었던 문제인데....보안 관련 권한 문제로 알고 있다. 해결 방법은 권한을 주면 된다.파워쉘에서 다음과 같이 순차적으로 입력한다.Set-ExcutionPolicy RemotedSignedGet-ExcutionPolicy Get-ExcutionPolicy 명령어 실행시 Set-ExcutionPolicy 로지정한 권한 상태가 나오면(RemotedSigned) 잘 변경된 것이다. 그 후 번들러를 실행하니 정상적으로 작동된다.

프로그래밍/CreateJS

[CreateJS] 마스크 적용하기

CreateJS는 애니메이트CC(구 플래시)에서 캔버스용으로 제작시 사용하는 라이브러리다.애니메이트CC 사용시에는 디폴트로 사용이 가능하고 따로 라이브러리만 가져와서 사용도 가능하다. 당연한 얘기지만 CreateJS는 클래스명이나 메서드는 액션 스크립트와 매우 비슷하다.그래서 액션스크립트에 익숙한 개발자라면 러닝 커브면에서 유리하다. 하지만 몇 기능들은 예상과 다르게 동작한다.그 중 하나가 마스크이다. 액션스크립트에서의 마스크 적용액션스크립트는에서는 마스크 적용은 보통 두개의 무비클립을 사용한다.하나는 마스크용, 다른 하나는 마스크를 적용하는 대상이다. 테스트를 위해 다음과 같이 무비클립을 배치했다.검정색 원의 인스턴스명은 mMask파란색 사각형의 인스턴스명은 mRect 이다. 액션스크립트를 실행하면 정..

프로그래밍/개발 일기

로컬 서버에서 스파인 플레이어 실행하기

최근 교육회사 팀장으로 이직 했다.교육앱에 들어가는 애니메이션으로AnimateCC, Spine, Lottie를 사용한다고 한다. AnimateCC는 그동안 다룰줄 아는 개발자도 없었고애니메이터 분들도 선호하지도 않았다. 개발팀에서는 Spine을 사용하고 싶었지만Spine을 할 줄 아는 애니메이터들이 없어서이 역시 제대로 활용을 못하고 있었다. 그래서 그동안 Lottie로 작업을 했다고 하는데성능이 나오지 않아서 개발팀 원성이 자자하더라..(벡터 기반이 용량은 가볍지.. 렌더링은 가볍지 않다.) 내가 합류한 시점에 Spine 애니메이터 분들도 계시고,Spine이 애니메이션 표준처럼 되었기에 Spine을 기준으로 R&D를 진행하게 되었다. 그전에 애니메이터분이 Spine 애니를 바로 볼 수 있었으면좋겠다는 ..