티스토리

클라이밍하는 개발자

검색하기

블로그 홈

클라이밍하는 개발자

pyoja.tistory.com/m

표자 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

Next.js와 HeidiSQL을 사용한 파일첨부 방법 Next.js와 HeidiSQL을 사용하여 파일 첨부 및 데이터베이스 저장하는 방법파일 저장 접근 방법 파일을 데이터베이스에 저장하는 방법은 주로 두 가지가 있습니다1. BLOB 데이터 타입 사용2. 파일 경로 저장 및 실제 파일은 서버에 저장BLOB 데이터 타입을 사용한 직접 저장 방법 1. 데이터베이스 테이블 구조 설정CREATE TABLE uploaded_files ( id INT AUTO_INCREMENT PRIMARY KEY, filename VARCHAR(255), file_data LONGBLOB, file_type VARCHAR(100), uploaded_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP);2. Next.js API 라우트 구현.. 공감수 1 댓글수 1 2024. 12. 6.
Next.js의 오류처리 1. 예상 오류 처리 (Error Handling) // 기본적인 try-catch를 사용한 오류 처리 async function getData() { try { const res = await fetch('https://api.example.com/data') if (!res.ok) { throw new Error('Failed to fetch data') } return res.json() } catch (error) { console.error('Error:', error) return null // 또는 기본값 반환 } }2. 서버 작업에서의 오류 처리 (Server Actions Error Handling) // app/actions.. 공감수 4 댓글수 4 2024. 10. 31.
Next.js의 Layout과 Template 1. 레이아웃(Layout) - 상태와 상호작용이 유지됩니다 - 여러 페이지에서 공유되는 UI를 위해 사용됩니다 - 렌더링 시 레이아웃은 자식 컴포넌트 간에 상태를 보존합니다 - 주로 사용되는 경우// app/layout.tsxexport default function RootLayout({ children,}: { children: React.ReactNode}) { return ( 공통 네비게이션 {children} 공통 푸터 )}2. 템플릿(Template) - 각 자식 페이지나 레이아웃이 새로 마운트될 때마다 새 인스턴스가 생성됩니다 - 상태가 유지되지 않고 DOM 요소가 재생성됩니다 - 페이지 전환 시마다 다시 마운.. 공감수 1 댓글수 1 2024. 10. 31.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.