본문으로 건너뛰기

Posts Wiki Life

불러오는 중

Posts Wiki Life Tags

© 2026 Guesung's Blog · RSS

Wiki

개발하면서 해결한 트러블슈팅을 기록으로 남기고, 틈틈이 다시 공부하며 정리한 기록들입니다.

트러블 슈팅 46 설계 판단 15 개발 기록 61 학습 정리 21 환경 기록 12

트러블 슈팅46

작성일제목프로젝트

2026.06.16expo 카카오 로그인 + supabase에서 idToken audionce 불일치하는 문제프로젝트 개인 프로젝트
2026.05.28Remote Cache 설정 후 ‘WEB_URL이 설정되지 않았습니다.’프로젝트 개인 프로젝트
2026.05.13모노레포 내 expo 앱을 관리하면서 생긴 의존성 문제프로젝트 개인 프로젝트
2026.02.28expo를 모노레포에서 관리할 때 모듈을 찾지 못하는 문제프로젝트 개인 프로젝트
2026.02.27Remote Cache 설정 후, CI 환경에서 익스텐션 빌드 후 dist폴더가 생성되지 않는 이슈프로젝트 개인 프로젝트
2026.02.23web을 turbo의 remote cache를 활용할 경우, CI환경에서 빌드 에러가 발생한다.프로젝트 개인 프로젝트
2026.02.21shared패키지의 peerDepdencies에 18 || 19로 설정한 이후 발생한 react 이중 인스턴스 문제프로젝트 개인 프로젝트
2026.02.20expo SDK 업그레이드 후 의존성 문제프로젝트 개인 프로젝트
2024.08.13Module parse failed: Unexpected token (24:21)프로젝트 PosePicker
2024.08.09웹앱에서 instagram 이동 후 빈화면이 뜬다.
2024.08.07Vercel에서 특정 패키지의 배포가 되지 않는다.프로젝트 Guesung Blog
2024.08.01Error: React Context is unavailable in Server Components
2024.07.29twMerge 사용 중, bg-[xx]와 bg-opacity-[xx]이 하나로 합쳐진다.
2024.07.19Next.js 실행 시 무한 compiling이 된다. #모노레포 #tailwindcss프로젝트 개인 프로젝트
2024.05.25이미지 모양이 타원이 된다.프로젝트 엘리스
2024.04.22추가한 json-ld가 production에 나타나지 않는다.프로젝트 엘리스
2024.04.18fs를 사용하는데, 배열에 값이 담기지 않는다.프로젝트 엘리스
2024.02.11[빌드 에러] SyntaxError: Unexpected token 'T', "The deploy"….. is not valid JSON
2024.02.02Web에서는 타입 적용이 되지만, App에서는 타입 적용이 되지 않는다.프로젝트 글로디
2024.01.30이전 develop브랜치에서의 커밋이 사라졌다.프로젝트 글로디
2024.01.29이전에 반영한 모든 커밋이 Pull Request에 올라갔다.프로젝트 글로디
2024.01.29Failed to launch the app on simulator, An error was encountered processing the command프로젝트 글로디
2024.01.20이미지 업로드가 pc에서는 잘 되는데, 폰에서는 가끔씩 안된다.프로젝트 글로디
2024.01.18서버에서 prefetching한 데이터가 캐싱되지 않는다.프로젝트 글로디
2024.01.11Date객체 크로스 브라우징 이슈프로젝트 글로디
2024.01.09api 실패 시 무한으로 api 요청을 한다.프로젝트 글로디
2024.01.08Safari와 chrome 구분하기프로젝트 글로디
2024.01.06개발 환경에서 페이지를 로드하는데 24초가 걸린다.프로젝트 글로디
2024.01.06Turbo Repo에서 tailwindcss가 적용이 되지 않는다.프로젝트 글로디
2023.12.24utterances 401 Error프로젝트 개인 프로젝트
2023.12.21Gloddy 프로젝트를 하며 겪은 다양한 React Native 이슈프로젝트 글로디
2023.12.04Expected server HTML to contain a matching <div> in <html>.프로젝트 글로디
2023.11.28Cannot assign to read only property '0' of object '[object Array]'프로젝트 글로디
2023.11.28next.js-notion-template 무한 빌드프로젝트 글로디
2023.11.24tailwindCSS에서 Border 적용이 되지 않는다.프로젝트 글로디
2023.11.24Next.js This page could not be found프로젝트 글로디
2023.11.23React Native 웹뷰에서 앱으로 메시지 전송을 어떻게 해야 할까?프로젝트 글로디
2023.10.12지원서 신청을 했는데, 푸쉬 알림이 울리지 않는다.프로젝트 글로디
2023.09.05No QueryClient set, use QueryClientProvider to set one프로젝트 글로디
2023.09.02type '{}' is not assignable to type 'ReactNode'
2023.08.22isValidElement와 컴포넌트 타입 체크: 개발/배포 환경 간 차이 해결하기프로젝트 글로디
2023.08.19특정 svg파일이 정상적으로 뜨지 않는다.프로젝트 글로디
2023.08.15Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".프로젝트 글로디
2023.08.15Modal에 애니메이션이 적용되지 않는다프로젝트 글로디
2023.08.10Error boundary가 먹히지않는다.프로젝트 글로디
2023.08.03서버에서 쿠키 설정하려고 할 때 발생하는 에러 : Cookies can only be modified in a Server Action or Route Handler.프로젝트 글로디

