코드캠프 8일차

new Date() = 현재날짜를 가져오는 내장함수

    const a = new Date() //Wed Mar 23 2022 10:44:26 GMT+0900 (한국 표준시)

    a.getFullYear() // 2022

    a.getMonth() // 2

    a.getDate() //23

    a.getMonth() +1 //3

getMonth는 0부터 시작하기에 +1을해준다.

	new Date("2021-03-16")

같은 방법으로 날짜를 지정해도 가능하다.

컴포넌트 재사용

하나의 컴포넌트

	export default function BoardComponent(props){

    return(
        <div>
            <h1>{props.isEdit === true ? "수정" : "등록"}페이지</h1>
            제목: <input type="text"></input><br />
            내용: <input type="text"></input><br />
            <button>{props.isEdit === true ? "수정" : "등록"}하기</button>
        </div>
    )
}

가 있고 페이지가 두 개

export default function BoardNewPage(){

    return(
        <BoardComponent
        isEdit={false}
        ></BoardComponent>
    )

}

import BoardComponent from "../../src/components/units/board/08-board-component/BoardComponent"

export default function BoardEditPage(){

    return(
        <BoardComponent
        isEdit={true}
        ></BoardComponent>
    )
}	

있을 때
props로 내보내주는 값에 의해 컴포넌트의 값을 조절할 수 있다.