일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- next.js
- developerlife
- JavaScript
- CSS
- JS
- This
- es6
- 최적화
- learn next.js
- object
- array
- 햇소
- 함수
- DOM
- hooks
- github
- gitCLI
- html5
- AI
- ES6+
- git
- 우아한테코톡
- API
- Python
- 변수
- react
- ES5+
- hatso
- dev
- 선택자
- Today
- Total
목록2025/03/12 (2)
codinghatso

이번 장에서 배울 내용* 스페셜 사용 방법error.tsx 경로 세그먼트에서 오류를 발견하고 사용자에게 폴백 UI를 보여주기 위해 파일을 작성합니다.* 사용 방법notFound 함수 및not-found 404개의 오류를 처리할 파일입니다(존재하지 않는 리소스의 경우).next.js에서 에러 핸들링을 어떻게 하는지 배운 챕터챕터를 시작하면서 데이터베이스와 관련된 에러는 치명적일 수 있기 때문에 try catch문을 사용하는 걸 권장한다.Error Handling 2가지 개념을 소개한다.error.tsx 와 not-found.tsx 이다.점차 폴더 기반 시스템에 익숙해지는 중이라면 이해하기 쉬울 것이다.우선 invoices 폴더 내의 error를 관리하는 게 목적이니 해당 폴더의 자식으로 error.tsx ..

-ai를 사용해 개념정리 했음을 공지합니다.- invoices page에서 invoices 생성, 업데이트 및 삭제 기능을 추가하는 작업을 진행할 것이다.이번 장에서 배울 내용* React Server Actions란 무엇이며, 이를 사용하여 데이터를 변경하는 방법입니다.* 양식 및 서버 구성 요소 작업 방법.* 현지인과 협력하는 모범 사례 FormData 객체, 유형 검증 포함.* 클라이언트 캐시를 다시 검증하는 방법 revalidatePath API.* 특정 ID로 동적 경로 세그먼트를 만드는 방법. 📌 React Server Actions 정의React Server Actions는 Next.js에서 서버에서 직접 실행할 수 있는 비동기 함수를 의미해요.이를 사용하면 클라이언트에서 서버로 데이터를 ..