목록프론트엔드/NEXTJS (2)

천쓰의 개발동산

NEXTJS와 TypeScript 프로젝트 일지 - 2 (JWT,Prisma)

전에말했던 개인프로젝트는 랜덤 채팅 페이지와 화상 랜덤 채팅 기능을 개발하는 것이었습니다. 이를 위해 가장 먼저 로그인과 회원가입 페이지를 구현하기로 결정했습니다. 다행히 예전에 만들어둔 CSS와 HTML 템플릿을 재사용할 수 있어 개발 속도를 높일 수 있었습니다.  Next.js를 이용한 깜박거림 없는 프론트엔드 구현Next.js를 사용하여 프론트엔드를 구현할 때 가장 중요한 점은 깜박거림이 없어야 한다는 것입니다. 페이지 전환 시 깜박거림이 발생한다면 이는 Next.js의 장점을 제대로 활용하지 못한 것입니다. 깜박거림 없는 부드러운 사용자 경험을 제공하기 위해 Next.js의 SSR(서버 사이드 렌더링)과 SSG(정적 사이트 생성) 기능을 적극 활용했습니다.Next.js를 이용한 백엔드와 데이터베이..
프론트엔드/NEXTJS 2024. 6. 29. 00:34
NEXTJS와 TypeScript 프로젝트 일지 -1

Next.js와 TypeScript, Redux를 활용한 개인 프로젝트 계획나는 Next.js와 TypeScript, Redux를 이용한 풀스택 개발의 길을 시작했다. 기존에 Next.js로 CRUD를 구현하고 TypeScript의 기본 문법, Redux의 디스패치 액션 정도는 익혔으나, 이를 프로젝트에 녹여보는 경험은 부족했다. 개인 프로젝트를 통해 이러한 기술들을 실제로 활용해보고자 한다.Next.js에 대한 이해Next.js는 React와는 다르게 CSR (Client Side Rendering)뿐만 아니라 SSR (Server Side Rendering)도 함께 사용할 수 있는 구조와 Router 기능을 제공한다. 이로 인해 구조적인 차이가 있다. 내가 파악한 Next.js의 주요 기능은 다음과 ..
프론트엔드/NEXTJS 2024. 6. 6. 17:04
이전 Prev 1 Next 다음