Next.js

Next.js가 무엇이냐 Next.js는 React 기반 풀스택 프레임 워크다.

Next.js의 가장 큰 특징 중 하나가 파일 기반 라우팅이라는 점이다. 파일 기반 라우팅 (File-based Routing)평소에 사용하던 React에서는 보통 react-router-dom을 사용해서 라우트를 직접 설정한다.이런 방식으로 React에서는 경로를 설

지난 주차에서는 라우팅 구조를 배웠다면, 이번에는 그 구조 안에서 데이터를 어떤 타이밍에 채워넣을것인가에 대한 고민이다!SSG는 build 할때 HTML을 미리 생성해두는 방식이다.말 그대로 서비스 배포하기 위해서 우리가 pnpm run build할때 있잖아. 그때 H

Next.js의 App Router는 기본적으로 Server Components이다. 즉, 컴포넌트 자체가 async 함수가 될 수 있다는 말이다.기존에 React에서 사용했을때는 useEffect안에 fetch를 하고 loading상태를 따로 관리하는 방법을 사용했다

오랜만에 돌아왔다... 중간고사라는 거대한 시험을 치르고....상처베인채로....돌아왔다...괜찮아...기말때 잘하면돼....라고 스스로를 다독이는중....하..할..할수있다...!자. 다시 정신차리고오늘은 저번달에 이어서 Next.js 5주차이다!오늘은 인증전략과 쿠

CSS 스타일링 방식에는 여러가지가 있는데, 예전에는 브라우저에서 React 실행해서 CSS적용하는 방법을 많이 사용했는데,요즘 Next.js에서는 Tailwind + shadcn/ui + CSSS Variables를 주로 쓴다고 한다. 왜그런가 하면, Next.js의

개인 포트폴리오 웹사이트를 Next.js로 제작 예정Next.js 실전경험스터디로 이론만으로 진행하던 Next.js 프로젝트를 실제 프로젝트를 진행하면서 이론에 실전을 더하여 더 빠른 이해를 위해 실전에서 어떤점때문에 Next.js를 쓰게 되었는지 이해하고, 어떤 점이

데이터베이스는 크게 엑셀처럼 표 형태로 하드하게 저장하는 관계형 DB(SQL)와, 형태 없이 자유롭게 저장하는 비관계형 DB(NoSQL)로 나뉜다.비관계형 DB에는 MongoDB, Firebase 등이 있는데, 이 툴들은 초기에 개발속도가 빠르다는 장점이 있지만 데이터