2022/08/25 Team 회고록 (오후 회의)

Goals

금일 작업 내역 브리핑

Front-end

•     React App 사용해서 html, css 구성

 

Back-end

•     API 명세서 완성

•     테이블 명세서 및 ERD 수정

•     Entity 클래스 추가 및 연관 관계 매핑

•     Controller 추가 (비즈니스 로직은 아직)

•     개발 전용 서버 로컬 pc (팀장 노트북) 구성 완료→ 프론트단과 API 통신 성공
  
  

 

 

Discussion Items

작업 간 수정 및 보완 사항 토의

Front-end

•     MainLogOut page / QuestItem component 수정 요망

Back-end

•      API 명세서 URI 경로 수정 요망
  → 질문, 답변, 댓글은 같은 페이지안에 존재하기 때문에 경로가 중복되는데 어떻게 할건지

 

생각 이상으로 수정을 하는 빈도수가 점점 늘어난다

아직 프로젝트 단계 초입인데도 이렇게 계속 수정할 요소가 발견이되고 답답할 수 있겠지만

이것 또한 익숙해지고 능숙해지고 아는 것이 많아지다보면 처리 속도나 해당 내용의 지식이 점점 늘어

성장의 발판이 될 것을 기대한다

 

Github 운용 관련 토의

 

1.   이슈 생성 (해야할 일, 문제사항 등등)

2.   마일스톤 - 프로젝트 요구사항 진척도 확인 -Bare Minimum Requirement, Advanced Challenge 여러 이슈들을 마일스톤으로 그룹화하여 진척도 확인

3.   깃허브 프로젝트 생성

•     테이블 or 보드 형태 선택

•     세팅-> 프로젝트 정보 변경

•     세팅-> Manage Access, 팀원 추가 및 역할 부여

•     이슈 연결 -> #으로 레포지토리 찾고 issue나 PR 선택 추가

•     Project 설정 -> 이슈들의 상태 설정 기본적으로 Todo, In Progress, Done 그 외 Labels, PR, Reviewers, Repository, Milestone 등 칼럼 추가 그룹으로 묶어서(테이블) 보거나 보드(칸반) 으로 볼 수 있다

•     Project 적용 Issue 만들 때 project를 기존에 만든걸로 지정하면 자동 트래킹

 

배포 서버 관련 토의

개발 서버는 팀장 개인 로컬 PC (노트북) 환경으로 생성

IPTIME 공유기 DMZ 고급설정 → 외부 통신 가능하게 해주는 IP로 대체

방화벽 해제 : 포트번호 3000(React), 8080(Spring), 8082(MySQL)만 해제 (허용)

통신 주소는 사설 IP가 아닌 공유기에 할당된 공인 IP 사용

배포 서버는 aws 사용 예정

 

- 처음 해보는 서버 구성이었지만 천천히 구글링을 해가면서 구성했다

공유기 설정부터 방화벽 포트 해제까지 하고 다른 팀원들이 접근 하는 것을 확인 할 수 있었다

이후 프론트엔드와 API 통신 테스트를 하기 위해 간단한 POST 요청할 수 있는 스프링 부트 프로젝트를 만들었다

그런데 만드는 과정에서 오류를 하나 마주하게 되었다

 

Error : Failed Member in DemoTest required a bean of type 'com.team45.demo.Member' that could not be found

Consider defining a bean of type 'com.team45.demo.Member' in your configuration

Bean 타입을 해당 경로에서 찾지 못해서 발생한 에러였다

모든 요소를 디렉토리 하나에 넣어서 간단하게 테스트해보려고 했던 욕심이 문제가 되었다

패키지 아래에 디렉토리별로 나눠서 static을 빼고 각각 독립적으로 클래스나 인터페이스를 생성해서 해결하였다

 

그리고 프론트엔드와 API 통신을 하기 위해 테스트를 진행

Postman으로 Rest API 통신 테스트는 성공했지만

프론트단에서 React, 포트번호 3000번으로 Request 요청을 했는데 오류가 났다

 

오류 이유는 통신 포트 번호가 달라서 CORS 정책 위반이었다

그래서 중간에 프록시를 따로 설정을 해야했다

"proxy": “https://개발서버:8080” (여기서 개발서버는 아까 노트북으로 구현한 개발 서버의 공인 IP주소다)

설정을 완료하고 다시 테스트 리퀘스트를 하니,

 

API 통신 테스트 성공한 모습.

맨땅에 헤딩하는 과정의 연속이지만 결국 끝까지 해내면 보다 더 나은 우리를 보게된다

앞으로 더 이러한 과정을 겪고 성장하기를 기대한다

 

 

Action Items ( 실행해야 할 과제)

 -  Github 레포지토리 pull 전략 토의

 

 

 

 

Uploaded by Notion2Tistory v1.1.0