✨Next.js 16 + TypeScript + Tailwind CSS
안녕하세요, 김지애입니다
만나서 반갑습니다! 제 첫 웹페이지에 오신 것을 환영합니다.
TypeScript, App Router, 최신 Tailwind CSS 환경이 구성되었습니다. 아래 명령어로 개발 서버를 시작해 보세요.
Mac Terminal
➜my_first_pagegit:(main)npm run dev
▲ Next.js 16.3 (Turbopack)
- Local: http://localhost:3000
✓ Ready in ~1s
React Client 컴포넌트 테스트
버튼을 눌러 클라이언트 상태 업데이트가 작동하는지 확인해 보세요.
0
📁
App Router
app/ 디렉터리 기반의 최신 라우팅 시스템과 리액트 서버 컴포넌트를 지원합니다.
🛡️
TypeScript
엄격한 정적 타입 검사로 버그를 사전에 방지하고 안전하게 코드를 작성할 수 있습니다.
🎨
Tailwind CSS
최신 Tailwind CSS가 적용되어 유틸리티 클래스로 직관적이고 빠른 UI 디자인이 가능합니다.
🚀 맥 터미널에서 다음 단계 진행하기
- 맥 터미널에서
npm run dev실행 - 브라우저 주소창에
http://localhost:3000접속 app/page.tsx파일을 열어 원하는 내용으로 자유롭게 수정
💬
궁금한 점이나 의견이 있으신가요?
프로젝트 제안, 협업 문의, 또는 남기고 싶으신 피드백이 있다면 언제든 편하게 문의를 남겨주세요!