🌷😄230417 ~ 230510) 팀 프로젝트 (1) 내 역할 요약 및 최종 느낀 점👍 [K-디지털 트레이닝]

최종 느낀 점!

- 우선 기획할 때 제대로 해야 중간에 수정이 없으니까 계획 변동이 없다.
중간에 관리자 페이지 추가 등 페이지 변경이 있어서 시간 소모가 컸다. (새로 피그마 만들고, 화면 구현 추가로 제작, 백엔드 수정 등)
팀원들과 파트 분배를 하고 열심히 해서 최종 완료를 달성했다!

- 기획 파트나 진행 도중에 다른 팀원의 파트에도 어떤 기능이 더 들어가야 하는지, 들어갈 수 있는지 생각을 해야 한다고 느꼈다. 팀 프로젝트 발표 며칠 전 강사님 피드백에서 우리 팀에서 빠졌다는 기능이 '관리자 회원가입'과 '이메일 인증 회원가입' 부분인데 나는 내 파트 기능 구현에 하루종일 몰입해서 진행하느라 생각도 못했었다. TT 기획 때 철저하게 생각하자.

- 프로젝트 진행 중에 내가 피그마로 UI 만든 후 팀원이 피그마에 있는 거 보고 똑같은 디자인으로 화면 만드는 거 보고 정말 신기했다! XD 피그마 UI의 중요성 느꼈다. 현업에도 그럴 것 같다!

- Canva로 슬라이드 열심히 만들었는데 PPT 전환하니까 다 깨지고 이유는 모르겠지만 내가 모르는 유료 요소 1개를 써서 (나는 내 손으로 직접 하나하나 만든 건데) 결제를 하게 됐다. 
제일 좋은 해결책: Canva를 PNG 또는 JPG 변환해서 애니메이션은 사라지지만 그걸 파워포인트 PPT에 바로 넣으면 화면이 안 깨진다! 평가용 PPT 제출은 이 방식으로 한다. (동영상은 동영상 속도 체크 후 PPT에 넣는다.)
또 발표 전에 다른 팀들처럼 미리 Canva에 로그인해서 발표할 때 Canva로 한다.
앞으로 이 방법 쓰자.

---

- 또 팀원들과 협업하면서 만약 혼자 만들었으면 달랐을 점들도 있었고, 더 나은 방향으로 진행된다는 점에서 협업 및 토론이 좋은 거라고 느꼈다. 실제 개발자들도 일할 때 협업한다는 데 이점이 기대가 된다. 

- 내 건강을 위해 수면 시간을 지켜야 한다고 느꼈다. 최소 6시간 수면을 지키자 그래야 깨어있는 시간에 집중력도 높아진다.

- 결론으로, 난 내 깨어있는 시간을 팀프로젝트에 썼고 최선을 다했다.
남은 프로젝트 2, 3도 즐기면서 열심히 하자 :)

---

최종 구현 동영상 및 사용자 화면 스크린샷▼

2023.05.11 - [💖My Projects Diary✨/Team Project 1️⃣] - 🌷[24] 230511 팀 프로젝트 (1) 24일 차 Thu) 최종 구현 동영상 및 사용자 화면 스크린샷 [K-디지털 트레이닝]

🌷[24] 230511 팀 프로젝트 (1) 24일 차 Thu) 최종 동영상 및 화면 구현 스크린샷 [K-디지털 트레이닝]

최종 발표 슬라이드쇼 (스크린샷)▼

2023.05.11 - [💖My Projects Diary✨/Team Project 1️⃣] - [24] 230511 팀 프로젝트 (1) 24일 차 Thu) 최종 발표 슬라이드 [K-디지털 트레이닝]

최종 발표 슬라이드쇼 (동영상 포함)▼

https://www.canva.com/design 발표 슬라이드쇼로 이동

---

주제 선정, 예상 훈련 시간 및 총 소요 시간▼

