preparing app for Http

react를 이용해서 바로 데이터베이스에 연결하지 않는다. 보안 문제 때문. 모든 리액트 코드는 방문자들이 볼 수 있기 때문에 서버를 통해서 데이터베이스와 통신한다.

파이어베이스 사용할 것.

파이어베이스 ->리얼타임 베이스

NewMeetupForm.js

function submitHandler(event) {
    event.preventDefault();
    ...
    props.onAddMeetup(meetupData);
}

props.onAddMeetup(meetupData) 추가

NewMeetup.js

function NewMeetupPage() {
	//send http request
	function addMeetupHander(meetupData){

	}

	return (
		<section>
			<h1>Add new meetup</h1>
			<NewMeetupForm onAddMeetup={addMeetupHander}/>
		</section>
	);
}

function addMeetupHander는 http(서버)와 통신하는 부분이다. 데이터를 넘겨줄 것.