Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

339 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MAT.zip

👥 TEAM

김윤후 김태영 남가람 박희찬 윤지영 이창윤
리스트,
메인페이지
회원 프로필 회원관리,
보안
헤더,
리뷰(지도)
게시판 관리자페이지

📚 기술 스택


Backend

Frontend

DB

Tool

📄 목차


1. 프로젝트 개요

해당 프로젝트는 앞서 진행된 백엔드 프로젝트에 맞는 프론트엔드를 구현한 프로젝트입니다. 상세 개요는 백엔드 프로젝트와 동일합니다.

백엔드 프로젝트 - be10-2nd-1DANDOIT-mat.zip

2. 프로젝트 주요 기능

2-0. 백엔드 연동

기본적으로 백엔드 서비스를 그대로 구동하고 백엔드의 Spring Cloud Gateway와 API로 통신하여 클라이언트 사이드 랜더링으로 프론트엔드를 구현하였습니다.

3. 산출물

3-1. 화면 설계서 (Figma)

화면 설계서 (Figma)

3-2. 기능 명세서

기능 명세서

3-3. 테스트 결과 보고서

메인 화면

- 메인화면

메인화면

- 메인화면 -> 리스트

MainHome-List.gif

- 메인화면 -> 전체 리스트

MainHome-ListAll.gif

- 메인화면 -> 게시판

MainHome-Post.gif

- 메인화면 -> 게시판 리스트

MainHome-PostList.gif

회원가입

- 회원가입 - 이메일인증

이메일인증

- 회원가입

회원가입

로그인

- 로그인

login

- 로그아웃

logout

- 이메일 찾기

findEmail

- 비밀번호 찾기

findPassword

- 비밀번호 재설정

resetPassword

게시판

- 게시글 등록

게시글등록 게시글등록 게시글등록

- 게시글 수정

게시글수정

- 게시글 삭제

게시글삭제

- 댓글 등록

댓글등록

- 게시판 카테고리별 게시글 조회

게시판카테고리

- 전체 게시글 조회 및 검색

게시글검색

리스트

- 리스트 생성

ListCreate.gif

- 리스트 댓글 등록

List-Comment.gif

- 리스트 맛집 가져오기

List-GetMatzip.gif

- 리스트 -> 유저 리스트 목록

List-Lists.gif

- 전체 리스트 -> 리스트 상세조회

ListAll-ListDetail.gif

리뷰

- 리뷰 맵 조회

ListCreate.gif

- 리뷰 조회

List-Comment.gif

- 리뷰 작성

List-GetMatzip.gif

회원정보

- 비밀번호 수정

changePassword

- 회원정보 수정

updateUserInfo

- 회원 탈퇴

deleteUserInfo

보안

- 비회원 접근 거부

changePassword

- 회원 접근 거부

changePassword

- 회원 접근 거부 : 관리자페이지

changePassword

- 약관 미동의 시 회원가입 불가

changePassword

4. 회고

이름 회고 내용
이창윤 이번 프로젝트를 통해 프론트의 기본적인 동작구조와 서버와의 통신이 어떻게 이루어지를 전반적으로 알게 되었습니다. 프론트를 자세히는 모르고 백엔드 서버를 구축하였기에 기대와는 다르게 필요한 정보가 다른 부분도 많았지만 프론트와 백을 통합시키는 과정에서 더욱 세부적인 지식을 얻었다고 생각합니다. 이 프로젝트를 토대로 다음 프로젝트에서는 더 신중하게 백을 다뤄야겠다는 생각도 하였고 프론트에서 직접적으로 필요한 정보가 무엇인지도 정확히 분석하여 만들어야겠다는 다짐을 하였습니다.
정말 뜻깊은 경험이었으며 앞으로 저의 개발 로드에서 중요한 획을 긋는 프로젝트라 생각합니다. 팀원들에게 모두 감사드리고 모두 고생많았다고 전하고 싶습니다. 팀장으로써 부족한 부분이 많았지만 너그럽게 이해해주셔서 다들 감사합니다. 모두 고생많았어요!!
김윤후 백엔드 프로젝트를 진행하면서 백엔드 설계의 중요성을 깊이 이해하게 되었고 프론트엔드와의 연결이 어떻게 이루어지는지 직접 경험할 수 있었습니다. 이 과정에서 백엔드 설계 시 확장 가능성과 기술 구현을 더욱 세밀하게 고려할 수 있는 역량을 쌓았고 동시에 프론트엔드에 대한 지식도 넓힐 수 있었습니다. 또한 프론트엔드와 백엔드를 동시에 고려해보며 얻게된 지식을 바탕으로 더욱 유연하고 효과적인 백엔드 설계에 대해 고민해 볼 수 있었습니다. 이 다음을 위해 앞으로 프론트엔드, 웹, 그리고 네트워크에 대한 공부를 지속하고 싶습니다.