기업 프로젝트 1차 기간 (소규모)
[4/17 Mon ~ 5/10 Wed] 2주 3일 (17일)
7시간 x 17일 = 114시간 (훈련 시간 100시간)

교과목명: 기준정보 관리 기능 구현
팀주제 3: 진료 관련 증명서 출력 기능 구현
2023.03.23 - [🌳 List of Materials✨/팀프로젝트 자료] - 230417 ~ 230630 평가 및 프로젝트 평과 일정 [K-디지털 트레이닝]

총 소요 시간: 누적 185.5시간 + α

---

내 역할

• 온라인 증명서 발급 신청 기능 구현
• 증명서 상세 내역 미리 보기 및 다운로드 기능 구현
• 회원가입 유효성 검사
• 피그마 UI 기획 및 프론트엔드 Start Bootstrap 반응형 웹 구현
• Canva 프리젠테이션 슬라이드쇼 제작

---

내 역할 상세 요약

• 온라인 증명서를 선택했을 때 데이터를 읽어서 그에 맞는 증명서 양식으로 다운로드/인쇄 기능 구현: HTML (총 2일)
  4/24 Mon, 4/25 Tue
• 증명서를 선택했을 때 데이터를 읽어서 그에 맞는 증명서 양식 데이터 읽기: Spring, JSP (총 8일)
  4/26 Wed, 4/27 Thu, 4/28 Fri, 4/29 Sat, 4/30 Sun, 5/1 Mon (6일)
  5/5 Fri, 5/6 Sat: Spring 재수정 (2일)
• 회원가입 유효성 검사: Bootstrap, JSP (총 3일)
  5/2 Tue, 5/3 Wed, 5/4 Thu
• DB 예시 만듦: MySQL (1일)
  4/20 Thu
  
• 프론트엔드 화면 구현 및 반응형 적용: HTML, CSS, Bootstrap (총 7일)
  4/19 Wed, 4/20 Thu, 4/21 Fri, 4/22 Sat, 4/23 Sun, 4/25 Tue (6일)
  5/6 Sat: 재수정 (1일)
• 피그마를 이용한 웹디자인 및 기획: Figma (3일)
  4/17 Mon, 4/19 Wed, 4/25 Tue
• 프레젠테이션을 위한 노션 요약 글 정리: Notion (2일)
  5/3 Wed, 5/5 Fri
  
• Canva로 슬라이드쇼 제작 및 재수정: Canva (4일)
  5/7 Sun, 5/8 Mon, 5/9 Tue, 5/10 Wed 

---

230417 ~ 230510간의 스케쥴러▼

23일 차 23.05.10 Wed

• 슬라이드쇼 상세 설명 추가 (9-10시)
• 이메일 인증 (10-11시)
• 이메일 인증 / 슬라이드쇼 재작성 (11-12시)
• JavaMail API 이메일 인증 구현 / 슬라이드쇼 재작성 (12-13시)
• 슬라이드쇼 상세 설명 추가, 재작성 (14-17시)
• 슬라이드쇼 재작성 (3.5-4.5시)
  (8시간) 누적 185.5시간 + α

---

22일 차 23.05.09 Tue

• 슬라이드쇼 수정 (9-10시)
• 슬라이드쇼 수정, 슬라이드 쇼 최종 완성, 동영상 촬영 (10-11시)
• 동영상 촬영 (11-12시)
• 관리자 페이지: 테이블 반응형 변경 (12-13시) 
• (휴대폰으로 봤을 때) nav 로고 사이즈 변경 및 토글 바 우측 고정 (14-15시)
• 프리젠테이션 슬라이드 재수정 및 동영상 편집 3개 (19.5-2.5시)
  (12시간) 누적 177.5시간 + α

2023.05.10 - [💖My Projects✨/Team Project 1️⃣ 일지] - [22] 230509 팀 프로젝트 (1) 22일 차 Tue) Canva 슬라이드쇼 재수정 (최종)

Canva를 이용한 발표 슬라이드쇼 메인 페이지

---

21일 차 23.05.08 Mon

