React Native WebView + Kakao Maps JS SDK 로컬 개발 중 겪은 문제와 해결 과정 정리대상: HealingTrip FE (Expo + react-native-webview + Vite 지도 페이지)WebView = 멍청한 지도 렌더러, 데이

🚀 OMC (Oh My Claude Code) 빠른 참조 카드 v4.6.0 📌 처음 시작 | 명령어 | 설명 | | ------------------------ | -------------- | | /deepinit | 프로젝트 문서화 | | /deep-in...

새프로젝트에 들어가면 항상 이것부터 해라/deepinitOMC가 프로젝트 구조를 분서갛고 AGENTS.md 계층 문서를 자동 생성한다.OMC는 작업 복잡도에 따라 자동으로 모델을 선택한다.실제로 이렇게 동작한다.사용자: "autopilot: 인증 시스템 만들어줘"OMC

강력한 AI 를 단순 작업에 쓰는 것은 낭비저렴한 AI를 복잡한 AI 에 쓰는 것은 품질 저하Haiku: 저렴하고 빠름, Sonnet : 균형Opus: 성능이 좋은대신, 느리고 비쌈Haiku \* 60 = Opus비용 차이는 60배 이다.OMC에서 단순 반복 작업은 H

테스트 주도 개발(TDD) 같은 특정 워크 플로우전체를 직접 호출하여 실행하는 강력한 명령어: 뼈대완성아무것도 없는 빈화면에서 실행 화면으로 단숨에 끌어올릴 수 있다.PM이 일하는 방법과 같다.우리의 목표를 이해하려고 하는 질문들을 한 후에 코드를 한다. 이후 스스로

: 완료 될때까지 자동 반복 실행 \- 분석 > 수정 > 테스트 > 반복: 멀티태스킹 용도. 최대 병렬 처리로 속도 향상, ex) api 를 한번에 5개를 리팩토링 해야 할때: 코딩 전 기획 인터뷰 모드 \- 애초에 실수 막고 계획하도록 함: 멀티에이전트와 반복 기획

단일 agent라는 점: 설계, 테스트, 리뷰까지 혼자하는건 벅차다콘텍스트 손실작업 실패시 반복적으로 다시 시도하게 명령하는 것여러 전문 agent가 함께 일하는 multi agent Orchestration 을 적용영구적인 메모리로 해결로 대화의 길을 잃을 일이 없다

GPT생겨서 공부하기 참 쉬워졌쥬..✔️ 프로젝트 생성npx create-react-router@latestRemix v2는 이제 React Router에 흡수됐어.👉 Remix = React Router + 서버 기능 이라고 생각해.처음 보면 이게 제일 멘붕이야.핵

Insomnia→ API 테스트용 (Postman 대체)npm i -g @nestjs/clinest new project-namenest new 명령어를 사용하면기본적인 폴더 구조와 설정이 자동으로 구성된다.NestJS는 단일 책임 원칙(SRP) 을 굉장히 강하게 따른

기존 코드에서 tinymce/tinymce-react 를 CDN방식으로 이용하고 있었다.이유는, 프로젝트에 파일을 포함하지 않아도 됨캐싱 활용 가능 (다른 사이트에서도 같은 CDN 사용 시)초기 설정이 간단... 가장 큰 이유는 회사에서 빨리 HTML <-> 에디

git에 push 를 마쳤다면,Vercel이 호출할 수 있도록 package.json 에 명령어를 수정한다vercel 은 그냥 deploy 버튼만 누르고 기다리면 된다.그리고 나타나는 오류들을 해결하면 dashboard에 보인다.

Css Module application 전체에 적용할 global style 을 만든다. 전체 웹사디트의 bg color 나 폰트를 적용하도록 한다. app/layout 에서 import global css를 한다. 공통 디자인을 적용해준다. 특정 디자인에 적

API 요청이 안되거나네트워크가 끊기는 등에러가 생긴 경우의 핸들링은error.tsx 파일을 만들면 된다.프레임워크 특성상 파일 위치는 페이지 대상이 되는 폴더 안에 넣어야 한다.

업로드중..이렇게 하면 start fetching 이 출력되고 end fetching이 순차적으로 출력되며총 10초 넘게 걸리게 된다. 병렬 요청으로 바꿔줘야 한다.promise.all을 사용하면 결과값이 동시에 나올 것이다.이렇게 요청을 보내면동시에 시작하게 된다.순

Data Fetching fetch, streaming, suspense, boundary 등을 배울것이다. 쉽고 멋지다고 한다. NextJS 의 fetching을 위해 영화 상세보기 API를 이용하자. > [출처-노마드코더] : https://nomad-movie

변수가 라우터에 들어갈 때 사용한다.파일시스템으로 동작한다.\[id] 이런 식으로 동작한다.콘솔로 찍어보면이렇게 나온다.id, sesarchParams을 얻게 되는데, searchParams는 url 뒤에 ? 데 대한 내용이다..15 버전 이상 부터는 params 와

layout, not-found 는 꼭 루트 폴더에 있어야 한다.그룹을 만들고 싶으면 (home) 처럼 폴더 이름을 괄호로 묶어줘야 한다.폴더 이름을 지정해주면 url이 바뀌지 않고, 프레임 워크에서만 보인다.그래서 루트에 있던 홈 컴포넌트를 (home) 폴더로 옮길

layout.tsx 라는 파일을 만들면그 하위에 적용된다.이렇게 있는 경우 루트의 layout 에서 컴포넌트를 임포트 하여 그것이 제일 상단으로, 그리고 아채 children이 추가된다.그리고 about-us라는 루트 하위의 폴더에서 layout을 만들고 하위 url로

단순 HTML을 React applaction으로 초기화 하는 작업이다.예를 들어 React 를 Initialize하여 onClick를 부착해 여기서 작성 가능 한 기능을 수행하도록 하는 것이다./aout-us 접근 => <button>0</button> =

Routing, Navigation, Layout, client, server components 등에 대해 배울 예정이다.client, server 는 NextJS에서 나온 개념이라고 한다.NextJS는 프레임워크라서, 올바른 폴더에 정확한 이름의 파일이 들어가 있으