개발자

리액트를 사용하여 프론트 개발 중 API 질문입니다.

2024년 03월 14일조회 127

리액트를 사용하여 프론트 웹 화면을 개발하고 있습니다. 사용자가 로그인을 하면 화면에 사용자의 닉네임, 프로필 사진, 즐겨찾기 수 등을 띄워줘야 합니다. 그러려면 API가 필요한데 위 정보가 담긴 API는 로그인 구현을 담당하는 백엔드 팀원이 제공하나요? 협업 팀플이 처음이라 모르는 것이 많습니다..

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 1

민경배님의 프로필 사진

안녕하세요, 조금 더 정확한 답변을 드리고 싶은데 혹시 질문이 어떤 부분에 더 포커스하고 있는지 알 수 있을까요? 1. 백엔드 팀원간의 역할 분배 2. 인증(로그인) 과정에서 유저 정보를 가져오는 API 설계 방식

비니님의 프로필 사진

비니

작성자

컴퓨터정보공학부2024년 03월 15일

백엔드 팀원들은 각각 로그인 기능, 게시판 기능, 팔로잉 기능 등 기능 구현을 나눠 가진 상태입니다. 저희가 API 명세서를 작성하지 않아 현재 프론트를 구현하는 입장에서 데이터 변수명을 하나도 몰라 구현이 어려워 명세서를 작성하자고 한 상태입니다. 로그인을 맡은 분은 파이어베이스를 이용하여 구글 로그인과 이메일 로그인 구현을 하신다고 합니다. 제가 맡은 일은 사용자가 로그인을 하지 않은 상태에서는 '회원가입을 하세요.' 라는 화면을 띄워줘야 하고 로그인을 하면 회원 정보를 띄워줘야 합니다. 그러기 위해선 로그인 여부를 알아야 하고 사용자의 닉네임, 프로필 사진, 이메일, 팔로잉 수 등 다양한 데이터명이 필요합니다. 그래서 제가 하고 싶은 질문은 회원 정보 데이터를 받기 위해서는 로그인 기능을 맡은 백엔드 팀원에게 요청해야 하는 것인지, 그리고 팔로잉 수를 구현하기 위해서는 팔로우 기능을 담당하는 백엔드 팀원에게 요청해야 하는 것인지 궁금합니다.

민경배님의 프로필 사진

민경배

FE Dev.2024년 03월 18일

안녕하세요, 답변이 늦어져 죄송합니다. 결론부터 말씀드리자면, 네! 말씀주신대로 진행하셔도 좋을 것 같습니다! 유저의 회원정보 같은 경우, 사용자 인증 후에만 접근 가능한 정보들로 구성이 되기 때문에 로그인 기능, 즉 인증단 개발을 주도하신 팀원분께서 담당해주시는 편이 좋아보입니다. 팔로워 수 기능 또한 팔로우 기능을 담당하시는 분께서 관련 데이터를 다루고 계시기 때문에 관련 엔드포인트를 제공해주시기에 수월할 것 같단 생각이 듭니다. 위와 같이 요청을 주셔도 되지만, 팔로워 수가 항상 회원정보와 함께 필요하며, 그 때 마다 2번씩 API를 호출하는 것이 비효율적이라고 느껴지신다면 회원정보 API에 통합하여 한 번에 데이터를 가져오는 방식을 고려해 수 있습니다. (백엔드에서 설계하신 스키마 구조에 따라 다양한 설계가 가능할 듯 하네요!) 다만, 가장 중요하게 말씀드리고 싶은 부분은 협업에서는 소통이 가장 중요한 부분이라는 것입니다. 물론 API 명세서를 작성하시는 것도 매우 좋은 방식이지만, 더불어 설계에 있어 함께 각 기능에 필요한 데이터, API 엔드포인트, 요청 및 응답 데이터 형식 등에 대해 함께 논의하고 진행하신다면 더 매끄럽게 진행가능 하실거라고 생각합니다. 처음해보시는 협업 팀플이라면 기술적인 부분보다는 다른 팀원에게 모르는 부분은 물어보고, 충분히 함께 논의하며 소통에 더 집중하셔도 좋을 듯 합니다! 그 과정에서 모든 팀원이 필요로 하는 정보와 기대하는 바를 명확히 하여, 서로의 요구사항을 이해하고, 협력해서 프로젝트를 성공적으로 완성해 나가셨으면 좋겠습니다:)

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 03월 14일

네, 일반적으로 사용자의 닉네임, 프로필 사진, 즐겨찾기 수 등과 같은 개인정보와 관련된 API는 백엔드 팀에서 제공합니다. 백엔드 팀은 이러한 정보를 데이터베이스에서 가져와 API를 통해 프론트엔드에 전달해줍니다. 따라서 리액트를 사용하는 프론트엔드 팀 멤버들은 백엔드에서 제공하는 API를 활용하여 필요한 데이터를 불러와 화면에 보여주게 됩니다. 하지만 협업적 관점에서 보면, 이런 세부사항은 팀원들과 충분히 소통하며 업무 분장을 정확하게 하는 것이 중요합니다. 어떤 기능이나 정보가 필요할 때 그것을 제공하는 API의 개발 여부나 상태 등을 체크하기 위해 백엔드 개발자와 계속 의사소통을 해야 합니다. 간혹 개발 과정에서 원하는 시기에 필요한 API가 준비되지 않아 진행에 차질이 있는 경우가 있을 수 있어서, 중요한 기능일수록 일찍일수록 필요성을 공유하고 준비 상태를 확인하는 것이 좋습니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!