Main.js 부모컴포넌트 Search.js 와 FlightList.js 자식 컴포넌트 검색 버튼 누를시 search함수가 실행이된다. 부모컴포넌트(Main.js)에서 있는 상태 변경하는 함수(search)를 자식 컴포넌트(Search.js)에 전달후 이 함수를 자식 컴포넌트에서 실행을 한다. onSerach는 부모컴포넌트에 정의되어 있으며 setCondition함수를 호출하여 값을 변경한다. 하위 컴포넌트에서 search대신 onSearch로 받는다고 생각하면 될것 같다. 검색 버튼 누를시 search함수가 실행이된다. Main.js import Head from 'next/head'; import { useEffect, useState } from 'react'; import { getFlight }..
반딧불반 - [S2U8 HTTP/네트워크 실습]
PostMan으로 MessageState에 POST요청을 보내는 과정 "POST" 요청 메소드를 선택 요청 URL을 입력하여 MessageState API에 접속 요청 헤더에 필요한 값을 설정 요청 본문에 데이터를 입력 "Send" 버튼을 클릭하여 요청을 보낸다. 응답을 확인하고, 성공적으로 저장되었는지 확인 post요청은 서버에 데이터를 보내기 위해 사용되는 HTTP메소드이다. 이 데이터는 요청 본문에 포함되어 전송되고 서버에서는 이 데이터를 가지고 추가적인 처리를 수행한다. POST요청은 줄로 데이터베이스에 데이터를 저장하거나 갱신하는데 사용된다. POST요청을 보내는 과정을 설명하면서 알게된것이 있다. 요청헤더에 필요한 값을 설정하지 않으면 API 서버에서는 요청 메시지에 포함된 데이터의 형식을 알..