2026. 7. 18.
npm ERR! enoent Could not read package.json, 첫 확인은 현재 폴더입니다
npm 명령이 package.json을 읽지 못했다면 캐시나 node_modules를 지우기 전에 현재 폴더, 오류의 path, npm이 찾은 패키지 루트를 먼저 비교해야 한다.
TOPIC
AI 코딩
프롬프트와 코드 검토
2026. 7. 18.
npm EJSONPARSE는 설치 오류일까 JSON 문법 오류일까?
npm 명령이 EJSONPARSE로 멈췄다면 캐시나 lockfile을 지우기 전에 오류에 찍힌 package.json 경로와 첫 파싱 위치를 확인해야 한다. 최소 수정부터 재실행까지 안전한 순서를 정리했다.
2026. 7. 18.
`npm audit fix --force` 전 확인표: 의존성 경로·dry-run·lockfile diff
npm audit 취약점 경고 뒤 `--force`를 바로 실행하지 않고, 의존성 경로와 변경 범위를 읽어 자동 수정과 수동 업데이트를 고르는 실전 점검 순서다.
2026. 7. 17.
TypeScript Property does not exist on type never, 빈 배열과 분기부터 구분하세요
TypeScript가 있는 속성을 never라고 판단할 때 빈 컬렉션, 소진된 분기, 제네릭 문맥 누락을 구분하고 최소 타입 수정 뒤 다시 검사하는 순서다.
2026. 7. 17.
TypeScript 7.0으로 바로 올려도 될까? Vue·Svelte와 일반 프로젝트를 가르는 기준
TypeScript 7.0 정식 출시 뒤 내 프로젝트를 바로 올려도 되는지, Vue·Svelte 같은 임베디드 언어와 컴파일러 API 의존을 확인해 전환·병행·대기를 고르는 방법입니다.
2026. 7. 10.
AI가 고친 화면이 멀쩡해 보여도, 공유 전에 브라우저에서 확인할 4곳
AI가 고친 화면은 한 번 열리는지만 보면 부족합니다. 바뀐 경로, 입력과 오류 상태, 네트워크 결과, 좁은 화면을 순서대로 확인하고 첫 실패를 AI 수정 요청에 넣는 브라우저 스모크 체크를 정리합니다.
2026. 7. 9.
비전공자 AI 코딩 첫 프로젝트, 문법보다 결과물 기준을 먼저 정하세요
AI 코딩을 처음 시작할 때는 문법 전체를 외우기보다 오늘 브라우저에서 확인할 작은 결과물을 먼저 정하는 편이 안전합니다. 할 일 목록 예제로 만들 것, 뺄 것, 완성 기준을 나누는 순서를 정리했습니다.
2026. 7. 8.
AI 코딩 결과를 merge 가능한 상태로 바꾸는 테스트 증거 루틴
AI 코딩 도구가 완료라고 말해도 테스트나 빌드 출력이 없으면 아직 merge할 상태가 아닙니다. 변경 범위, 검증 명령, 실패 로그, 상태 체크를 5분 순서로 확인합니다.
2026. 7. 8.
AI 코딩 결과를 merge 가능한 상태로 바꾸는 테스트 증거 루틴
AI 코딩 도구가 완료라고 말해도 테스트나 빌드 출력이 없으면 아직 merge할 상태가 아닙니다. 변경 범위, 검증 명령, 실패 로그, 상태 체크를 5분 순서로 확인합니다.
2026. 7. 8.
npm run dev가 missing script로 멈출 때 package.json scripts부터 확인하는 법
npm run dev에서 Missing script: \"dev\"가 나오면 앱 전체가 망가진 것이 아닐 수 있습니다. package.json scripts를 먼저 보고, 존재하는 명령과 추가해야 할 명령을 나누는 순서입니다.
2026. 7. 7.
package-lock을 지우기 전, npm ci로 오류 원인을 좁히는 순서
npm install 오류가 났을 때 AI가 package-lock.json 삭제와 전체 재설치를 권하면 바로 따르지 말고, git diff와 npm ci로 lockfile이 증거인지 오류 원인인지 먼저 나누는 순서다.
2026. 7. 7.
AI가 고쳤다는데 화면이 그대로일 때, 저장·서버·포트를 확인하는 순서
AI 코딩 도구가 수정 완료라고 했는데 브라우저 화면이 그대로라면 다시 고쳐 달라고 하기 전에 저장, 개발 서버, 포트, 새로고침, 화면 비교를 순서대로 분리합니다.
2026. 6. 30.
기본 버튼 그대로라면 Tailwind가 CSS를 만들었는지부터 확인하세요
React나 Next.js 화면에서 Tailwind className을 넣었는데 스타일이 안 바뀔 때, CSS import, 파일 감지, 동적 클래스와 충돌을 순서대로 좁히는 초보자용 가이드입니다.
2026. 6. 28.
AI 랜딩페이지 첫 화면, 초보가 3분 만에 잡는 7줄 프롬프트
AI 코딩 도구에 랜딩페이지를 맡겼는데 첫 화면부터 엉뚱해진다면 디자인 설명을 늘리기보다 타깃, 한 화면 범위, 제외할 작업, 확인 기준을 7줄로 먼저 고정해야 합니다.
2026. 6. 26.
fetch CORS 오류, no-cors 전에 브라우저와 서버를 가르는 확인 순서
AI가 만든 React·Next.js 화면의 fetch가 CORS로 막혔을 때 origin, 실패 요청, 서버 응답 헤더, credentials를 확인해 수정할 경계를 좁히는 순서다.
2026. 6. 26.
AI가 파일을 너무 많이 고칠 때, 초보가 3분 만에 막는 5줄 프롬프트
AI 코딩 도구가 작은 수정을 요청했는데 여러 파일을 바꾸려 할 때는 수정 범위, 금지 항목, 확인 명령을 3분 안에 묶어 재지시해야 합니다.
2026. 6. 19.
TypeScript 빨간 줄이 여러 개라면 첫 오류 하나만 복사하세요
AI가 만든 React·Next.js 코드에 TypeScript 빨간 줄이 여러 개 뜰 때, 첫 오류 문장과 파일 위치를 고정하고 typecheck로 재현해 최소 수정 범위를 잡는 순서입니다.
2026. 6. 19.
AI가 만든 화면이 모바일에서 넘칠 때, 고칠 범위부터 좁히는 법
AI가 만든 React나 Next.js 화면이 휴대폰 폭에서 옆으로 넘칠 때, 같은 폭에서 증상을 재현하고 viewport·고정 폭·flex/grid·긴 문자열로 원인을 나눠 최소 수정만 요청하는 순서입니다.
2026. 6. 18.
npm ERESOLVE 오류가 뜰 때, Found와 peer 버전부터 읽는 순서
새 패키지를 설치하다 npm ERESOLVE가 뜨면 우회 플래그부터 붙이지 말고 Found의 현재 버전과 peer의 요구 범위를 비교해 충돌 소유자를 가려야 한다.
2026. 6. 18.
AI 코드 저장 전, 바뀐 파일과 위험 변경을 먼저 보는 기준
AI 코딩 도구가 만든 코드가 실행되는 것처럼 보여도 바로 저장하지 말고, 변경 파일과 diff, 요구사항 일치 여부를 3분 안에 확인해야 합니다.
2026. 6. 17.
AI 수정이 더 망가질 때, 3분 만에 되돌리는 5줄 프롬프트
AI 코딩 도구가 고친 코드를 붙였더니 화면이나 빌드가 더 망가졌다면, 다시 고쳐달라고 하기 전에 diff를 보고 한 파일만 되돌리는 3분 루틴이 필요합니다.
2026. 6. 17.
AI가 만든 코드가 안 돌아갈 때, 다시 질문할 오류 4칸
AI가 만든 코드가 실행되지 않을 때 실행 명령, 첫 오류, 관련 파일, 실행 환경을 네 칸으로 묶어 최소 수정안을 요청하는 순서다.