목록전체 글 (555)
A Joyful AI Research Journey🌳😊
반응형 웹을 만들었다! 다른 병원 웹사이트처럼 절반으로 스크롤 가능한 방식으로 만들어서 좋다! :) 첫 번째는 모바일용, 두 번째는 웹용이다. 모바일 버전) 웹 버전)
https://www.geoplugin.com/webservices/json Free JSON IP Geolocation API by Geoplugin The JSON Geolocation web service API 1) allows you to directly program your back-end JSON scripts to deliver dynamic geo-localized pages using the JSON variables provided by geoPlugin. To access this service, add the following url to a remote include call www.geoplugin.com https://www.zerocho.com/category/HTML&D..
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 배..
https://www.hrd.go.kr/hrdp/co/pcobo/PCOBO0100P.do?tracseId=AIG20210000366639&tracseTme=17&crseTracseSe=C0105&trainstCstmrId=500033945638#kdcdToolTipContent [중급] 프론트엔드 종합반 : HTML&CSS, JS, React | 패스트캠퍼스 패스트캠퍼스 온라인 강의를 국비지원으로 0원에 수강하세요! fastcampus.co.kr https://fastcampus.co.kr/b2g_kdc_web [중급] 프론트엔드 종합반 : HTML&CSS, JS, React | 패스트캠퍼스 패스트캠퍼스 온라인 강의를 국비지원으로 0원에 수강하세요! fastcampus.co.kr
230517 Wed 반응형으로 모바일 화면과 웹 화면을 구현했다!
230517 Wed 수정한 피그마로 만든 모바일, 웹사이트 UI이다!
폰으로 봤을 때 배경화면을 반복없이 하나만 하단에 고정할 수 있다. /* 배경 화면 반응형 변경 */ @media only screen and (max-width: 400px) { .BgImage { background-position: 70% bottom; background-size: auto 40%; background-repeat: no-repeat; } } 결과)