요즘 웹에서 음악을 녹음하고, 편집하는 기능을 구현하고 있다. 그 과정에서 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..
개발/오늘 배운 지식
장고로 백엔드를 구현하던 중 pylint가 장고의 문법을 오류로 인식하는 것을 확인했다. 사실 이전부터 빨간줄이 그어져 있었지만, 실행에는 이상이 없어서 무시하고 있었다. 하지만 계속 밑줄이 그어지다보니 신경이 쓰였기에 pylint와 충돌하는 것을 해결해보았다. Class 'Article' has no 'objects' memberpylint(no-member) User model imported from django.contrib.auth.modelspylint(imported-auth-user) 이러한 오류들이 발생했는데 아래의 방법으로 해결할 수 있었다. pylinst-django 설치하기 pip install pylint-django 프로젝트의 루트 경로에 .pylintrc 파일 생성 후 아래의 ..
react-native-svg 오늘 리액트 네이티브 개발을 하던 중, 아이콘을 앱에 넣어야하는 상황이 있었다. 앱 디자인은 이미 피그마로 해두었기에, 피그마에서 svg로 export한 아이콘을 앱에 넣는 방법을 알아보았다. 아직 프로젝트 초창기이기 때문에, 관련 세팅이 필요했다. 이번 프로젝트에서는 react-native-svg를 사용하였다. react-native-svg 설치 1. npm 혹은 yarn으로 라이브러리 설치 yarn add react-native-svg 2. React native와 autolink하기(RN 버전 0.60 이상부터 가능) cd ios && pod install 0.60 이하의 버전인 경우 react-native link react-native-svg 커멘드를 터미널에 입력..
CSS 복습 React native(typescript 이용)로 앱 프로토타입을 만드는 중 매번 헷갈리는 내용이 있어서 정리. Align vs Justify Align Align이 들어간 css는 flex 축에 수직으로 적용된다. 즉 flow-direction이 row라면 Align은 column방향으로 정렬함. Justify Justify가 들어간 정렬은 flex 축에 평행하게 적용됨. 매우 강추하는 flexboxfroggy (연습용 예제 사이트) Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com *-content > *-items > *-self align-content determines the spacing between lines..
왜 윅스를 선택하였는가? 진행 중인 프로젝트에서 윅스로 홈페이지를 만들었다. 실제 시장에서 프리토타이핑을 진행하기 위한 테스트 및 홍보용 웹사이트여서, 실제 코드로 구현하는 것보다는, 노코딩으로 구현할 수 있는 윅스를 선택했던 것이다. 윅스말고도 아임웹이라는 한국 회사가 제공하는 서비스도 있었다. 아임웹이라는 서비스가 현재 우리나라 스타트업들이 사용하는 웹 템플릿과 더욱 잘 어울리고, 많이 활용되는 듯 하였으나, 녹음 파일 재생 기능이 필요했던 우리는 윅스를 선택했다. 시장에 배포하기 위해 준비한 것들. 윅스와 노션을 통해 페이지 디자인. 윅스 디자인은 내가 맡아서 하진 않았고, 친구가 전담하여 진행했다. 보통의 블로그 꾸미듯이 진행하는 것으로 보였다. 그리고 팀 소개 페이지는 노션으로 만들었는데, 노션..
Xcode를 12버전에서 13으로 업데이트하고 난 다음 빌드 에러가 발생하였다. 원래는 빌드가 잘 되었던 프로젝트였는데, 업데이트 이후 문제가 발생했다. ...(생략) ** BUILD FAILED ** The following build commands failed: Ld /Users/***/Library/Developer/Xcode/DerivedData/****-fvqcobexgiohywfvalwevmqwmogq/Build/Products/Debug-iphonesimulator/****.app/hiral normal (in target '*****' from project '*****') (1 failure) info Run CLI with --verbose flag for more details. e..
1. 수업 18일: 산공개, 국지계 19일: 모바일 컴퓨팅, 소개원실(제대로 못 들음) 20일: 산공개, 국지계 2. 과제 및 개인 공부 아이폰 STT 앱 튜토리얼 Voice Overlay 애플 공식 STT 튜토리얼 소개원실 공부 3. 업무 외주 계약 체결 완료 수류증 제출 완료 심화 교육 수강 필요 4. TODO UIkit 튜토리얼 27일 산공개 시험 소개원실 과제 4 컴비 과제 3
1. 수업 12일: 모바일 컴퓨팅, 소개원실 13일: 산업공학개론, 국토 및 지역계획 14일: 모바일 컴퓨팅, 소개원실 2. 과제 소개원실 개인 과제 swpp-hw3 테스팅으로 많은 시간을 쓰고 있다. 테스트 코드 작성을 배울때는 클래스 컴포넌트, 예전 리덕스 등을 바탕으로 배웠다. 그러나, 이번에 과제를 할 때, 최근에 사용하라고 권장하는 리덕스 툴킷, 함수형 컴포넌트 등을 사용하였다. 그래서, 배웠던 내용과 달리, 함수형 컴포넌트에서 jest + enzyme으로 테스팅을 진행하는 레퍼런스가 부족해서 이리저리 찾느라 더욱 오래 걸림. 테스팅 관련해서 도움이 되었던 링크들. useState mocking redux test exmaple Enzynme 공식 문서 Jest 3. 업무 10/15 사업비 변경..
