깃허브의 링크가 엉켜서 따로 저의 깃에 올렸습니다.
https://github.com/dmdrk1414/web-crowring
- 프로젝트 진행 기간
- 주요 기능 소개
- Figma 웹사이트 설계
- 서비스 화면
- Api 명세표
- 프로젝트 파일 구조
- 팀원 정보 및 역할 분담 내역
2023.07.03(월) ~ 2023.07.21(금) (19일간 진행)
2023학년도 하계 계절학기 학생제안 자율설계학기제
-
메인 페이지: 대상자별 게시판 선택, 로그인, 모달창 기능 중에서 선택 가능
-
대상자별 게시판: 대상자별 혜택 및 복지에 대한 정보가 있는 게시판으로 이동
-
모달창: 나의 스크랩, 내 정보 수정 기능 바로가기 기능 제공
-
로그인
-
회원가입: 이메일 계정으로 회원가입 가능
![피그마](/Users/seungchan/Library/Mobile Documents/comappleCloudDocs/프로젝트/2023-3학년 1학기-계절학기/프로젝트 완료/gif 모음/피그마.gif)
![image-20230720153614639](/Users/seungchan/Library/Application Support/typora-user-images/image-20230720153614639.png)
![image-20230720153640193](/Users/seungchan/Library/Application Support/typora-user-images/image-20230720153640193.png)
https://shrouded-collarbone-711.notion.site/API-25b747da99434bf28ba7dfa3478754d9
![image-20230720154730406](/Users/seungchan/Library/Application Support/typora-user-images/image-20230720154730406.png)
![image-20230720154744855](/Users/seungchan/Library/Application Support/typora-user-images/image-20230720154744855.png)
![image-20230720154811510](/Users/seungchan/Library/Application Support/typora-user-images/image-20230720154811510.png)
![image-20230720154234629](/Users/seungchan/Library/Application Support/typora-user-images/image-20230720154234629.png)
이름 : 박승찬
느낀점 : 처음으로 사람들과 한께 무언가를 만드는 과정에서 저의 부족함을 많이 느겼습니다.
부족한점 : 모든 부분이 부족하였다.
개선해야할점 :
1. 매일 코드를 합쳐서 동작에 대한 확인을 해야함을 느겼다.
2. 아침마다 회의를 하여 자신이 무엇을 하고있는지 확인하는 작업의 필요성
3. api 명세표의 중요성,
3.1 프런트 팀과 백엔드 팀의 협력을 하여 상호작용의 필요성을 느겼습니다.
4. 시간의 부족함과 설계의 중요성을 철저히 배웠습니다.
5. docker에 대한 미숙한 점과 정확하지 않는 개념에 대한 숙지 를 하지 않았습니다.
6. 구글 로그인 구현부분과, 실제 로그인 부분의 충돌을 해결하지 못한점에서 저의 미숙한 부분을 알았습니다.
이름 : 김대원
라이브러리 : Spring boot 3.0.0
추천하는 메서드 : GetMapping
추천하는 이유 : 게시판을 만들 때 주요 메서드이고 재미있는 메소드였긴 때문입니다.
느낀점 : 자바 부족하여 예상보다 개발과정을 느리게 진행됬다는 점
부족한점 : 자바 공부를 더 해서 계획만큼 개발을 하고 싶다
개선해야할점 : 좀 더 시간투자와 영어를 공부를 제대로 해야합니다.
이름 : 윤정은
라이브러리 : Spring boot 3.0.0
추천하는 메서드 : Getter, Setter
추천하는 이유 : 편리하다
느낀점 : 스프링을 거창한걸로 생각해왔었는데 그냥 자바를 사용하기 위한 도구였다는걸 느꼈다
부족한점 : 스프링에 대한 개념
개선해야할점 : 스프링의 흐름을 익히고 어노테이션에 대해서 많이 알아야할거같다
이름 : 강연준
라이브러리 : VUE.js
추천하는 메서드 : FETCH
추천하는 이유 : 데이터 통신이 가능하게 하는 함수라 신기하다.
느낀점 : 시간이 촉박하다. 프로젝트의 전반적인 진행 흐름을 몰랐어서 많이 해맸다. 하지만 이번 기회에 프론트와 백엔드의 협력과 우선순위를 많이 배웠다.
부족한점 : 개념정리가 필요하다.
개선해야할점 : 배운 내용의 복습이 필요하다.
이름 : 최종빈
라이브러리 : vue.js
추천기능 : bootstrap, Font Awesome
추천이유 : vue.js : 가상 돔 (Vitrual DOM)을 사용하여 빠른 렌더링이 가능하여 코드를 수정하면 실시간으로 확인 할 수 있어 좋았습니다.
bootstrap : vue에서 html개발에서 모달창, 그리드제작 과정에서 좀더 쉽게 구현을 할 수 있어 수월했습니다.
Font Awesome : 로그인이미지나 아이콘등 이미지를 따로 다운을 하지 않아도 되는 번거로운 부분에서 사용하기 좋았습니다.
3주프로젝트 느낀점 : 3주라는 짧은 기간에서 처음 공부해보는 프론트공부와 작업툴인 vue.js을 동시에 공부하면서 만들기에는 확실히 이해하고 넘어갈 수있는 시간이 넉넉하지 않아 구현하고 싶은 기능을 완전히 구현을 하지 못하여 많이 아쉬웠던 프로젝트였습니다. 특히 html&css는 javascript에 비해서는 이해하기가 쉬웠지만 javascript를 공부하고 적용시키기에는 저에게는 다소 벅찼던 경험이었습니다.
부족했던 점 : 충분히 공부를 하지못하고 무작정 결과물을 만들어내야한다는 생각만 집중을 하다보니 코드의 로직을 제대로 이해하지 못하고 그냥 문서만 참고해서 만들어서 완전히 습득하지 못한채 만들어 처음 계획했던 기능들을 생각대로 완젼히 구현하지 못했던것이 아쉬웠습니다. 하지만 3주동안 많은 것을 직접 공부해보고 생각해보고 했던 시간들이 정말 뜻깊은 시간이었습니다.
개선해야할점 : vue.js를 공부하면서 공부한 기록들을 블로글을 작성하여 기록을 남겨 장기적으로 기억할수 있게 작성을 하여 이러한 점들은 개인적으로 학습에 있어 좋았지만 저한테는 짧은 3주동안 충분히 공부하기도 넉넉하지 않은 시간에 공부하고 정리하다보니 단계적으로 공부하지 못하고 스킵하는 부분이 많아서 그런지 코드를 작성할때 vue-instance 작성방법에서 막막했던 경험이있어 프로젝트를 끝난 후 따로 공부를 해야겠다고 생각이 들었습니다.
이름 : 김민주
라이브러리 : bootstrap, Vue router, axios,
추천하는 메서드 : $Emit
추천하는 이유 : 상속이라는 개념이 어렵다고 느껴지는데 $Emit을 통해서 쉽게 풀 수 있는거 같기 때문
느낀점 : 생각보다 내가 구성하고 싶은 화면이 마음대로 구현이 잘 되지않아서 힘들었지만 뿌듯했다
부족한점 : 아직 프론트엔드에 대한 지식이 부족한것같다
개선해야할점 : Vue와 프론트에 대한 지식을 더 쌓고 코드를 짜야할것같다