미리보기

[프로젝트 소개]

Spring Boot와 JPA를 이용해 안전하고 효율적인 입/출금 관리 사이트를 개발하고, AWS를 사용하여 배포한 프로젝트

사용기술 : SpringBoot, JPA, MySQL, Thymeleaf, AWS EC2

인원 : 백엔드 3명

[기여]

• 입/출금 관리 페이지 설계 및 개발

• 입/출금 관리 기능의 예외 처리 및 보안 강화 작업 수행

[문제 정의]

• 총 금액이 0원일 때나 출금 금액이 총 금액을 초과할 경우, 마이너스 금액이 나오는 문제가 발생함

• 주소창에서 URL의 ID 값을 변경하면 다른 사용자의 계정 정보를 관리할 수 있는 심각한 보안 문제가 발생함

[문제 해결]

• 출금 처리 전, 총 금액이 0보다 작은 경우 'try-catch'문을 사용해 오류 메시지를 반환하고, 사용자가 현재 페이지로 다시 돌아오도록 예외 처리를 구현함

• URL에 ID 값을 노출시키지 않도록 하고, 'PostMapping()'요청 시에만 ID 값을 전송하는 방식으로 보안을 강화하여 외부에서 다른 사용자의 데이터를 임의로 변경할 수 없도록 처리함

[알게 된 점]

• URL 파라미터로도 다른 계정에 접근할 수 있다는 점을 깨닫고, 웹 애플리케이션 보안의 중요성을 인식함

• 보안 강화 작업의 필요성을 배우고 이를 적용하는 방법을 익힘

GitHub : https://github.com/JayJi5204/ItdaAgainProject

[프로젝트 소개]

강의 판매 사이트의 게시판 기능을 Thymeleaf에 적용할 수 있도록 리팩토링한 프로젝트

사용기술 : SpringBoot, JPA, OracleDB, Thymeleaf, AWS EC2

인원 : 1명

[기여]

• 게시판 기능 개발 및 Thymeleaf 기반의 리팩토링 작업 수행

• 게시글 리스트의 페이징 처리 구현

[문제 정의]

• 게시글을 작성할 때, 모든 게시글이 한 화면에 나타나는 문제 발생함

• 게시글 수가 많아질수록 사용자에게 불편함을 주고, 사이트 성능에도 부정적인 영향이 발생함

[문제 해결]

• 한 화면에 10개의 게시글만 표시되도록 페이징 기능을 구현함

• 게시글 수가 10개를 초과할 경우, 사용자가 다음 페이지로 이동할 수 있도록 'List'를 'Page' 객체로 변환하여 Spring Data JPA를 통해 효율적으로 페이징 처리함

[알게 된 점]

• 페이징 처리를 효율적으로 구현하기 위해 Spring Data JPA에서 제공하는 'Page' 객체를 사용하면 편리하다는 점을 알게됨

• 또한, 상황에 맞게 'Page', 'Slice', 'List' 객체를 적절히 사용하는 방법을 익힘

GitHub : https://github.com/JayJi5204/introduce

[프로젝트 소개]

기존 강의 판매 사이트를 기반으로, Spring Boot와 JPA를 이용해 프론트엔드(React)와 백엔드를 연결한 프로젝트

사용기술 : SpringBoot, JPA, OracleDB, React, JavaScript, CSS

인원 : 풀스택 5명

[기여]

• 게시판 기능 설계 및 구현

• 프론트엔드와 백엔드 간의 통신 문제 해결

[문제 정의]

• React의 클라이언트 주소와 Spring Boot의 서버 주소를 일치시켰으나, 실행 중 CORS(Cross-Origin Resource Sharing) 오류로 인해 페이지가 정상적으로 로드되지 않고 빨간 오류 창이 나타나는 문제가 발생함

[문제 해결]

• 'package.json' 파일에 'proxy' 설정을 추가하여 React가 Spring Boot 서버(localhost:9090)와 통신할 수 있도록 설정함

• Spring Boot에서'@CrossOrigin' 어노테이션을 사용하여 React 클라이언트 주소(localhost:3000)를 허용하여 CORS 문제를 해결함

[알게 된 점]

• 프론트엔드와 백엔드 통신에서는 단순히 주소를 일치시키는 것 외에도 CORS 정책을 준수해야 함을 알게됨

• 이를 해결하기 위해 프록시 설정 및 Spring Boot의 '@CrossOrigin' 어노테이션을 사용하는 방법을 배움

GitHub : https://github.com/coffebara/green_final_team_project