A Joyful AI Research Journey🌳😊

최종 느낀 점! 잘한 점 1) 노션에서 해야 할 것 리스트를 적어서 공유 가능한 게 편했다. 팀원에게 내가 정리를 잘한다고 칭찬받았다! XD 2) 처음 사용한 맵 API (Geolocation API, Kakao 지도 API) 활용을 잘했다! 아쉬운 점 지난 첫 번째 팀프로젝트처럼 각자가 맡은 페이지가 있어야 진행이 원활한데, 지금처럼 여러 페이지를 여러 사람이 동시에 맡게 되면 깃허브 커밋 등 상당히 비효율적이라고 느꼈다. 마지막 세번째 팀프로젝트에서는 첫 번째 팀프로젝트 때처럼 페이지를 사람마다 나눠서 맡는 걸로 한다. 이런 방식으로 해야 실력도 늘고 진행도 효율적이라고 느낀다. * 지난 첫 번째 프로젝트 때처럼 "초기 단계 기획 때 강사님이 우리 팀에게 지적했던 역할 나눔"이 상당히 중요하다는 걸 ..

세부적인 css 조정 후 최종 버전이며, 모바일용, 웹용 스크린샷을 첨부했습니다. 이미지, 로고, 배경은 직접 반응형 웹 코드를 쓰고, 버튼, 네비게이션 바는 부트스트랩을 사용했습니다. 영상 녹화는 팀원의 아이폰 12 프로 맥스 기종으로 했습니다. 팀원들과 함께 열심히 작업하여 이룩한 성과에 자부심을 느낍니다! 강사님의 피드백으로 기능적인 면에서 부족한 점은 아래와 같습니다. 편의시설이 없는 병원의 경우, 편의점 등 병원마다 추가할 수 있는 기능이 필요 더 자세한 내용과 프로젝트의 전반적인 여정은 블로그 포스트에서 확인할 수 있습니다. 지도뷰: 신경외과 지도뷰: 혈액종양내과 지도뷰: 편의점 스카이뷰: 피부과 모바일 버전 스크린샷) 웹 버전 스크린샷)

어제 전체 팀의 리허설이 있었고, 취업지원센터 직원분의 슬라이드쇼 안의 단어 정렬 피드백을 받고 최종 수정했다! 문장들을 잘 나눠서 줄맞춤을 해야했었고 새로 배운 점이어서 좋았다. 페이지 12의 화면 구현 부분을 Blisk를 이용해서 아이패드12에 이미지 수정해서 넣었다. 프로젝트 목표에 맞는 발표 슬라이드쇼 만들어서 만족한다. :)

팀주제명 IoT기반 정보 대시보드 구현 팀주제3: 병원 내 구역(GPS) 이동 안내 자동화 서비스 이 프로젝트는 어떤 의미와 가치를 부여하는가? 일반적인 지도 API는 외부에 초점인데 우리 팀의 프로젝트는 병원 "내부"의 위치를 알 수 있다. 구현할 기능 목적지 → 출발지 (네비게이션) 기능 by GPS Geolocation API 사용 (나의 현재 위치 표시) 프로젝트 개발 사용 스택 Geolocation API 사용, 지도 API 사용 JSON으로 데이터 주고 받기, 출력 및 입력 위도, 경도로 핀을 띄운다. 프로젝트 진행 순서 MySQL: 내과, 외과, 정형외과 등의 위치 정보(GPS)를 미리 DB에 넣는다. 하단 사이트 참고 http://map.esran.com/ 사용자 입장: 폰으로 봤을 때 병..

최종 느낀 점! - 우선 기획할 때 제대로 해야 중간에 수정이 없으니까 계획 변동이 없다. 중간에 관리자 페이지 추가 등 페이지 변경이 있어서 시간 소모가 컸다. (새로 피그마 만들고, 화면 구현 추가로 제작, 백엔드 수정 등) 팀원들과 파트 분배를 하고 열심히 해서 최종 완료를 달성했다! - 기획 파트나 진행 도중에 다른 팀원의 파트에도 어떤 기능이 더 들어가야 하는지, 들어갈 수 있는지 생각을 해야 한다고 느꼈다. 팀 프로젝트 발표 며칠 전 강사님 피드백에서 우리 팀에서 빠졌다는 기능이 '관리자 회원가입'과 '이메일 인증 회원가입' 부분인데 나는 내 파트 기능 구현에 하루종일 몰입해서 진행하느라 생각도 못했었다. TT 기획 때 철저하게 생각하자. - 프로젝트 진행 중에 내가 피그마로 UI 만든 후 팀..