설계 판단15

작성일제목프로젝트

2024.02.22Github 브랜치 전략, 머지 전략
2024.02.11컴포넌트와 함수, 분리하는 게 정말로 최선일까?
2024.02.10서버 상태 관리를 위해 react-query를 꼭 사용해야할까?
2024.01.23queryClient는 왜 useState로 관리해야할까?프로젝트 글로디
2024.01.22로컬에 사용자 정보를 저장을 어떤 방식으로 하는 게 좋을까?프로젝트 글로디
2024.01.19react-query V5 마이그레이션에 대한 고민, 그리고 마이그레이션 과정프로젝트 글로디
2024.01.18상태 관리에 대한 고찰프로젝트 글로디
2024.01.18.client, .server를 구분할 필요가 있을까?프로젝트 글로디
2024.01.17Recoil이 Context API의 어떤 점을 극복하려 했을까?
2024.01.16Hotfix 따른 Git 전략에 대한 고민 (Git Flow vs Github Flow)프로젝트 글로디
2024.01.13api를 워터폴 방식으로 수정하는 게 좋을까?프로젝트 글로디
2024.01.13Merge 방식에 대한 고찰프로젝트 글로디
2023.11.09Next.JS 13 App routing에 가장 적합한 CSS 프레임워크는 무엇일까?
2023.06.22폴더 구조, 어떻게 해야할까?프로젝트 글로디
2023.06.21웹사이트를 웹뷰로 띄울 네이티브 프레임워크에 대한 고민프로젝트 글로디

개발 기록61

작성일제목프로젝트

