필요한 페이지

메인 페이지

import MeetupList from '././././.something'

const MEETUP_DATA = [
	{...},
	{...},
	{...},
]

function HomePage(){
	return <MeetupList meetups={MEETUP_DATA}/>
}

export default HomePage

약속 직접 작성하는 페이지

import NewMeetupForm from '././././.something'

function NewMeetUpPage(){
	// 제출하기 눌렀을때 함수 
	function addMeetupHandler(enteredMeetupData){
		console.log(enteredMeetupData);
	}

	return (
		<NewMeetupForm onAddMeetup={addMeetupHandler}/>
	)
}

export default NewMeetUpPage

공통 레이아웃을 담당하는 파일