A Joyful AI Research Journey🌳😊

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

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

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

프레젠테이션 슬라이드를 수정하면서 피그마 프로토타입을 다시 손 봤는데 처음부터 휴대폰 (아이폰) UI를 가져와서, 미리보기로 이렇게 만들 걸 그랬다! 방식은 Prototype에 원하는 폰을 지정해서 ▶버튼을 클릭하면 된다. 첫번째 프로젝트 때는 단순하게 피그마 스크린샷만 찍어서 프레젠테이션 슬라이드쇼에 넣었는데 어쨌든 이번에는 새로운 방식을 알게 됐다. XD 이렇게 만드는 게 훨씬 더 보기 편한 것 같다.

반응형 웹을 만들었다! 다른 병원 웹사이트처럼 절반으로 스크롤 가능한 방식으로 만들어서 좋다! :) 첫 번째는 모바일용, 두 번째는 웹용이다. 모바일 버전) 웹 버전)

departmentMap.jsp 웹에서 봤을 때 버튼 너비 변경 [완료] 내 방식 백엔드 진행 커밋 [완료] 전체 푸터 넣기: 주소, 전화번호, 이용약관 ex) 서울아산병원 참고 [계획 변경] departmentMap.jsp 화면 절반 스크롤바 가능 [완료] home.jsp, departmentMap.jsp에서 [현재 위치] 색상 변경 카카오맵 API 이용해서 마커 등 커스터마이징 가능 https://apis.map.kakao.com/web/sample/ 병원 리스트 페이지: 테이블을 반응형으로 따로 만들어서 폰으로 봤을 때 테이블 하단으로 내림 [계획 변경] 230522: (월) 수정한 파일: style.css, home.jsp, departmentMap.jsp, handledata.js 커밋 피그마 ..

230519 Fri 학원에서 만들 때 빠진 코드가 있어서 웹 버전에서 버튼 크기가 크게 나왔는데 집에서 웹 버전 버튼 크기를 다시 수정했다!

departmentMap.jsp 화면 절반 스크롤바 가능 전체 푸터 넣기: 주소, 전화번호, 이용약관 ex) 서울아산병원 참고 home.jsp, departmentMap.jsp 에서 [현재 위치] 카카오맵 API 이용해서 마커 등 커스터마이징 가능 https://apis.map.kakao.com/web/sample/ 병원 리스트 페이지: 테이블을 반응형으로 따로 만들어서 폰으로 봤을 때 테이블 하단으로 내림 백엔드 코드 진행(병원 맵 페이지 뜨게)해서 합치기 => 계획 수정됨 (RestController 사용으로)[완료] departmentMap.jsp: [부서 이름, 몇 층] 뜨는 배경을 CSS 색상 조정[완료] (월)동영상 촬영 / (화) 프레젠테이션 슬라이드 완성 블로그에 반응형 글 적음 AWS 배..

230517 Wed 반응형으로 모바일 화면과 웹 화면을 구현했다!

230517 Wed 수정한 피그마로 만든 모바일, 웹사이트 UI이다!

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

230512 Fri 개발 기간: 5월 12일(금) ~ 5월 22일(월): 11일 목표: 5월 22일(월)까지 개발 완료 12일(금): 주제 선정 13일(토): 개발 시작 ~ 22일(월) 개발 완료 (10일) 23일(화) 슬라이드 쇼 완성 24일(수) 리허설 발표 25일(목) 슬라이드 쇼 최종 완성 26일(금) 최종 발표 구현할 기능: 목적지 → 출발지 (네비게이션) 기능 by GPS Geolocation API 사용 (나의 현재 위치 표시) 프로젝트 개발 사용 스택: - Geolocation API 사용 - JSON으로 데이터 주고 받기, 출력 및 입력 - 위도, 경도로 핀을 띄운다. - 지도 API 쓰기 이 프로젝트는 어떤 의미와 가치를 부여하는가? : 일반적인 지도 API는 외부에 초점인데 우리 팀의..