•
화면에 목록으로 보여준다 → Table
•
유저 입력을 받아 서버로 전송한다 → Form
◦
Form(onSubmit) → FieldGroup(values, onChange) → Field(value, onChange)
▪
Form은 submit 가능한 것이다. 따라서 onSubmit이 있어야 한다.
▪
Field는 value와 그것을 바꿀 onChange가 달려 있어야 한다.
◦
이 화면에서 무엇을 Form이라 부르고, 무엇을 Field라 부르나?
◦
시맨틱 → 의미론을 중요하게 생각할 것
▪
<form /> 의 역할과 의미는 무엇인가?
▪
onSubmit과 onClick은 어떻게 다른가?
▪
handleClick 함수명을 보고 Form 제출 동작을 예상할 수 있는가?
▪
…
•
Form에서 상태의 흐름은 위에서 아래로(GET), 아래에서 위로 흐르는 것 하나(POST) 총 두 방향이 있다. 개발자는 결국 이 두 가지 방향만 잘 구현하면 된다.
