요즘 웹에서 음악을 녹음하고, 편집하는 기능을 구현하고 있다. 그 과정에서 peaks.js를 사용하였는데, 여기에 사용되는 konva라는 라이브러리를 jest가 인식하지 못해서, 원래 잘 돌아가던 테스트케이스도 통과하지 못하는 상황이 발생했다. 이를 해결하는 방법을 기록해본다. 발생한 오류메세지는 아래와 같다. ● Test suite failed to run Jest encountered an unexpected token This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript. By default, if Jest sees a Babel config, it wi..
react
1. 수업 국토 및 지역 계획 기말 발표: 지역 균형 발전에 관한 아이디어. 분산 오피스, 클라인 가르텐, 폐가 무상 임대 산업공학개론 현재 진도에 못 따라가고 있음 2. 과제 swpp hw3 리덕스 세팅 중 configureStore: RTK에서 custom store 만드는 법 스타일 가이드 여러 액션을 순서대로 처리할 경우 하나의 state만을 return하는 것을 권장: batch() 사용 Hook 사용 권장: connect를 사용하지 말고 Redux에서 제공하는 Hook 사용( usdSelector, useDispatch, useStore, etc.) 비동기 처리 redux + saga: 실제 적용 사례 redux thunk로 async 로직 작성하기 Essential 튜토리얼 관련 링크 : 공..
아임포트와 Firebase Cloud Function 지난 7월에 회사(파프리카 데이터랩)에서 아임포트 일반 결제를 React를 이용해 구현한 웹페이지(캐다의 웹페이지)에 연동해보았습니다. Firebase를 활용한 방법은 인터넷에 잘 나와있지 않아서 글을 작성합니다. 연동 가이드 를 참조하여 진행하면 되지만, Step 5와 Step 7 부분을 이 글을 참조하면 됩니다. 사실 firebase는 node JS로 코드를 작성하면 되어서 큰 틀은 달라지지 않습니다. 하지만, 다른 DB에서 사용하게 되는 Query 방식과는 다르기에 처음에 Firebase의 cloud function에 대해 튜토리얼을 읽어 봐야했습니다. 그 이후 작성한 firebase cloud function을 이용한 아임포트 결제 API 예제..