• 깃 파일 다시 합침 DB 수정 (ex. 이름 등 안 쓰는 데이터 지움) (9-10시)
• 노션, 슬라이드쇼 정리 (10-11시)
• 회원가입 1개 하기 [작성] 버튼 보이게 / 피그마 변경 (11-12시)
• 피그마 변경 (12-13, 14-15시)
• 슬라이드 쇼 작성 (15-16시)
• 반응형 수정 (16-17시)
  (7시간) 누적 165.5시간 + α

---

20일 차 23.05.07 Sun

• Canva 발표 슬라이드 만들기 (22.5-4.5시)
  (6시간) 누적 158.5시간 + α

2023.05.08 - [💖My Projects✨/Team Project 1️⃣ 일지] - [20] 230507 팀 프로젝트 (1) 20일 차 Sun) Canva 발표 슬라이드 만들었다.

---

19일 차 23.05.06 Sat

• 다운로드 눌렀을 때 하단 탭에 다운로드 파일 이름 뜨게 만드는 것 (21-22시)
• Admin.jsp 검색창 크기 조정 (22-22.5시)
• Diagnosis.jsp, DiagnosisMod.jsp 반응형 다시 정리 (22.5-0시)
• 회원가입 후 로그인한 회원이 진단서 내역 없으면 내역서 없다는 경고창 뜨게 만든다. (0-1시)
  (4시간) 누적 152.5시간 + α

---

18일 차 23.05.05 Fri

• 이클립스 서버 연결 에러 해결, 전화번호 정규식 다시 코드 변경 (19-21시: 2시간)
• 프리젠테이션을 위한 노션 요약 글 정리 (21-23시: 2시간)
• 이클립스 서버 연동, Issue.jsp에 sweetalert2 다시 함 (23.5-0, 1-3.5시: 3시간)
• 프리젠테이션을 위한 노션 요약 글 정리 (3.5-5.5: 2시간)
• 노션 글 정리 및 역할 정리 (5.5-8: 2.5시간)
  (11시간) 누적 148.5시간 + α

---

17일 차 23.05.04 Thu

• bootstrap 이용한 회원가입 Validation 작동함 (6.5-7.5, 9-13시)(화, 수, 목: bootstrap: 총 12시간 걸린 듯) [타 팀원 파트 3일 걸림 끝!]
• favicon 넣음, 깃 팀원들 파일 합침(10개 정도) (14-17시)
  (8시간) 누적 137.5시간 + α

---

16일 차 23.05.03 Wed

• 유효성 검증 JS 파일 추가 (9-10시)
• 발표 ppt 토론, JS 회원가입 유효성 검증 (10-11시)
• JS: 회원가입 입력할 때 안 맞을 때만 빈칸 밑에 문장 뜨게 만들기 (11-12, 12-13시)
• 유효성 검증 JS 파일 추가 (14-15시)
• 프레젠테이션을 위한 슬라이드쇼 토론 (15-16시)
• 프레젠테이션을 위한 노션 요약 글 정리 (16-17시)
  (7시간) 누적 129.5시간 + α

---

15일 차 23.05.02 Tue

• 깃 파일 12개 합치기 (9-10시)
• 다운로드 페이지 jsp 수정 (10-11시)
• 관리자 페이지 수정, 등록 css 수정 (11-12시)
• 다운로드 페이지 Swal.fire() 경고창으로 바꿈 (12-13, 14-17시) [내 파트 페이지 백엔드 끝!]
• JS, Bootstrap 회원가입 유효성 검사 (22-02시)
  (11시간) 누적 122.5시간 + α
  

내 파트 백엔드는 거의 4/26 수 ~ 5/2 화 (총 8일)이다.

---

14일 차 23.05.01 Mon

