Web/Next
-
#2 헤더 UI 만들기Web/Next 2023. 6. 1. 03:00
먼저 기존 화면에서 이와같이 UI를 변경하였다. 변경하다보니 헤더는 모든 ui에서 유지되어야 함으로 page.tsx에서 layout.tsx로 헤더를 이동하였다. import './globals.css' import { Inter } from 'next/font/google' import Link from "next/link"; const inter = Inter({ subsets: ['latin'] }) export const metadata = { title: 'Create Next App', description: 'Generated by create next app', } export default function RootLayout({ children, }: { children: React.Rea..
-
#1 컨텐츠 구상Web/Next 2023. 6. 1. 02:01
1인 개발로 하며 생소한 ts와 next js를 사용하다보니 설계를 꼼꼼하게 하기보단 먼저 박아보고 조금씩 디테일을 추가하기로 하였다. 초기 컨텐츠로는 나에 대한 소개, 나의 기술 스택, 이력서, 경험한 프로젝트 총 4가지 컨텐츠로 결정이 났고 route 만 간단하게 연결해보자 이전 버전을 사용해본적이 없어 모르지만 13버전부턴 파일명이 아닌 디렉토리 명으로 라우트가 된다고 한다. 근데 글을 쓰다보니 컨텐츠들은 contents 디렉토리로 옮겨 합쳐야 보기도 이쁘고 관리도하기도 편할거 같다. import React from 'react' export default function Home() { return ( 어바웃입니다. ) } app/contents/about/page.tsx 아직은 ts만의 문법을 ..