15.12.2 댓글 작성 컴포넌트 만들기

댓글 작성 기능을 구현하기 위해 두 개의 컴포넌트를 만들 것입니다.

▲ 그림 15-16 댓글 작성을 위한 컴포넌트

좌측에 댓글 목록 상단에 보이는 컴포넌트는 CommentInput입니다. 이 컴포넌트는 실제로는 TextInput을 사용하지 않습니다. 작동 방식이 버튼에 더 가까운 컴포넌트입니다. 이 컴포넌트를 누르면 우측에 있는 CommentModal을 화면에 보여줍니다. 이 컴포넌트는 기존 화면에 불투명한 검정 배경을 씌우고, 화면 최하단의 흰 박스에 TextInput을 보여줍니다. 키보드가 열리면 키보드 바로 위에 보입니다.