2026.02.26turborepo를 활용해서 모노레포를 관리해보자프로젝트 개인 프로젝트
2026.02.21syncpack으로 버전 통일프로젝트 개인 프로젝트
2024.08.13Next.js CI 설정하기 (Type, Lint)프로젝트 PosePicker
2024.08.09Chat GPT에게 코드리뷰 받기프로젝트 PosePicker
2024.08.08Recoil로 상태 관리 → Cookie로 마이그레이션프로젝트 PosePicker
2024.08.02OAuth2.0 구현하기 - Kakao 로그인 & Next Auth프로젝트 Guesung Blog
2024.07.29Next.js SEO프로젝트 Guesung Blog
2024.07.26tailwindcss로 다크모드 설정하기프로젝트 Guesung Blog
2024.07.22tailwindcss를 미리 CSS로 컴파일한 패키지를 다른 앱에서 import하여 사용하기프로젝트 개인 프로젝트
2024.07.11기존 Web + App 멀티레포에서 모노레포로 마이그레이션하기프로젝트 글로디
2024.07.11Next.js 13 App routing에서 react query를 사용하여 어떻게 데이터를 서버에서 미리 받아올까?프로젝트 글로디
2024.07.09tw-merge의 단점 보완하여 커스텀 cn 만들기프로젝트 개인 프로젝트
2024.06.09MDX에서 이미지 보여주기프로젝트 Guesung Blog
2024.06.08Javascript로 Text To Speech 구현하기프로젝트 엘리스
2024.06.03파일, 폴더 생성하는 프로세스 자동화하기프로젝트 엘리스
2024.05.27canvas에 그림 그리기 (이미지 + canvas + OCR API)프로젝트 엘리스
2024.05.25컴포넌트의 사이즈 측정하기프로젝트 엘리스
2024.05.19마우스를 가져다대면 설명 보여주는 기능프로젝트 Guesung Blog
2024.05.19스크롤을 내릴 때 Header를 숨기고, 올릴 때 보여주기프로젝트 Guesung Blog
2024.05.11Canvas 이용하여 그림판 만들기프로젝트 엘리스
2024.05.11video 커스텀하기프로젝트 엘리스
2024.05.11점을 이어서 선을 만들기 (svg, line, circle)프로젝트 엘리스
2024.05.05Next.js 블로그에 코드 Syntax 입히기프로젝트 Guesung Blog
2024.04.21Node.js fs를 이용하여 MarkDown 글 불러오기프로젝트 Guesung Blog
2024.04.17schema markup을 이용한 SEO프로젝트 엘리스
2024.04.12Github Actions로 Lighthouse CI 자동화하기프로젝트 엘리스
2024.04.11Next.js 랜딩페이지 성능 개선하기프로젝트 엘리스
2024.04.07TurboRepo로 모노레포 구축하기프로젝트 Guesung Blog
2024.02.10Throttle과 Debounce를 구현해보자프로젝트 개인 프로젝트
2024.02.10react-query 없이 ErrorBoundary를 사용해보자프로젝트 개인 프로젝트
2024.02.10URL의 쿼리 스트링(searchParams)를 훅으로 커스텀하여 유연하게 다뤄보자프로젝트 개인 프로젝트
2024.01.29React Native와 WebView간에 메시지 전송하는 방법프로젝트 글로디
2024.01.26Sentry를 사용하여 에러를 추적해보자프로젝트 글로디
2024.01.25React Native에서 TabBar를 사용하여 페이지 라우팅을 관리하자프로젝트 글로디
2024.01.22프로젝트 성능을 개선해보자.프로젝트 글로디
2024.01.21Github Action을 이용하여 Labelling, Milestone, Eslint, Prettier 자동화하기프로젝트 글로디
2024.01.16invalidateQueries를 사용하여 데이터를 필요한 경우에만 재요청하기프로젝트 글로디
2024.01.16이미지를 압축하여 서버에 전송할 이미지 용량 줄이기프로젝트 글로디
2024.01.14Next.js에서 에러 페이지 보여주기프로젝트 글로디
2024.01.07Electron이용한 습관 프로그램 제작기 : Habit Minder프로젝트 Habit Maker
2023.12.30npm에 내 프로젝트 출시하기프로젝트 개인 프로젝트
2023.12.28나만의 보일러 플레이트 만들어서 배포하기 (create-xx-app)프로젝트 개인 프로젝트
2023.12.24Next.js App Route에서 검색 엔진 등록하기 (Google, Naver)프로젝트 글로디
2023.12.23React Native에서 권한 요청 순차적으로 진행하기프로젝트 글로디
2023.12.09Github Action으로 다른 레포지토리에 배포 자동화하기프로젝트 글로디
2023.12.01이미지 업로드 속도를 개선해보자프로젝트 글로디
2023.11.15Intersection Observer를 이용해서 목차를 구현해보자.프로젝트 개인 프로젝트
2023.11.10회원가입, 상품 구매 등 단계별로 나눈 퍼널을 useFunnel훅으로 간편하게 관리하기프로젝트 글로디
2023.11.09나만의 BoilerPlate 코드 만들기프로젝트 개인 프로젝트
2023.11.07스크롤 위치에 따라서 특정 태그 보이게 / 안보이게 구현하기프로젝트 개인 프로젝트
2023.11.04Next.js웹 기반 라우팅에서 React Native앱 Navigate로의 전환프로젝트 글로디
2023.10.12github처럼 []()으로 링크 생성하기프로젝트 개인 프로젝트
2023.09.08아이콘 깜빡임 문제, SVG Sprite로 깔끔하게 해결하기프로젝트 글로디
2023.08.30선언적인 Flex 컴포넌트 구현하기 (다형성 컴포넌트, Polymorphic)프로젝트 글로디
2023.08.25Modal 컴포넌트 만들어, Modal을 커스텀 훅으로 관리하기프로젝트 글로디
2023.08.21디자인 시스템에 Compound Component Pattern 적용해보기프로젝트 글로디
2023.08.12사용자의 입력을 받는 TextField 공통 컴포넌트 제작하기프로젝트 글로디
2023.08.11AWS EC2로 Next.js를 배포해보자프로젝트 글로디
2023.06.16과한 렌더링을 어떻게 해결해야할까?프로젝트 글로디
2023.06.08Next.js 13 App routing에서 Google Analytics 사용하는 법프로젝트 Guesung Blog
2023.04.17Tanstack Query Type-Safe하게 사용하기프로젝트 Atties

