typescript 썸네일형 리스트형 Bonus 2. 80시간 삽질 경험담 - Next.js 개발 실수 모음 Next.js 개발 실수 모음 - Bonus 2. 80시간 삽질 경험담3개월간 겪은 개발 실수들을 공유합니다.여러분은 같은 삽질을 피하시길 바랍니다.😅 완성된 것만 보면 순탄해 보이지만완성된 프로젝트만 보면 "잘 만들었네"라고 생각할 수 있습니다.하지만 실제로는 삽질의 연속이었습니다.밤새 디버깅하고, 다음 날 아침에 원인을 찾고, 처음부터 다시 만들고...이 글에서는 그 삽질들을 솔직하게 공유합니다.🔥 삽질 1: 다국어 나중에 추가하기상황처음에는 한국어만 지원하면 된다고 생각했습니다."다국어는 나중에 하지 뭐~"2주 후, 일본어도 지원해야 한다는 걸 알게 됐습니다.문제하드코딩된 텍스트가 200개가 넘었습니다.제품 목록총 {count}개의 제품이 있습니다문의하기모든 파일을 찾아다니며 수정해야 했습니다... 더보기 06. Supabase CLI 활용법 -TypeScript 타입 자동 생성 TypeScript 타입 자동 생성 - 06편. Supabase CLI 활용법Supabase CLI로 TypeScript 타입을 자동 생성합니다.이 글에서는 타입의 중요성, CLI 설치, 타입 적용, 헬퍼 타입 정의를 다룹니다.🤔 오타와의 전쟁코드를 짜다가 이상한 일이 생겼습니다.const user = await getUser()console.log(user.nmae) // 왜 undefined지?한참을 찾다가 알았습니다. name이 아니라 nmae였습니다.JavaScript를 쓰면 이런 오타를 실행해봐야 알 수 있습니다. 실행 전에 잡을 방법이 없습니다.TypeScript를 쓰면 다릅니다.const user = await getUser()console.log(user.nmae)// .. 더보기 04. 프로젝트 구조와 폴더 설계 (App Router) Next.js B2B 플랫폼 만들기 - 04편. 프로젝트 구조와 폴더 설계 (App Router)Next.js 15 App Router의 폴더 구조와 설계 철학을 이해합니다.이 글에서는 프로젝트 생성, 특수 파일들, Server/Client Component, 실제 폴더 구조를 다룹니다.🚀 드디어 프로젝트 생성환경 세팅이 끝났으니 이제 진짜 시작입니다.터미널에서 Claude Code를 실행하고 첫 번째 명령을 입력했습니다.Next.js 프로젝트를 만들어줘.TypeScript 사용하고, Tailwind CSS도 설정해줘.Claude가 즉시 답했습니다.npx create-next-app@latest kmetaro --typescript --tailwind --eslint --app --src-dir=fal.. 더보기 이전 1 다음
