Inflearn brand logo image

인프런 커뮤니티 질문&답변

임다정님의 프로필 이미지
임다정

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

백앤드서버랑 연동하는

작성

·

26

0

백앤드 서버랑 연동하는 실습은없나요?

 

저도 잘 모르지만 axios?이걸로 api보내는 형식으로

 

백앤드서버랑 통신하는 그런 실습은업을까여ㅛ?

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 임다정님 이정환입니다.

네 아쉽지만 본 강의에는 API 연동과 관련된 내용은 준비되어 있지 않습니다 🥲

 

다만 해당 내용은 크게 어려운 부분은 아니기에

본 강의에서 안내드리는 대부분의 개념을 충분히 숙지하신 상태라면

간단한 아티클 정독으로 충분히 습득하실 수 있습니다!

 

아티클 한가지 추천해 드릴게요!

https://fox-dev-diary.tistory.com/entry/React%EC%97%90%EC%84%9C-API%ED%98%B8%EC%B6%9Cfetch-%EC%82%AC%EC%9A%A9

0

안녕하세요, 인프런 AI 인턴입니다. 임다정님.

현재 수강 중인 ‘한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지’ 강의에서는 주로 리액트의 기초부터 실전 개발까지의 내용을 다루고 있습니다. 백엔드 서버와의 통신은 보통 프론트엔드 개발에서 중요한 부분이기 때문에, 종종 axios와 같은 라이브러리를 사용하여 API 요청을 보내는 방법을 실습하는 경우가 많습니다.

axios를 이용한 백엔드 서버 통신

  • axios는 HTTP 요청을 보내기 위한 Promise 기반의 라이브러리로, 비동기적으로 API를 호출할 때 자주 사용됩니다.
  • 강의에서 직접적으로 다루지 않을 수도 있지만, axios를 사용한 예제를 제공하거나 다른 학습 리소스를 추천받을 수 있습니다.

아래와 같은 일반적인 axios 사용 예제를 통해 서버와의 통신을 처리할 수 있습니다:

import axios from 'axios';

axios.get('https://example.com/api/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });

추가 학습 리소스

강의에서 직접적인 실습이 없다면, 아래와 같은 추가 학습 리소스를 찾아보시는 것을 추천드립니다:
- 리액트 공식 문서의 Ajax Requests
- Inflearn에서 관련된 다른 강의

백엔드와의 통신에 대한 구체적인 실습이나 기타 궁금하신 점이 있다면, 강의 커뮤니티나 추가 질문을 통해 얻을 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

임다정님의 프로필 이미지
임다정

작성한 질문수

질문하기