• 콘솔 오류 수정 (9-10시)
• sql 수정 (10-11시) 
• CertificateMapper.xml 및 jsp 파일 4개 수정 (11-12시)
• CertificateMapper.xml 수정해서 pcode에 맞는 데이터만 불러옴 (12-13시)
• 환자 코드에 맞는 증명서 출력, 내역 없습니다 메시지 출력 (14-17시)
• Issue.jsp 회원 가입 후 환자 내역 없으면 증명서 없습니다 메시지 출력, nav.jsp 로그인하면 회원가입 사라짐 (21-24시)
• Swal 시도: 원래 c:when 써서 했는 데 적용하려면 js에서 조건문 써야 한다. (24-1시)
  (11시간) 누적 111.5시간 + α

---

13일 차 23.04.31 Sun

• 컨트롤러 수정 -> 데이터 읽음 기능 구현 (14-19시)
  (5시간) 누적 100.5시간 + α

---

12일 차 23.04.29 Sat

• SQL 데이터 넣음
• 컨트롤러 수정 -> 데이터 읽음 기능 구현 (22-5.5시)
  (7.5시간) 누적 95.5시간 + α

---

11일 차 23.04.27 Fri

• 자바 네이밍, 로그인한 환자 데이터가 뜨게 jsp 파일 수정 (9-10시)
• 로그인한 환자 데이터가 뜨게 수정하기 (10-11시) 
  - GeneralDown.jsp 진료확인서 수정하기
  - InoutDown.jsp 입퇴원확인서 수정하기
  - SergDown.jsp 수술확인서 수정하기 
• git 다운 후 서버 안 됨, 고침 (11-12시)
• Spring files 다시 봄 -> 오류 해결하기 (12-13시)
• CertificateController.java 재작성 (14-17시)
  (7시간) 누적 88시간 + α

---

10일 차 23.04.26 Thu

• 피그마 재수정 (9-10시)
• CertificateMapper.xml 파일 (23.04.26) 코드 수정하기 (10-12시)
• CertificateService.java, CeriticateServiceImpl.java 만듦 (12-13시)
• Servlet 공부, CertificateController.java 만듦 (14-15시)
• CertificateController.java 만듦 (15-16시)
• GeneralDown.jsp 진료확인서 코드 수정하기 (16-17시)
  InoutDown.jsp 입퇴원확인서 코드 수정하기 (16-17시)
  SergDown.jsp 수술확인서 코드 수정하기 (16-17시)
  (7시간) 누적 81시간 + α

---

10일 차 23.04.26 Wed

• JSP 파일 태그 수정 (9-10시)
• 마이바티스 써서 MemberVO랑 PatientVO에 연결 => 이미 root-context.xml에 있음 (10-11시)
• 상병명 코드 없는 걸로 재수정함 (10-11시)
• CertificateMapper.xml 파일 만듦 (10-13시, 14-16시)
• CertificateMapper.java 만들고 메서드 실행 시도 (16-17시)
  (7시간) 누적 74시간 + α

---

9일 차 23.04.25 Tue

전체 프론트 엔드 4/17 월 ~ 4/25 화 (6일) 끝!

집에서 프린트할 때 뜨는 화면을 코드를 바꿔서 새로 만들었다. 그에 맞춰서 피그마도 재수정했다. (학원에서랑 만든 거랑 다르게 화면이 짧아도 프린트할 때 위치 변경을 할 수 있어서이다. (저녁~새벽)

2023.04.25 - [💖My Projects✨/팀 프로젝트 1️⃣ 일지] - [9] 230425 팀 프로젝트 (1) 9일 차) 화면 구현(최종): 증명서 다운로드 페이지 3장 및 각각 프린트할 때 이미지

집에서 다시 수정했다!

JSP 파일 3개: HTML, CSS로 다시 만들었다. (12-13, 14-16.5시)

프린트할 때 다운로드 버튼 및 헤더 숨김 css로 만들었다. (11-12시)

2023.04.25 - [💻 Self-Study Revision✨/CSS] - CSS: 다운로드할 때 특정 요소 숨기기 display:none; 이용하기

- 피그마로 아래 3장 (다운로드 페이지 3장) 다시 만들었다 (9-11시)
- 다운로드 버튼 JS onbeforehand() 적용했다
-> window.print()로 더 쉬운 걸로 바꿨다. 