학습 정리21

작성일제목프로젝트

2024.07.24Suspense
2024.07.17Tanstack Query
2024.07.15React Hook Form
2024.07.12Axios, fetch
2024.07.10JWT
2024.05.10패키지 관리자 (npm, yarn, pnpm)
2024.05.01Javascript 엔진
2024.05.01Javascript 모듈 시스템 : Javascript CommonJS vs ES Module
2024.04.12Javascript로 비동기 처리하기
2024.03.01React Hooks
2024.02.25Next.js Build
2024.02.22Javascript 이벤트 버블링, 이벤트 캡처링, 이벤트 위임
2024.02.22let vs const vs var
2024.02.12Testing Library (Jest, React Testing Library, Cypress)
2024.02.07Context API Deep Dive
2024.01.30Git Rebase프로젝트 글로디
2024.01.14Next.js의 Server Side Rendering, Server Static Generation프로젝트 글로디
2023.11.18Javascript Babel
2023.11.09iterator/iterable, generator Deep Dive프로젝트 글로디
2023.08.23Compile vs Interpret
2023.05.15CSS Framework 딥다이브

환경 기록12

작성일제목프로젝트

2024.08.10VSCode 확장프로그램 배포 시(vsce publish) 에러 해결프로젝트 Code Snippet
2024.04.22prettier가 재실행되지 않는다.프로젝트 엘리스
2024.04.18ESLint was configured to run on <tsconfigRootDir>/lighthouserc.js using parserOptions.project프로젝트 엘리스
2024.02.18node_modules를 사용하는데 .yarn/cache폴더가 자꾸 생성이 된다.
2024.02.12Jest를 설치 후 , Next서버 실행이 안된다.
2024.02.05ESLint의 import 정렬이 적용되지 않는다.
2024.02.01절대 경로가 설정되지 않는다.프로젝트 글로디
2023.11.28Trouble Shooting: error connecting: Error: connect ECONNREFUSED ::1:3306프로젝트 글로디
2023.11.18Mac에서 docker desktop 설치 후 docker를 치면 command not found : docker답변만 돌아올 때프로젝트 글로디
2023.11.09Prettier 적용이 안된다프로젝트 글로디
2023.07.11Required Package: debug프로젝트 글로디
2023.05.10send disconnect:Broken Pipe프로젝트 글로디