[Next.js] 라우팅 완전 정복 정적/동적 페이지부터 Link까지
·
프로그래밍/Next.js
[Next.js] 라우팅 완전 정복 – 정적/동적 페이지부터 Link까지Next.js는 파일 기반 라우팅을 제공합니다.pages 폴더 안에 파일을 만들기만 해도 자동으로 URL이 생성되며, 정적, 동적, 중첩 라우팅까지 모두 처리할 수 있습니다.이번 글에서는 Next.js 라우팅 시스템의 기본 개념과 실전 사용법을 정리합니다.✅ 1. 정적 라우팅pages/about.tsx 파일을 만들면 /about 경로가 자동 생성됩니다.파일 구조 = URL 구조라는 점이 Next.js의 핵심입니다.// pages/about.tsxexport default function About() { return About Page;}위 파일을 만들면 브라우저에서 /about 경로로 접근 가능합니다.✅ 2. 중첩 라우팅폴더를 이..
[Next.js] 왜 써야 할까? – SSR, SSG, SEO에 강한 리액트 프레임워크
·
프로그래밍/Next.js
[Next.js] 왜 써야 할까? – SSR, SSG, SEO에 강한 리액트 프레임워크React 기반 프로젝트를 시작할 때 Next.js를 고려해본 적 있나요?Next.js는 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), SEO 최적화 기능을 갖춘 프레임워크로, 퍼포먼스와 사용자 경험을 동시에 잡을 수 있는 강력한 도구입니다.이번 글에서는 실무에서 Next.js를 도입해야 하는 이유를 기능별로 정리해봅니다.✅ 1. SSR – 서버 사이드 렌더링의 이점Next.js는 페이지 요청 시 서버에서 HTML을 생성해주는 SSR 기능을 기본 지원합니다.이 방식은 첫 페이지 로딩 속도를 빠르게 하고, 검색 엔진이 내용을 바로 인식할 수 있어 SEO에 유리합니다. 빠른 Time-to-First-Byte ..
[다이어트일지] #68 - 2025년 4월 4주차 체중 · 운동 · 식단 피드백
·
일상생활/다이어트일지
[다이어트일지] #68 - 2025년 4월 4주차 체중 · 운동 · 식단 피드백이번 주는 지난주에 비해 다시 운동 루틴을 조금씩 회복하려고 노력한 주였습니다.하지만 여전히 몸살 기운이 남아 있어 완전히 회복되었다고 보긴 어렵고, 주 후반엔 휴식을 병행하며 조절했습니다.📊 주간 체중 기록4월 21일 ~ 4월 27일 체중 변화 기록날짜체중(kg)운동 부위유산소 운동04.21 (월)87.5휴식-04.22 (화)86.91휴식-04.23 (수)86.84가슴, 삼두마이마운틴 50분04.24 (목)85.95등, 이두마이마운틴 30분04.25 (금)86.02휴식-04.26 (토)84.9휴식-04.27 (일)86.03어깨- 📌 지난주 마지막 체중: 88.03kg 📌 이번주 마지막 체중: 86.03kg 📉 주..
[다이어트일지] #67 - 2025년 4월 3주차 체중 · 운동 · 식단 피드백
·
일상생활/다이어트일지
[다이어트일지] #67 - 2025년 4월 3주차 체중 · 운동 · 식단 피드백이번 주는 제주도 여행과 감기로 인해 컨디션이 저하되어 운동을 하지 못했습니다.체중 변화는 후반부에 집중적으로 기록되었으며, 회복과 안정에 초점을 맞춘 한 주였습니다.📊 주간 체중 기록4월 14일 ~ 4월 20일 체중 변화 기록날짜체중(kg)운동 부위유산소 운동04.14 (월)-휴식-04.15 (화)-휴식-04.16 (수)-휴식-04.17 (목)-휴식-04.18 (금)87.05휴식-04.19 (토)86.49휴식-04.20 (일)88.03휴식마이 마운틴 60분📌 지난주 마지막 체중: 86.25kg📌 이번주 마지막 체중: 88.03kg📈 주간 변화: +1.78kg 증가📝 느낀점1. 컨디션 관리4월 14일부터 18일까지는 ..