개발자
프론트엔드 백엔드 연동 ㅠㅠ
프론트엔드 개발을 시작한지 얼마 안됐습니다 ㅠㅠ 한 프로젝트에 참여하게 되었는데 혼자 페이지만 만들 줄 알지 백이랑 연동이나.. 요청 ..? 보내는 방법은 정말 하나도 모르는 데 이런 건 어떤 강의나 책을 봐야 알 수 있을까요 뭐라고 구글링해야할지도 모르겠습니다 도와주세요 🥹
답변 1
기술 스택이 어떻게 되나요? 쉽게 말씀드리면 일단 프론트에서 요청을 보내면 서버에서는 요청을 받고 프론트로 다시 응답을 주게 되는데 프론트에서는 주로 fetch라는 함수를 통해 요청을 보내게 되고 백에서 데이터를 응답으로 주면 프론트에서는 그 데이터를 갖고 화면에 띄워주는 구조입니다. 단순히 요청보내는 것만 궁금하시다면 fetch 함수와 api라는 것에 대해 알아보시면 될 거 같아요. 그런데 작성자분이 어느 부분이 궁금하신 것인지 리액트를 쓰시는지 자바스크립트를 쓰시는지도 모르고 내용을 조금 보충해 주시면 좋을 거 같아요!
익명
작성자
2024년 02월 13일
답볌 감사합니다 ! 리액트 사용합니더 :)
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2024년 02월 04일
프론트엔드와 백엔드의 연동에 대한 이해를 돕기 위해, 여러가지 학습 자료들이 있습니다. 1. **웹 개발에 대한 기본적인 이해**: 웹 개발의 기본 개념에 대한 지식이 필요합니다. HTTP 요청과 응답, REST API 등의 용어에 익숙해져야 합니다. 이러한 내용을 다룬 책으로는 "HTTP 완벽 가이드"가 있습니다. 2. **실제 프레임워크 또는 라이브러리를 통한 연습**: React를 사용하시기 때문에 Axios 라이브러리로 HTTP 요청을 보내고 받는 방법을 배울 수 있습니다. "Modern React with Redux [2020 Update]"와 같은 강의에서 해당 내용을 학습할 수 있습니다. 3. **특정 강의나 책 찾기**: 저는 개인적으로 "생활코딩" 웹사이트를 추천드립니다. 그곳에서는 웹 기술 전반에 걸친 정보를 쉽게 제공하고 있습니다. 먼저 구글링 할 때 사용할 수 있는 키워드들은 'React HTTP request', 'React Axios tutorial', 'frontend backend integration' 등입니다. 그리고 가능하다면 백엔드 개발자와 소통하며, API 문서를 요청하여 이해하는 것도 중요합니다. 백엔드에서 제공하는 API의 역할, 요청 형태, 응답 데이터의 구조 등을 이해해야 프론트엔드와 백엔드 간 효율적인 연동이 가능합니다. 마지막으로 말씀드리면, 실제 프로젝트에 참여하시게 된 것은 큰 장점입니다. 이론 공부만큼이나 실전 경험을 통한 학습도 중요하기 때문입니다. нач장 다양한 문제에 직면하게 될 텐데 그럴 때마다 적극적으로 문제를 해결하는 과정에서 많은 것을 얻으실 수 있습니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!