파릇파릇한 코딩 공부하는 대학생 질문좀 받아주실분 계신가요?(질문이 많아요)

Question

이번에 동아리를 들어가게 됐는데 선배님들과 대화하던중에 궁금증이 생긴 것이 너무 많아서 인터넷 뒤져봐도 잘 몰라서 여기다가 질문해봅니다.한번도 스프링부트와 리액트를 잘 아직 모르지만만약에 동아리 선배님들이랑 리액트를 프론트로하고 스프링부트를 백으로 분리해서 AWS에 배포를 한다고 가정했을때 만약에 내가 한것이 제대로 동작하는지 확인하려면 프론트와 백이 분리가 되어있는데 확인하는 방법이 궁금합니다.만약에 회원가입 기능을 구현한다고 가정했을때 사람들의 정보를 리액트에서 받아와서 제 컴터에 있는 DB에 저장하면서 테스트를 해보는 건가요?아니면 나중에 AWS에 DB를 설치하여 AWS에서 확인하는건지 궁금합니다.만약에 백엔드가 두명이면 각자 본인 컴퓨터의 있는 DB로 테스트를 하는건지 아니면 따로 공용으로 DB를 나눠서 쓰는건지 상상이 잘 안가서 궁금합니다.엔진엑스?이건 또 어디서 사용하는건지 궁금합니다.이것도 배포할때 사용하는건가요?

memoization · Answer

