목록2025/08/04 (2)
유리의 개발새발
서버 액션(Server Actions)은 아주 간단하게 말하면,폼 데이터를 서버로 직접 보낼 수 있는 새로운 방법이야.useState, useEffect, fetch 이런 거 다 안 쓰고도 가능해! 💥 왜 필요한데?기존 방식은 이랬지input에서 값 입력useState로 값 저장fetch로 API 요청서버에서 처리다시 클라이언트로 응답 받고 상태 업데이트너무 복잡해…서버 액션은 이걸 그냥 이렇게 만들어줌폼 제출 → 서버 함수 호출 → 끝✨ 서버 액션 한 줄 정의"서버에서 실행되는 함수인데, 클라이언트에서 바로 호출 가능함"// app/page.tsx'use client';export default function Page() { async function createPost(formData: Form..
스트리밍(Streaming)은 말 그대로, 아주 큰 데이터를 조각내어 연속적으로 전송하는 기술입니다. 전체 동영상을 다 다운로드할 필요 없이, 앞부분부터 바로 재생할 수 있는 것처럼데이터를 "순차적으로 받아서 바로 사용"하는 방식입니다. 🧠 스트리밍은 왜 필요한가요?일반적인 방식이라면, 서버는 모든 데이터를 준비한 후에야 클라이언트로 응답을 보냅니다.하지만 데이터가 크거나 준비 시간이 오래 걸리는 경우, 사용자는 하얀 화면만 보면서 기다려야 하죠.🚫 전체 렌더링이 끝날 때까지 아무것도 못 보는 건 사용자 입장에서 큰 불편입니다. 그래서 등장한 게 스트리밍 렌더링입니다.✅ 핵심 개념 요약데이터를 한 번에 다 전송하지 않고, 조각 단위로 나눠서 연속적으로 보냄클라이언트는 데이터 일부만 받아도, 그 부분부..