[학원] 길게 만들었다.

6시간 + 저녁 ~ 새벽

누적 67시간 + α

---

8일 차 23.04.24 Mon

역할 분담으로 증명서 상세 내역 다운로드하는 세 페이지를 하는 역할이 주어졌다.

다운로드 버튼 작동하게 만들었다.

2023.04.24 - [💖My Projects✨/팀 프로젝트 1️⃣ 일지] - [8] 230424 8일 차) onbeforeprint 사용해서 [다운로드] 버튼 작동하게 만들기

누적 56시간 + α

---

7일 차 23.04.23 Sun

전체적인 코드 JSP 다시 수정, 디자인 수정
거의 최종인 듯 (오후~새벽) [완료]

2023.04.23 - [💖My Projects✨/팀 프로젝트 1️⃣ 일지] - [7] 230423 팀 프로젝트 (1) 7일 차) 화면 구현 스크린샷 (최종)

메인 페이지

~7일 차) 23.04.23 
My role so far is as follows.

Front-end developer (you)
- Responsible for designing and implementing the user interface using HTML, CSS, and JavaScript.
- Designed the user interface using Figma and implemented it using Bootstrap.

오후 ~ 새벽

누적 49시간 + α

---

6일 차 23.04.22 Sat

전체적인 코드 다시 수정, 디자인 수정했다. (새벽, 오후 ~ 저녁) [완료]

2023.04.22 - [💖My Projects✨/팀 프로젝트 1️⃣ 일지] - [6] 230422 팀 프로젝트 (1) 6일 차) 화면 구현 스크린샷

새벽 ~ 저녁

누적 42시간 + α

---

5일 차 230421 Fri

로그인, 아래 관리자 페이지 만들었다.

코드 수정한 것)
home -> /로 바꿨다.
경로 싹 다 수정했다.
<% request.setCharacterEncoding("utf-8");%>

또 전체적으로 프론트엔드 다 수정했다.

누적 35시간 + α

---

4일 차 230420 Thu

- 환자 데이터 3개 만들었다. 
환자 이름 | 주민등록번호 | 상병명 코드 | 병명 | 수술명 | 입원 날짜 | 퇴원 날짜

진단용 901010 - 1111111 S430 어깨관절의 탈구

입원함 001010 - 3222222 F431 외상후스트레스장애 2023-01-01 2023-05-09

수술예정 751010 - 4333333 M2550 관절통, 무릎관절 무릎인공관절수술

- 팀원이 만든 화면 중앙 정렬 안 돼서 내가 로그인, 회원가입 화면 다시 고침 (새벽)
월요일에 말함 (다음엔 로그인 회원가입 템플릿 쓰기로 결정) 

누적 28시간 + α

---

3일 차 230419 Wed

4/17 월 ~ 4/19 수 기획 3일 끝!

(학원 서버 맞춤) 피그마 최종 수정했고

2023.04.19 - [💖My Projects✨/팀 프로젝트 1️⃣ 일지] - [3] 230419 팀 프로젝트 (1) 3일 차) 피그마 최종 수정안, 프론트 화면 구현 반응형 템플릿 사용

피그마 UI 디자인 일부 스크린샷!

JSP 메인 페이지, 신청 페이지, 상세 페이지 만들었다. (새벽 잠)

2023.04.20 - [💖My Projects✨/팀 프로젝트 1️⃣ 일지] - [3] 230419 팀 프로젝트 (1) 3일 차) 메인 화면, 증명서 신청, 다운로드 화면 구현

누적 21시간 + α

---

2일 차 230418 Tue

1일 차 230417 Mon

피그마로 스토리보드 기획 만듦 (새벽 잠)

2023.04.18 - [💖My Projects✨/팀 프로젝트 1️⃣ 일지] - [1] 230417 팀 프로젝트 (1) 1일 차) 피그마로 스토리보드 만든 것

~ 새벽 
누적 14시간 + α

---