[ChatGPT]스프링부트와 리액트를 사용한 프로젝트에서 프론트엔드와 백엔드를 분리하여 개발하고 AWS에 배포하는 과정은 여러 단계를 거치게 됩니다.로컬 개발 환경에서의 테스트로컬 DB 사용: 개발 초기 단계에서는 각 개발자가 자신의 컴퓨터에 로컬 데이터베이스(예: MySQL, PostgreSQL)를 설치하여 사용합니다. 이 경우, 각자의 DB에서 개발 및 테스트를 진행하게 됩니다. 회원가입 기능을 구현할 때, 리액트 프론트엔드에서 입력 받은 데이터를 스프링부트 백엔드를 통해 자신의 로컬 DB에 저장하고 결과를 확인하는 식입니다.공용 DB 사용: 팀원 간의 통합 테스트를 위해 공용 DB를 사용할 수도 있습니다. 이는 로컬 또는 클라우드(예: AWS RDS)에 설정할 수 있으며, 모든 팀원이 같은 데이터베이스 설정을 공유하여 사용합니다. 이 방법은 모두가 동일한 데이터 상태에서 작업하고 테스트할 수 있다는 장점이 있지만, 한 사람의 변경사항이 다른 사람에게 영향을 줄 수 있다는 단점도 있습니다.배포 및 테스트AWS 배포: 개발이 어느 정도 진행되면, AWS와 같은 클라우드 서비스에 프로젝트를 배포합니다. 이 때, AWS의 다양한 서비스(EC2, RDS, S3 등)를 활용하여 애플리케이션을 운영 환경에 맞게 설정합니다.DB 설정: AWS RDS와 같은 관리형 데이터베이스 서비스를 사용하여 프로덕션 데이터베이스를 설정하고, 애플리케이션의 데이터베이스 연결 정보를 해당 서비스로 변경합니다. 이제부터는 모든 데이터가 클라우드 데이터베이스에 저장되고 관리됩니다.테스트: 배포 후에는 실제 운영 환경에서 애플리케이션의 기능을 테스트하여 정상 작동하는지 확인합니다. 이 과정에서 발견된 버그나 문제점은 수정 후 다시 배포 과정을 거쳐 업데이트합니다.엔진엑스(Nginx) 사용엔진엑스는 고성능 웹 서버, 리버스 프록시 서버, 이메일 프록시 서버 등 다양한 기능을 제공하는 소프트웨어입니다. 웹 애플리케이션 배포 시에는 주로 리버스 프록시로 사용되며, 다음과 같은 목적으로 활용됩니다.로드 밸런싱: 여러 서버에 걸쳐 사용자 요청을 분산시키는 역할을 합니다.보안 강화: 클라이언트와 백엔드 서버 사이에 위치하여 보안 계층을 추가합니다.정적 파일 처리: CSS, JavaScript, 이미지 파일 등 정적 리소스의 효율적인 처리와 캐싱을 담당합니다.배포 과정에서 엔진엑스를 설정하여 이러한 기능을 활용하면 애플리케이션의 성능과 보안, 유지관리 측면에서 이점을 얻을 수 있습니다.[phind]스프링부트와 리액트를 사용하여 웹 애플리케이션을 개발하고 AWS에 배포하는 과정에서 프론트와 백엔드가 분리되어 있을 때 테스트를 진행하는 방법에 대해 설명하겠습니다.로컬 환경에서 테스트: 먼저, 로컬 환경에서 개발을 진행하고 테스트를 진행할 수 있습니다. 리액트 프론트엔드에서 사용자의 정보를 받아 스프링부트 백엔드로 전송하고, 백엔드에서는 이 정보를 받아 로컬 데이터베이스에 저장하는 방식으로 테스트를 진행할 수 있습니다. 이 방식은 개발 초기 단계에서 빠르게 피드백을 받을 수 있으며, 로컬 환경에서 데이터베이스를 사용하면 개발 비용을 줄일 수 있습니다.AWS에서 테스트: 프로젝트가 완성되고 배포를 준비하는 단계에서는 AWS에서 테스트를 진행할 수 있습니다. AWS에서 데이터베이스를 설치하고, 스프링부트 백엔드와 리액트 프론트엔드를 AWS에 배포한 후, 실제 사용자의 정보를 받아 처리하는 과정을 테스트할 수 있습니다. 이 방식은 실제 사용자 환경에서의 동작을 확인하고, 성능 및 안정성을 테스트할 수 있습니다.데이터베이스 관리: 백엔드 개발자가 여럿 있을 경우, 각자 개발 환경에서 데이터베이스를 사용하거나, 공용 데이터베이스를 사용할 수 있습니다. 공용 데이터베이스를 사용하는 경우, 데이터베이스 스키마와 설정을 공유하고, 각 개발자가 필요한 데이터를 추가하거나 수정할 수 있습니다. 이 방식은 협업을 용이하게 하고, 프로젝트의 일관성을 유지할 수 있습니다.Nginx 또는 엔진엑스(Nginx): 엔진엑스는 웹 서버, 리버스 프록시, 로드 밸런서 등의 역할을 수행할 수 있는 소프트웨어입니다. AWS에 배포할 때, 엔진엑스를 사용하여 프론트엔드와 백엔드 사이의 트래픽을 관리하고, 보안 설정을 적용할 수 있습니다. 엔진엑스는 배포 시에 사용되며, 사용자의 요청을 적절한 서버로 라우팅하는 역할을 합니다.이러한 방식들을 통해 스프링부트와 리액트를 사용한 웹 애플리케이션의 개발과 테스트를 진행할 수 있으며, AWS에 배포할 때 엔진엑스를 사용하여 웹 서버의 역할을 수행할 수 있습니다.[Copilot]스프링 부트와 리액트를 프론트엔드와 백엔드로 분리하여 AWS에 배포하는 경우, 다음과 같은 방법으로 확인하고 테스트할 수 있습니다:로컬 환경에서 테스트:프론트엔드와 백엔드를 로컬 환경에서 실행합니다.프론트엔드에서 회원가입 기능을 구현하고 사용자 정보를 입력합니다.백엔드에서 이 정보를 받아와서 로컬 DB에 저장하고 확인합니다.이 방법은 개발 초기 단계에서 테스트하기 좋습니다.AWS 환경에서 테스트:AWS EC2 인스턴스에 백엔드를 배포합니다.AWS S3와 CloudFront를 사용하여 프론트엔드를 배포합니다.프론트엔드에서 회원가입 기능을 테스트하고 백엔드로 정보를 전달합니다.백엔드는 AWS RDS 또는 DynamoDB와 같은 AWS 관리형 데이터베이스를 사용하여 정보를 저장합니다.이 방법은 실제 환경과 유사하게 테스트할 수 있습니다.공용 DB 사용:백엔드가 두 명이라면, 공용으로 사용할 수 있는 AWS RDS 또는 DynamoDB와 같은 관리형 데이터베이스를 설정합니다.각 백엔드 개발자는 해당 DB에 접근하여 테스트를 진행합니다.이 방법은 데이터를 공유하고 동시에 개별적으로 테스트할 수 있습니다.상황에 따라 로컬 환경에서 테스트하거나 AWS 환경에서 테스트하는 방법을 선택할 수 있습니다. 또한 데이터베이스는 AWS에서 관리하는 것이 좋으며, 공용 DB를 사용할지 개별 DB를 사용할지 팀의 상황과 정책에 따라 결정하시면 됩니다.

