탭이름 바꾸기
New.js
hook > usePageTitle.js
import { useEffect } from "react"
const usePageTitle = (title) => {
useEffect(() => {
const $title = document.getElementsByTagName('title')[0] //리스트로 가져옴
$title.innerText = title;
}, [title])
}
export default usePageTitle;
New.js
import Header from "../components/Header";
import Button from "../components/Button";
import Editor from "../components/Editor";
import { useNavigate } from "react-router-dom";
import { useContext, useEffect } from "react";
import { DiaryDispatchContext } from "../App";
import usePageTitle from "../hook/usePageTitle";
const New = () => {
const { onCreate } = useContext(DiaryDispatchContext);
const nav = useNavigate();
usePageTitle('새 일기 쓰기')
const onSubmit = (input) => {
onCreate(
input.createdDate.getTime(),
input.emotionId,
input.content
);
nav('/', {replace: true}); //replac true 뒤로가기 막기
}
return (
<div>
<Header
title='새 일기 쓰기'
leftChild={ <Button text={'< 뒤로 가기'} onClick={() => nav(-1)}/>}
/>
<Editor onSubmit={onSubmit}/>
</div>
)
}
export default New;
Diary.js
로고 바꾸기
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<meta property="og.title" content="감정 일기장"/>
<meta
property="og:description"
content="나만의 작은 감정 일기장"
/>
<meta property="og.image" content="%PUBLIC_URL%thumbnail.png"/>
빌딩
npm run build 설치
command prompt => install -g vercel => vercel --version 버전 확인 => vercel login => google
이후 베르셀 사이트에 업로드됨 그럼 이제 링크로 왔다갔다 할 수 있음
'Front > React' 카테고리의 다른 글
| Day11_react(6)_Am (0) | 2025.09.10 |
|---|---|
| Day11_react(6)_Pm (0) | 2025.09.09 |
| Day11_react(6)_Am (0) | 2025.09.09 |
| Day10_react(5)_Pm (0) | 2025.09.08 |
| Day10_react(5)_Am (0) | 2025.09.08 |