반응형 nextjs142 Jira Clone - 인증 화면 (Sign In / Sign Up) https://www.youtube.com/watch?v=Av9C7xlV0fA50:27 1. auth 공통 layout.tsx 꾸미기반응형 레이아웃으로 로고와 "Sign Up" 버튼을 포함하는 네비게이션 바를 구현컨테이너 중심 레이아웃의 전형적인 예시이다.화면을 줄였을 때 컨테이너 크기를 중심으로 크기가 변한다.핵심은 mx-auto와 max-w-screen-2xl 의 조합이다.mx-auto: 좌우 마진을 자동으로 설정해서 수평 중앙 정렬max-w-screen-2xl: 최대 너비를 1536px로 제한import Image from "next/image"import { Button } from "@/components/ui/button"interface AuthLayoutProps{ children:.. 2025. 9. 11. Jira Clone - 프로젝트 셋업 및 컴포넌트 라이브러리 추가 https://www.youtube.com/watch?v=Av9C7xlV0fA Jira CloneNext.js, React, Tailwind, Hono.js 및 Aight를 사용하여 완전한 기능을 갖춘 Jira 클론을 구축하는 방법기술 스택: Next.js 14, React, Tailwind, Hono.js, Aight, Shadcn UI • Bun (선택 사항) 1. 프로젝트 설정 및 초기 환경 구성 개발 환경 : Node.js (v18.18 이상 권장) 및 Bun 런타임 사용// bun -> https://bun.sh/curl -fsSL https://bun.sh/install | bash// 설치불가시 추가 exec /bin/zshexec /bin/zshbun -vNext.js 프로젝트 생성 : .. 2025. 9. 10. 이전 1 다음 반응형