팀 활동을 하며 여러 우여곡절을 겪었지만 훌륭한 팀원들과 함께 할 수 있었던 것은 큰 행운이었습니다. 서로 의지하고 함께 어려움을 극복해 나가면서 많은 것을 배울 수 있었고 효율적인 업무 처리와 협업 방식에 대해 깊이 고민하게 되는 소중한 시간이었습니다. 어려움이 오히려 성장의 기회가 되었다는 점에서 이번 경험은 저에게 많은 영감을 주었습니다.
김태영 이번 프로젝트를 통해 프론트엔드의 기본 동작 구조와 서버와의 통신 방식에 대해 전반적으로 이해하게 되었습니다. 개발 초기 단계에서 프론트와 백엔드에 대한 지식이 부족함을 느꼈고, 두 부분 모두에서 개선이 필요하다는 것을 깨달았습니다. 특히 백엔드를 구축한 후 프론트를 개발하면서, 프론트에서 백엔드에 요청하는 정보가 예상과 많이 다르다는 사실을 알게 되었습니다.

이 경험을 바탕으로 다음 프로젝트에서는 백엔드를 더 신중하게 다루고, 프론트에서 필요한 정보를 정확히 분석하여 개발할 것을 다짐하였습니다. 이번 프로젝트에서 큰 성과를 내지 못해 팀원들에게 미안한 마음이 큽니다. 이를 통해 프론트 개발의 부족한 부분을 명확히 인지하게 되었고, 다음 프로젝트에서는 같은 결과를 반복하지 않기 위해 철저히 준비할 계획입니다. 이번 경험이 앞으로의 성장에 큰 밑거름이 되기를 바랍니다.
박희찬 프로젝트가 끝나고도 프론트엔드가 제일 어려운 것 같습니다. 비교적 난이도가 낮다는 Vuejs조차 이렇게 적응이 안되는 것을 보니 갈 길이 멀다는 생각이 듭니다. 포기하지 않고 끝까지 함께 해준 팀원들에게 감사하다는 말씀 올립니다.
윤지영 프론트 프로젝트를 통해 HTML, CSS, Javascript, Vue의 구조와 활용에 대해서 깊게 이해할 수 있었습니다. 백엔드 프로젝트와는 다르게 작성한 코드를 바로바로 화면을 통해서 결과를 확인할 수 있어서 재밌었습니다. TOAST UI Editor를 이용하여 게시글 작성과 수정 페이지를 구현하는데 정말 많은 어려움을 겪었지만 팀원들의 도움으로 완성할 수 있었고 그 과정에서 많은 것을 배울 수 있었습니다. 마지막까지 최선을 다해주신 팀원분들 모두 감사합니다.
남가람 이번 프로젝트는 제게 큰 도전이자 배움의 기회였습니다. 프로젝트 초반부터 예상치 못한 프론트엔드와 백엔드 간의 연동 문제가 자주 발생하면서 개발 과정이 순탄치 않았지만, 이를 통해 백엔드 설계를 더욱 세심하게 고려해야 한다는 점을 깊이 깨닫게 되었습니다. 백엔드를 설계할 때부터 확장 가능성과 프론트에서의 요구 사항을 정확히 반영하는 것이 얼마나 중요한지를 경험할 수 있었습니다.
또한, 이 프로젝트를 통해 HTML, CSS, JavaScript, Vue와 같은 프론트엔드 기술의 구조와 활용법에 대해 깊이 이해하게 되었습니다. 백엔드에서 구축한 기능이 프론트엔드에서 어떻게 동작하는지 직접 확인하고, 필요한 데이터를 정확히 제공하는 것이 중요하다는 사실을 체감했습니다. 다음 프로젝트에서는 백엔드를 더 신중하게 설계하고, 프론트엔드에서 요청하는 정보를 정확히 분석해 개발할 것을 다짐하게 되었습니다.
팀 활동을 하면서 우수한 팀원들과 함께 일할 수 있었던 것은 큰 행운이었습니다. 어려운 상황이 있을 때마다 팀원들의 도움으로 문제를 해결할 수 있었고, 이를 통해 효율적인 협업과 업무 처리를 경험할 수 있었습니다. 팀원들이 서로 다른 시각으로 문제를 해결하는 방식을 보며 저 또한 많은 것을 배울 수 있었고, 이를 통해 성장할 수 있었습니다. 이 프로젝트를 통해 얻은 경험과 배움은 앞으로의 개발 여정에 큰 자산이 될 것이라고 확신하며, 더 나은 개발자로 성장하는 계기가 되었다고 생각합니다.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages