typescript4 Next.js 14 Server Actions 이해하기 Next.js 14 Server Actions 풀스택 개발의 새로운 패러다임Next.js 14에서 정식 출시된 Server Actions는 React 서버 컴포넌트와 함께 풀스택 웹 개발의 패러다임을 완전히 바꾸고 있습니다. 기존의 API Routes를 대체하여 서버 사이드 로직을 컴포넌트 내부에서 직접 실행할 수 있게 해주는 이 혁신적인 기능에 대해 실무에 바로 적용할 수 있는 완벽한 가이드를 제공합니다.Server Actions는 단순히 새로운 기능을 넘어서, 개발자 경험(DX) 향상과 성능 최적화를 동시에 달성할 수 있는 게임 체인저입니다. 이 포스팅을 통해 Next.js 14의 핵심 기능을 마스터하고 현대적인 풀스택 애플리케이션을 구축해보세요.📋 목차Server Actions 기본 개념과 동작 .. 2025. 8. 8. Nuxt.js 이해하기 웹 개발 환경이 급속도로 발전하면서, 개발자들은 더 나은 사용자 경험과 개발자 경험을 동시에 만족시킬 수 있는 도구를 찾고 있습니다. Vue.js 생태계에서 이러한 요구를 완벽하게 충족시켜주는 것이 바로 Nuxt.js입니다.Nuxt.js는 단순한 프레임워크를 넘어서 현대 웹 개발의 복잡성을 추상화하고, 개발자가 비즈니스 로직에만 집중할 수 있도록 도와주는 메타 프레임워크입니다. 이 포스팅에서는 Nuxt.js의 모든 것을 깊이 있게 다뤄보겠습니다. Nuxt.js는 2016년 Sébastien Chopin과 Alexandre Chopin 형제에 의해 시작되었습니다.React 생태계의 Next.js에서 영감을 받았지만, Vue.js의 철학과 생태계에 맞게 독자적으로 발전해왔습니다. As the web deve.. 2025. 8. 6. [NextJS] Access Token 관리 정리이유 : 페이지 새로고침 시 State가 사라지고 SSR 랜더링에서는 처리방법이 다르기 때문 JWT Access Token을 관리하는 3가지 방법 Cookie Local Storage Session 위 3가지 방법에서 Cookie를 활용해 Token을 관리하고 Session을 유지시키는 방법에 대해 정리 Install Package npm i react-cookies next-cookies npm i @types/react-cookies (타입스크립트 사용 시) *next-cookies 패키지는 Cookie에 담겨있는 값들을 JSON 형태로 변환해줍니다. // 기존 Cookie가 값을 보관하는 방식 accessToken=ABCDEDFD; refreshToken=DFSGGDF; // next-cooki.. 2021. 10. 1. Typescript 이해하기 이번 포스팅은 타입스크립트에 대해 알아보고 기초 문법들을 살펴보겠습니다. 타입스크립트를 왜 쓸까? 에러를 방지하기 위해 많은 단위 테스트들이 필요하지만, 타입스크립트를 통해 이런 오류들에 대해 선언과 동시에 예방? 할 수 있고, 타입스크립트 컴파일러에 의해 코드 오타, 타입에러 등 컴파일 타임에 모든 유형 오류를 알려주기 때문에 코딩과 동시에 에러를 잡을 수 있어 코드품질 향상을 도와줄 수 있다. 타입스크립트 환경 구성하기 $ yarn global add typescript 또는 $ npm install -g typescript 그 다음, 아래 명령어를 입력하면 타입스크립트 설정파일인 (tsconfig.json) 파일이 생성됩니다. $ tsc --init 설정파일을 살펴보기 /tsconfig.json {.. 2020. 5. 22. 이전 1 다음
