[참고: Server Actions - react.dev] Server Actions – ReactThe library for web and native user interfacesreact.dev[참고: Server Actions - next docs] Data Fetching: Server Actions and Mutations | Next.jsLearn how to handle form submissions and data mutations with Next.js.nextjs.org리액트 18에서 시험적으로 도입된 기능중에 지시문이 존재합니다Directives provide instructions to bundlers compatible with React Server Components. 지시문은..
[참고: Streaming] Routing: Loading UI and Streaming | Next.jsBuilt on top of Suspense, Loading UI allows you to create a fallback for specific route segments, and automatically stream content as it becomes ready.nextjs.org Streaming allows you to break down the page's HTML into smaller chunks and progressively send those chunks from the server to the client. 일반적으로 서버 렌더링은 아래와 같은 과정으로 진행됩니다. 주어진 페이..
[참고: Server Components - next.js docs][참고: Server Components - react docs] React Server Components – ReactThe library for web and native user interfacesreact.dev Rendering: Server Components | Next.jsLearn how you can use React Server Components to render parts of your application on the server.nextjs.orgReact v18에서 도입되고, NextJs v13에서 기본 컴포넌트로 사용된 서버 컴포넌트에 대해서 알아보려합니다.Server Components are a new..
NextJs 공식문서 Getting Started: Project Structure | Next.jsA list of folders and files conventions in a Next.js projectnextjs.orgGithub GitHub - joseph0926/next-docs: nextjs docs로 학습하는 레포입니다nextjs docs로 학습하는 레포입니다. Contribute to joseph0926/next-docs development by creating an account on GitHub.github.com app router에서 예약어 파일들 1. layout.tsx layout이란? layout 파일은 해당 경로(폴더)에 공유되는 UI입니다NextJs 프로젝트를 구성하면 ..
이번 프로젝트는 블로그에 기록하면서 구축해보려합니다. 저는 1인 개발 프로젝트를 진행할 때 보통 아래와 같은 순서로 진행합니다. 간단한 기획 프로젝트 주제, 프로젝트 간단 설명, 사용 기술, 예상 규모(기간, db등,,) 간단한 기획을 기반으로 openAI와 상세 기획 구성 디자인 레퍼런스 검색 (주로 유튜브나 Dribbble 참고) 1,2,3 을 통합하여 기획서(노션) 및 뼈대(draw.io) 작성 4번을 기반으로 1번에서의 사용 기술, 예상 규모 재검토 개발 시작 1. 간단한 기획 최근 1 ~ 2달간 NextJs v13을 기반으로 한 game forum 프로젝트를 진행하였고, 진행중입니다. 따라서 이번에는 조금 결이 다른 프로젝트를 진행해보려합니다. 저는 개인 프로젝트 주제를 정할 때 생각하는건 두 ..
주제: 같은 앱을 NextJs v13과 Remix로 각각 구현해보면서 서로의 차이점을 이해하는 프로젝트 깃허브: https://github.com/joseph0926/NextANDRemix-Expenses GitHub - joseph0926/NextANDRemix-Expenses: 하나의 프로젝트(Expenses Note)를 NextJs v13과 Remix v2로 각각 구현해 하나의 프로젝트(Expenses Note)를 NextJs v13과 Remix v2로 각각 구현해보는 프로젝트 - GitHub - joseph0926/NextANDRemix-Expenses: 하나의 프로젝트(Expenses Note)를 NextJs v13과 Remix v2로 각각 구현해보는 프로젝트 github.com 구조 & 조건 ..
2022년 말 ~ 2023년 지금까지 React 생태계에서 가장 큰 변화를 가져온 것은 NextJs v13으로의 업데이트일것입니다. 이전 버전들의 NextJs에서의 컨셉과 비교했을 때 정말 많은 변화가 생겼으며, 이러한 변화들을 하나씩 정리하려합니다, 1. React만 사용하는 것은 더이상 권장되지 않는다. 소제목을 조금 자극적으로 작성면도 있지만, 이 소제목은 실제로 React 공식 팀원이 말한 내용입니다 왜 이런 내용을 언급했을까요? React는 2013 ~ 2014년에 나온 프레임워크로, SPA라는 개념을 이용하여 빠른 페이지 이동등 많은 이점을 선보였고 이러한 장점에 힘입어 현재까지 가장 인기있는 자바스크립트 프레임워크 자리를 차지하였습니다. 하지만, SPA를 기반으로 하는 React에는 장점만큼..
