A Joyful AI Research Journey🌳😊

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

https://bumcrush.tistory.com/122 JSP에서 파라미터 값 가져오기 JSP/Servlet 프로그래밍 중 jsp에서 파라미터 값 가져오는 법 방법1. JSTL- 서블릿에서 request에 setAttribute를 사용하여 붙여 보내준 파라미터만 가져올 수 있다. ex>서블릿 lists = bDao.selectAllBoards(currentPage, bumcrush.tistory.com https://www.youtube.com/watch?v=calGCwG_B4Y Spring으로 Servlet을 다룬다는 것 https://www.youtube.com/watch?v=calGCwG_B4YSpring Container velog.io https://velog.io/@guswns3371/Se..

https://medium.com/webeveloper/mybatis-resultmap%EC%9D%B4%EB%9E%80-854a94df1f78 MyBatis resultMap이란? resultMap ? medium.com [프로젝트2] 3. Join을 이용하여 한 번에 연관객체 가져오기 jpaRepository를 mapper로 변경한다. myBatis가 제공하는 resultMap을 이용하여 필요한 데이터를 한번에 가져온다. velog.io https://goodteacher.tistory.com/248 03. MyBatis - 조회 결과의 매핑 조회 결과의 매핑 이번 포스트에서는 database에서 select로 조회한 내용을 java object 즉 DTO에 매핑하는 내용에 대해 다양하게 살펴보자. M..

230426 Wed 83rd class 우선 할 것 1) 데이터베이스 쿼리 적음 Create a MySQL database and tables to store the necessary information. MySQL (ateam) - certificate(PatientVO): id, Diagnostic, patientcode, admission_date, discharge_date, disease, opertation, surg_date - member(MemberVO): id(UUID), email, password, name, residentid, phone, doctor (n/y) 1) 진료확인서: 환자 정보 name, residentid, phone + 상병명 disease 2) 입,퇴원확인서:..

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 사용하기 아래는 학원에서 만든 것! 비교해보니..

230425 아래 캡쳐 이미지는 오늘 내가 만든 팀프로젝트의 증명서 상세 내역 다운로드 페이지이다. 다운로드 버튼을 누르면 pdf 저장이나 인쇄창이 뜨는데 날짜와 병원장은 최하단에 위치하고 제목과 테이블, 확인함이라는 문구는 최상단에 위치하는 걸 원했다. 날짜와 병원장 이름은 클래스명이 dateCheif이고, 20AA년 B월 C일 울산 그린 병원 병원장 제목과 테이블, 확인함이라는 문구는 클래스명이 container이다. 진료확인서 환자 이름 이름 주민등록번호 000000-0000000 상병명 코드 코드 번호 병명 병명 이름 위와 같이 진료받았음을 확인함. 해결책은 아래 css 코드를 사용하면 된다. postion:fixed와 각각 bottom:0이나 top:0을 쓴다. @media print { .da..

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..

230425 Tue 특정 부분을 숨기려면 아래 코드를 css에 넣어둔다. #로 아이디로 지정할 수도 있고 .로 클래스로 지정해도 된다. @media print { #print-hide { display: none; } } 다운로드 할 때 숨기고 싶은 부분을 로 묶어둔다. 증명서 다운로드 샘플 증명서 양식) 증명서 다운로드 눌렀을 때) '증명서 다운로드' 버튼이 숨겨진다.

230425 Tue 우선 어제 다운로드 버튼 작동은 자바스크립트의 onbeforehand를 써서 쉽게 만들었다.:) => 더 쉬운 방법 window.print()도 있다. 그래서 step 3은 안 해도 된다. To create a webpage where a patient can download medical certificates, you can follow these steps: Create a webpage where the patient can select the certificate they want to download. You can use HTML and CSS for this. [DONE] Add three buttons to the webpage, one for each certific..

230424 Mon, 230425 Tue 더 쉬운 방법: onclick="window.print()"도 있다. 증명서 다운로드 The onbeforeprint event occurs when a page is about to be printed. The onbeforeprint event occurs before the print dialogue box opens. 아래 코드를 사용하면 [증명서 다운로드] 버튼이 작동한다. 증명서 다운로드 참고: https://www.w3schools.com/jsref/event_onbeforeprint.asp

230424 Mon 더 쉬운 방법: onclick="window.print()"도 있다. 증명서 다운로드 The onbeforeprint event occurs when a page is about to be printed. The onbeforeprint event occurs before the print dialogue box opens. 아래 코드를 사용하면 [증명서 다운로드] 버튼이 작동한다. 증명서 다운로드 참고: https://www.w3schools.com/jsref/event_onbeforeprint.asp - 증명서 상세 내역 페이지 (총 3장) 컨트롤러 만듦 MySQL DB에서 데이터 불러온다. - member: (id), (email), (password), name, residen..

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

230424 Mon 1) jsp:include 사용 [완료] or 타임리프 2) AJAX, JSON 공부 -> 블로그 3) js로 post요청 보내기 or https://willbesoon.tistory.com/244 Javascript Post 데이터 전송 및 Post 데이터 받기 1. http GET 메서드의 URI 파라미터 노출 인터넷을 하다보면 uri에서 파라미터가 노출 되는 경우는 흔하다. 검색엔진에서 검색 쿼리를 날릴때도 그렇겠고, 게시판의 글을 찾아갈때도 보게되면 뒤에 willbesoon.tistory.com 4) JavaScript → 정규식으로 유효성 검증 => 부트스트랩으로 가능 https://eastflag.co.kr/frontend/html5_api/html5-bootstrap-va..

https://getbootstrap.com/docs/4.0/layout/grid/ Grid system Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes. getbootstrap.com https://getbootstrap.com/docs/5.0/layout/gutters/ Gutters Gutters are the padding between your columns, used to ..

230423 input에 자연스러운 공간 및 그림자 효과 주기 우연히 부트스트랩 템플릿들을 둘러보다가 발견한건데 input에 자연스러운 공간 그림자 효과를 줄 수 있다. .inputStyle{ background-color: #fafafa; box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08); } 코드는 위에 적었지만, 현재 부트스트랩 템플릿을 사용 중이므로 .form-control에서 수정했다. .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; /* background-co..