파라미터가 포함된 apitester 페이지에서 수정하던 와중에
뒤로갔다가 다시 오고, 다시 수정하려고 form 을 누르는순간, form 이 초기 파라미터 값으로 초기화 됩니다.

링크 여기서 한번 테스트 해보시죠

header 에 한글이 포함되어있는경우, 요청이 이뤄지지 않고, 빈 결과창이 뜹니다.

conlose log 를 보면, Axios 오류가 나 있습니다.

요청 페이지와 결과 페이지를 한 페이지에서 같이 볼수있도록 하는 토글이 있으면 좋겠습니다.

구체적인 화면 설계는 정해봐야할거같습니다.

현재 상황

처음 접속한경우에는, body 에 테마가 적용되어있지 않습니다.
한번 테마를 토글한 이후부터 적용됩니다.

요구 사항

한번 테마를 토글하지 않더라도 초기에도 body 에 테마가 적용되어있어야합니다.

https://reactcommunity.org/react-transition-group/css-transition

를 보고, CSS Transition 적용하면 이쁠거같습니다.

현재 상황

header 나 body 가 올바른 json 이 아닐경우에 전송버튼을 누르면, console log 에 오류가 뜨면서 전송되지 않습니다.

요구사항

header가 다음과 같은 형식을 벗어가는 json 이거나, json이 아닌값일경우 전송버튼을 누르면 header 에 빨간줄 효과를 주면 좋겠습니다.

{
  "key1": "value1",
  "key2": "value2",
}

body 는 경우에 따라서 json 이 아닐수있기 때문에 JSON.parse 로 오류가 나는경우에는 그냥 string 으로 인식하여 전송됐으면 좋겠습니다.

현재 상황

요청 결과 페이지에 HTTP 상태가 출력되지 않습니다.
예)

요구사항

요청 결과 페이지에서 URL 왼쪽에 HTTP 상태가 출력됐으면 좋겠습니다.
100번대는 회색
200번대는 초록색
300번대는 파란색
400,500번대는 빨간색이였으면 좋겠습니다.
예)

현재 상황

요청시, body가 내용이 없거나 json이 아닌경우, 결과 창이 다음과 같이 출력됩니다.

<ReactJson src={response} />이렇게 되어있어서 response 가 json 이 아니면 저렇게 뜨는거같아요

요구 사항

json 이 아닌경우에는 문자열로 출력하게 해야할거같습니다