728x90 반응형 udemy2 [유데미x스나이퍼팩토리] 프로젝트 캠프: Next.js 4기 - 사전 직무 교육 2주차 회고 구디사는 개발자 박성재님 강의Supabase테이블 관계 설정TodoBoard를 만드는 프로젝트를 진행했는데 todo 데이터를 저장하기 위한 DB 테이블 설정이 필요했습니다. 각 테이블의 구조pages 테이블:id: 페이지의 고유 IDstart_date, end_date: 페이지의 시작 및 종료 날짜title: 페이지 제목boards 테이블:id: 보드의 고유 IDpage_id: 해당 보드가 속한 페이지의 ID (Foreign Key로 pages.id 참조)start_date, end_date: 보드의 시작 및 종료 날짜is_checked: 보드의 완료 여부content: 보드의 콘텐츠 정보board_content 테이블:id: 콘텐츠의 고유 IDboard_id: 해당 콘텐츠가 속한 보드의 ID (Fore.. 2024. 11. 25. [유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 3기 - 사전 직무 교육 1주차 회고 수코딩님 강의 요약데이터 통신Next.js에서는 axios보다 Fetch API를 사용 추천Fetch API는 브라우저 내장 함수로 가볍고 성능이 우수하다Fetch API웹 동작 방식서버는 빈 HTML 껍데기만 전송하고, 나머지 콘텐츠는 클라이언트에서 JavaScript가 실행되면서 채워진다한 번 초기 로딩이 완료되면 이후 페이지 간 이동이 빠르며, 필요한 부분만 비동기적으로 다시 렌더링CSR(Client Side Rendering)SSR(Server Side Rendering)초기 UI 먼저 보여주고 사용자가 페이지를 요청하면, 서버는 필요한 데이터를 가져와 HTML을 완성하여 브라우저로 전달초기에는 자바스크립트 없이 먼저 렌더링되고, 그 이후에 JavaScript가 적용된다회고이번주 수업에서 좋았던 .. 2024. 9. 30. 이전 1 다음 728x90 반응형
