개발자
리액트 데이터 통신
리액트로 간단한 프로젝트를 로그인으로 유저 페이지를 포함하여 만들어보고싶은데 db나 서버를 따로 학습해서 해봐야하는지 아니면 프론트엔드 단에서 가짜서버를 만들어서 하는 다른 방법을 사용하는지 궁금합니다,, 따로 학습을 해봐야한다면 mongoDB와 express를 사용해보는게 좋을까요.?? 두서없지만 도와주시면 감사합니다ㅠㅠ
답변 2
NextAuth나 Supabase Auth를 사용해서 유저 관련 기능을 구현해보시는 것은 어떨까요? 둘 다 쉽게 소셜 로그인 기능을 구현할 수 있도록 제공해주고 있고, Supabase Auth는 이메일 등 더 다양한 방법을 지원하고 있는 것으로 알고있어요. NextAuth는 Next.js에 통합되어서 사용할 수 있고, Supabase Auth는 Supabase DB, 인증 등을 사용해서 구현되어요.
익명
작성자
2024년 05월 11일
감사합니다! 잘찾아보고 적용해보겠습니다!
NextAuth사용하시고, vercel으로 배포하신다면 vercel에서도 storage에 database를 제공합니다. ORM으로 prisma를 사용해보세요.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2024년 05월 10일
리액트는 프론트엔드 라이브러리로, 일반적으로 backend 서버와 데이터를 교환하기 위해 API를 사용합니다. 만약 아직 백엔드에 대한 경험이 없고, 리액트만으로 간단한 프로젝트를 시작하려고 한다면 가짜 서버를 사용하는 것이 좋은 방법일 수 있습니다. 이를 위해 json-server라는 라이브러리가 있습니다. json 형태의 데이터 파일을 만들어서 API처럼 활용할 수 있게 해줍니다. 하지만, 실제 상황에서는 항상 백엔드 서버가 필요하므로 해당 기술을 학습하는 것도 중요합니다. Node.js와 Express, MongoDB를 합친 MERN 스택(MongoDB, Express, React.js, Node.js)은 자바스크립트 전체 스택 개발에 많이 사용되므로 추천하고 싶습니다. 따라서 답변은 프로젝트의 목표나 주어진 시간 등 여러 요인에 따라 달라질 수 있습니다. 간단히 테스트하거나 프론트엔드 기술만을 집중적으로 공부하려면 가짜 서버를 이용할 수 있지만, 실제 웹 개발 환경을 경험하기 위해서는 백엔드 기술을 학습하는 게 좋을 것입니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!