kenu,전독시 · Answer

이 영상이 도움이 되면 좋겠습니다.https://www.youtube.com/watch?v=hfNfmExxHJE

m.koo.kr · Answer

전.. 웹 개발자는 아니라서, 웹 개발에서는 어떻게 하는지는 전혀 모르지만..H/W 랑 UI 를 연동 한다고 하면?H/W 개발자는? UI 에서 어떻게 처리할지 신경 안 써도 되고,UI 개발자는 H/W 에서 어떻게 처리할지 신경 안 써도 되는 게 명확해야 합니다보통.. UI ↔ H/W 사이에? 서로 간에 주고 받는 데이터에 대한 포맷을 만들고,그걸.. ICD(Interface Control Document)라는 문서로 만들어서 서로 간의 규악을 정할 겁니다.ICD를 만드는 것 자체가.. "나는, 너 한테 데이터를 이렇게 보낼 거니까! 너는 이대로 처리해 줘!"라는 약속을 하는 거니까요그러면.. UI 는 UI 대로, H/W 는 H/W 대로.. 약속된 규약에 맞춰서 개발을 하는 거구요그렇게.. 서로 개발을 하고서 붙여 봤는데.. 제대로 안 돌아가면? ICD 문서 보면서.. "내가 잘못 만들었니? 네가 잘못 만든거니?" 따지는 시간이 생기기도 하구요..테스트 환경을 어떻게 구성 했는지에 따라 다르겠지만..개발 과정에서는 보통.. 위에 적은 것과 비슷한 과정을 거칠 겁니다

지돌이 · Answer

혹시 질문이 api가 잘 동작하는지 확인 한다는 말씀이신가여? curl, http, postman등으로 요청을 날려보면 될것 같네요..nginx 웹서버이니 정적 데이터 즉 react를 빌드한 결과를 배포하려고 하시나 보네여.. react 같은 spa는 cloud front를 사용해서 배포하기도 합니다..

개발정복 · Answer

너무 단편적인 정보를 가지고 계십니다 다른 답변처럼 chatGPT 라도 찾아보면서 기본 지식을 조금은 공부를 하는게 훨씬 빠를것 같네요AWS DB nginx 이런건 너무 카테고리가 다른 제품이나 기술이라 전체적으로 스킬 레벨 맞춰서 설명 듣기가 힘들것 같네요chatGPT 대답도 보니 일단 대답을 해주긴 했는데질문 자체가 모호하다보니 대답도 모호해 보이네요질문이 워낙 많다보니 뭘 먼저 해야할지 헤멜수 있으니 처음 워딩인스프링 부트에 대해서 우선 구글링이나 질문 해보시고 그뒤 방향을 잘 정해서 차근차근 디깅 해보세요

닉추 · Answer

리액트 build하면 js, css파일 등으로 만들어지는데 이거랑 백엔드 소스랑 합쳐서 소스 배포하는 것 같습니다. db를 클라우드에 올리면 같이 쓸수 있을거고 각자 컴에 설치하면 각자만 사용이 될 것 같습니다

파릇파릇한 코딩 공부하는 대학생 질문좀 받아주실분 계신가요?(질문이 많아요)

6개의 답변

Q&A 목록