최종 스크린샷을 찍을 때 구글 크롬에서 사용되는 글꼴 크기를 크게 지정하여 찍었습니다. 팀원들과 함께 열심히 작업하여 이룩한 성과에 자부심을 느낍니다! 그러나 강사님의 피드백으로 기능적인 면에서 부족한 점은 아래와 같습니다. 관리자 회원가입 기능의 미구현 회원가입 시 이메일 인증 기능이 없음 더 자세한 내용과 프로젝트의 전반적인 여정은 블로그 포스트에서 확인할 수 있습니다. 진단 내역이 없는 사용자가 회원 가입 후 증명서 발급을 신청하는 영상 관리자(의사)의 진단서 작성 및 수정 영상 로그인한 사용자가 진단 내역이 있는 증명서를 발급 신청 후 다운로드하는 영상 비회원일 때) 회원일 때) 관리자로 로그인 했을 때)

2023.04.23 - [💖My Projects✨/팀 프로젝트 1️⃣ 일지] - 🌷[7] 230423 팀 프로젝트 (1) 7일 차) (최종) 화면 구현 스크린샷 2023.04.25 - [💖My Projects✨/팀 프로젝트 1️⃣ 일지] - 🌷[9] 230425 팀 프로젝트 (1) 9일 차) 화면 구현(최종): 증명서 다운로드 페이지 3장 및 각각 프린트 할 때 이미지 우선 화면 구현 부분은 다 모았다. 집에서 좀 더 자연스럽게 수정했다. (최종)

230425 Tue 우선 학원에서 만들었고, 집에서 프린트 기능을 쓸 때 쓰는 나오는 화면 방식을 다시 정리했다. 증명서 상세 내역 페이지 (총 3장) 집에서 좀 더 자연스럽게 수정했다. (최종) 다운로드 눌렀을 때 나오는 PDF 파일이다. 브라우저 화면과 나오는 게 다르도록 마치 공식 문서 형식처럼 수정했다! 2023.04.25 - [💻 Self-Study Revision✨/CSS] - CSS: 다운로드 할 때 특정 요소 숨기기 display:none; 이용하기 2023.04.25 - [💻 Self-Study Revision✨/CSS] - CSS: 프린트 할 때 원하는 요소 최상단, 최하단에 두기 position:fixed, bottom:0 or top:0 사용하기 아래는 학원에서 만든 것! 비교해보니..

GeneralDown.jsp 진료확인서 InoutDown.jsp 입퇴원확인서 SergDown.jsp 수술확인서 - 컨트롤러 만듦 (로그인 HttpSession 생각해봐야함) - JSP 파일 JSP tags 수정 so that the data is displayed On the server-side, create a function that takes the patient and doctor data as parameters and returns the file for the requested certificate. Use a web framework like Spring to handle the requests and responses. the logic to retrieve the patient and..

230424 Mon 우선 각자의 역할이 정해져서 나는 마지막 페이지인 Download.jsp를 맡기로 했다. - 증명서 상세 내역 1) 일반진단서 2) 입,퇴원확인서 3) 수술확인서 각 상세 내역 뜬다. 다운로드 구현 (간단): 자바스크립트 브라우저 pdf window.onbeforeprint() 쓴다. [Javascript] 브라우저 출력 | pdf 다운로드 | window.print() | html to pdf 오늘은 script로 간편하게 pdf 다운로드 및 출력을 할 수 있는 window.print() 함수를 소개해보려고 한다. pdf 보고서 출력같은 경우 서버단에서 별도의 모듈을 통해 가공해서 클라이언트에 던져주는 것 dog-foot-story.tistory.com

230423 Sun 마진, 패딩 등 전체적인 디자인을 피그마에 나온 대로 다시 수정했고, 이게 거의 최종본이라고 본다. jsp 파일도 다시 수정했다! 깨어있는 일요일 하루 종일 했다. 어쨌든 이게 거의 최종본인 것 같다.