• 로그인
  • 장바구니에 상품이 없습니다.

POST Method

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #15660

    김사장
    참가자

    안녕하세요. FE 부분을 React 로 실습중인 질문자입니다.

    어제 질문을 올렸는데, 코멘트 달아주신 부분 reply 와 추가적인 질문 드립니다.

     

    1.일단 기존 질문이었던 React 에서 axios.post 를 이용할 경우 API parameter 로는 잘 전달되지만,

       server.js 에서 콘솔로 출력할 경우 노출되지 않는 문제가 있습니다. 

    리액트에서 출력하면 파라미터 내용이 잘 표시되는데,
    서버에서 console.log(request.body) 하면 빈 객체로 표시됩니다.
    이 때문에 강의에 올려주신 VanillaJS 로 수정하고 나니 잘 되긴 합니다만, 

    왜 제대로 전달이 안되는 것인지 잘 모르겠습니다...

    코드와 출력화면 첨부드립니다.

    2. (추가질문) 제가 임시방편으로 강의의 코드처럼 action="/add" method="POST" 으로 작성하니 

    원하는 방향대로 출력이 됩니다. 

    근데, 이 방법이 더 단순한데 왜 Axios 를 사용하는 것인지 잘 이해가 되지 않습니다. 

    axios.post 방법이 익숙치 않아 StackOverflow 에서 찾은 방법대로 1번에서 적용한 것인데, 

    생각보다 코드가 복잡해지더군요...

    React 강좌에서 이해한 바로는 Axios 가 새로고침이 되지 않고 + 자동으로 파싱을 해주는 장점이 있다고 했는데,

    이거 말고 axios 를 사용하는 이유가 있을까요?

    #15664

    codingapple
    키 마스터

    크롬콘솔창에선 에러안뜨나요 

    서버에서 cors 라이브러리를 셋팅해놓읍시다

    웹앱은 새로고침없이 매끄러운 ui 만드는게 목표라서 새로고침되는 폼대신 ajax 요청으로 서버와 통신하는게 일반적입니다

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