[2일차] ffmpeg.wasm 0.10.0 업데이트 및 github action npm ci 문제 해결

1. ffmpeg.wasm 업데이트

개발 진행중 ffmpeg.wasm 이 0.10.0으로 업데이트 된 것을 확인했다. 이전에 문제가 있었던 스레드 종료이슈에 대한 기능이 구현되었다. 사용하면 원하는 상황에 바로 리소스가 해제되진 않는 듯 하지만 전혀 없었던 때에 비하면 훨씬 더 좋아졌다.

setTimeout(() => {
      try {
        ffmpeg.exit();
      } catch {
        
      }
    }, 0);

ffmpeg.exit() 함수를 바로 호출하면 에러 메시지가 alert으로 표시되어 나온다. 따라서 timeout으로 감싼뒤 try catch로 처리했다.

 

2. 아이콘 변경

아이콘에 소소한 변경을 주었다. 지난시간에 만들었던 아이콘이 새로 디자인할 뮤직플레이어 웹앱에 어울릴듯하여 해당 아이콘은 새로운 뮤직플레이어 웹앱에 사용할 예정이다.

 

멋은 좀 떨어졌지만 그럭저럭 괜찮을듯하다.

 

3. Github Action 이슈

잘되던 배포자동화가 갑자기 말썽을 부렸다. 원인은 npm ci 명령어 실행 중 발생한 "fsevents not accessible from jest-haste-map" 이었다. fsevents 라이브러리를 직접 쓰지 않기 때문에 무슨 용도인진 잘 모르겠으나, 테스트 라이브러리인 jest에서 사용한다. 현재는 테스트 관련 코딩을 작성하지 않았기 때문에 jest가 필요없긴 하지만, 좀 더 익숙해지면 테스트 코드를 구축할 계획이므로 지우진 않았다.

 

인터넷에 뒤져보니 optionalDependencies 에 설정하면 빌드 실패시에도 설치과정이 중단되진 않는다고 한다.

https://heropy.blog/2018/02/18/node-js-npm/

처음 시작하는 Node.js 개발 - 2 - npm

적용방법은 아래와 같다.

npm i fsevents@latest -f --save-optional

적용 후 커밋을 하니 비로소 CI/CD가 제대로 동작한다.

이것때문에 상당한 뻘짓을 했다.