Side Project (4) 썸네일형 리스트형 [flutter] 안드로이드 스튜디오 빌드 오류 flutter로 앱을 만드는 중에 XCode와 IOS Simulator를 통해 IOS 환경에서 테스트 빌드는 잘 실행되어 UI도 확인하고 기능도 테스트해볼 수 있었다.이제 android 환경에서도 테스트 해보기 위해 android studio 설치해서 테스트 빌드 실행하는 순간...!에러가 발생했다...에러가 한두개가 아니니 단계별로 에러의 원인과 해결방법을 기록해두려고 한다.1. settings.gradle의 plugins 블록 위치 오류FAILURE: Build failed with an exception.\* Where:Settings file '/Users/yiju/dev/shifter/android/settings.gradle' line: 28\* What went wrong:Could not .. [외주] 버디망고 프로젝트 회고 프로젝트 기간- 2024.11.5 ~ 2024.12.10 (5주)실 개발 일수: 17일 (깃헙 로그 기준)3L 회고👍 Likedcursor AI를 사용하여 개발 생산성을 높일 수 있어 좋았다.Next, TailwindCss, Supabase, Vercel 조합으로 쉽고 빠르게 클라이언트, 어드민 페이지 개발할 수 있어서 좋았다.Next를 사용하면서 서버사이드 렌더링, 클라이언트 사이드 렌더링의 장단점을 구별하여 적절하게 사용하고 서버가 어떤 역할을 하는지에 대해 더 깊게 알게될 수 있어서 좋았다.📘 Learnedsupabase 타입을 그대로 불러와서 프로젝트에서 사용할 수 있는 sync 명령어를 배워서 앞으로 유용하게 사용할 것 같다.PostgreSQL 기반의 데이터베이스를 설계하고 해당 테이블에 접.. [Toss Portfolio] 회고 👍 Liked메가테라를 수강하면서 배운 코드 구조대로 관심사 분리, 테스트 코드를 작성해볼 수 있어서 좋았다.혼자 기획, 디자인, FE, BE 모두 맡아서 해서 각 파트별로 어떻게 해줘야 다음 사람이 일을 편하게 할 수 있는지 경험해볼 수 있어서 좋았다.반응형 디자인을 구현하면서 PC화면, 모바일 화면에서 모두 동일하게 화면을 보일 수 있게 구현할 수 있어서 좋았다.📗 LearnedSupabase 라는 Postgre SQL을 사용하는 데이터베이스를 사용하여 SQL 쿼리문도 작성해보고 CRUD도 배웠다.Zustand 라이브러리르 사용하면서 상태관리를 최대한 캡슐화하면서 코드를 작성하는 법을 배웠다.그 결과 디버깅 속도가 빨라졌다.Figma를 사용하면서 Auto Layout과 Frame, Componen.. [Toss Portfolio] Vitest caught 1 unhandled error .. 디버깅 개요Vitest와 MSW를 사용하여 API mocking 테스트 코드를 작성하였다.그런데, 아래와 같은 에러가 발생했다. 에러 메세지를 읽어보면, Vitest가 테스트 중에 handling 되지 않는 에러를 마주쳤다고 한다.에러 발생한 위치와 에러 발생한 원인에 대해 알려주고 있다. - Vitest 동작 중에 에러가 발생했다.- 테스트 완료되기 전에 에러가 발생한 경우, 이는 테스트가 실행되기 전 마지막 문서화된 테스트였다.접근 및 과정Vitest 테스트 중에 발생한 에러가 아니라고 하니 Vitest, MSW 관련 에러는 아니다.그럼 컴포넌트에서 에러를 발생하고 있는가? 컴포넌트에서는 useEffect Hook에서 axios를 사용하여 요청을 보내고 있다.테스트 환경에서 이를 MSW가 가로채서 mock .. 이전 1 다음