서퍼를 모집하기 위한 방만들기 화면에 대한 설명이다.
화면은 다음과 같이 구성되어있다.
날짜선택 > 지역선택 > 스팟선택 > 모임에 대한 내용 또는 설명 > 방만들기
처음 화면이 렌더 된 후 componentDidMount에서 server로 "지역선택" 드롭다운메뉴에 표시 될 서핑지역에 대한 정보를 요청, 가져온다.
- 날짜선택 : 날짜선택을 하면 선택한 날짜가 state에 저장이 되고 "날짜선택"버튼이 해당 날짜로 수정이 된다.
- 다음 지역을 선택하면 server로 선택한 지역명이 보내지게 되고 database에 저장된 상세서핑스팟에 대한 정보(서핑스팟 위치, 이름)가 state로 저장되게 되고 동시에 아래 그림과 같이 상세서핑스팟의 이름들이 배열로 state에 따로 저장되어 해당 지역에 대한 스팟만 "스팟선택"의 드롭다운메뉴에 나타나게 된다.
- 상세 스팟을 선택하게 되면 해당 state에 저장된 스팟에 대한 위치정보와 날짜 정보를 기상청 API로 요청을 한다.
응답을 받은 날씨 정보 중 필요한 정보만 필터해서 정보에 맞는 아이콘을 화면에 렌더하여 모임개설자에게 서핑가능한 날씨인지에 대해 알려준다.
그리고 서핑모임에 관련된 설명 또는 내용을 적고 "방만들기"를 누르면 server를 통해 database에 모임방의 정보가 생성되고 server에 응답(개설된 방의 정보)이 오면 만들어진 Room으로 이동하게 된다.
주니어 개발자