A Joyful AI Research Journey🌳😊

Project Title: Give a brief but descriptive title to your project. 1. 프로젝트명 먼저 프로젝트의 이름입니다. 한 문장으로 전체 프로젝트를 설명하고 사람들이 프로젝트의 주 목표가 무엇인지 이해할 수 있게 도와줍니다. Project Overview: Provide a brief overview of the project and its purpose. You could mention that it is a website for downloading medical certificates, and briefly explain why such a website might be useful. 2. 프로젝트 설명 이 부분은 많은 개발자들이 간과하는 프로젝트의 주요..

다른 사이트들을 개발자 도구로 휴대폰 크기로 보면 햄버거 아이콘이라고 불리는 toggle bar가 우측으로 고정되어있었다. Bootstrap의 ms-auto class로 간편하게 우측 고정으로 만들 수 있다. 전체 코드) button에 ms-auto class를 추가했다. 결과) 토글 바가 우측으로 고정된다.

팀 프로젝트로 관리자 페이지를 만드는 데 휴대폰 같은 작은 화면으로 볼 때 아무래도 반응형이다보니 테이블의 글자가 세로로 나왔다. 가로형 스크롤바가 나오고 글자 라인이 안 바뀌도록 바꾸는 방법은 하단처럼 css에 white-space: nowrap을 쓰는 거다. /* Diagnosis.jsp 진단 테이블 칼럼 너비 조정 */ .DiagnosisTable{ table-layout:auto; white-space: nowrap; } 또 관리자 페이지의 칼럼 내용들이 왼쪽으로 쏠렸는데 아주 간단한 해결 방법은 bootstrap의 table class를 쓰는 것이다. 생략 table class를 사용하기 전) 왼쪽으로 쏠려있다. table class를 사용한 후) 자동으로 정렬됐다. 화면 너비를 줄인 뒤 하단에..

현재 팀 프로젝트 1로 '온라인 증명서 출력 웹사이트'를 만드는 데 환자 코드가 각각 분류됐고, 사용자는 환자 코드가 있을 경우 거기에 맞는 증명서를 출력할 수 있고, 사용자가 환자 코드가 없는 증명서 발급 신청을 누르면 내역이 없다는 경고창이 뜬다. 아래처럼 잘 진행이 됐었다. 근데 사용자가 회원 가입 후 로그인을 했을 때 환자 코드가 MySQL에서 null이었다. 이유는 의사가 그 사용자의 진단서를 작성한 적이 없기 때문이다. (그냥 단순히 회원가입 후 로그인한 상황이다.) 우선 CertificateMapper.xml에서 기존에 쓰던 inner join 대신에 left join을 쓴다. SELECT m.id, name, patientcode FROM member AS m LEFT JOIN certif..

onchange event is triggered when the input field loses focus and its value has been changed. 예시) 비밀번호 (영문 숫자 특수문자 조합, 8자리 이상) 좋아요! 영문자, 숫자, 특수기호 조합으로 8자 이상으로 입력하세요. //비밀번호 체크 console.log("Password check connect"); function validatePassword() { const passwordInput = document.getElementById("password"); if (!passwordInput.checkValidity()) { passwordInput.classList.add("is-invalid"); passwordInput...

230504 Thu 부트스트랩의 validation 기능을 쓰고 있는 데 태그 안에 id = "needs-validation"과 novalidate를 추가하면 부트스트랩 자체의 validation이 정상적으로 작동한다. 비밀번호 (영문 숫자 특수문자 조합, 8자리 이상) 좋아요! 영문자, 숫자, 특수기호 조합으로 8자 이상으로 입력하세요. id = "needs-validation": enable the validation and feedback messages. novalidate: disable the browser's built-in validation.

ON : JOIN을 하기 전 필터링을 한다 (= ON 조건으로 필터링이 된 레코들 간 JOIN이 이뤄진다) WHERE : JOIN을 한 후 필터링을 한다 (= JOIN을 한 결과에서 WHERE 조건절로 필터링이 이뤄진다) SELECT m.id, name, residentid, disease FROM member AS m INNER JOIN certificate AS c ON m.id = c.id WHERE m.id = #{id} and c.patientcode = '1' 참고: https://developyo.tistory.com/121

이클립스에서 Tomcat version 8.5 only supports J2EE 1.2, 1.3, 1.4 and JAVA EE 5,6, and 7 Web modules. 라는 오류때문에 서버 연동이 안 됐는데 Dynamic Web module을 3.1로 맞춰주면 된다. 참고: https://gabrielyj.tistory.com/196 [톰캣/에러] Tomcat version 8.5 only supports J2EE 1.2, 1.3, 1.4, and Java EE 5, 6, and 7 Web modules 에러 스프링 프로젝트를 구동 시키기 위해 톰캣 서버에 프로젝트를 추가 하려고 하는데 아래와 같은 에러가 발생 했습니다. 'Tomcat version 8.5 only supports J2EE 1.2, 1..

패키지명: 모두 소문자, 밑줄문자(_) 사용 안 함 클래스명: 파스칼표기법(PascalCase), 명사 또는 명사구 인터페이스명: 파스칼표기법(PascalCase), 명사 또는 명사구이지만, 가끔 형용사 사용(ex. Readable) 메서드명: 낙타표기법(lowerCamelCase) 상수명: 대문자 뱀 표기법 UPPER_SNAKE_CASE 비상수 필드명, 파라미터명, 로컬 변수명: 낙타표기법(lowerCamelCase) DTO, DAO: GuestDTO 참고

230428 학원에서 csv 파일 저장해서 집에서 쓸 때 csv import해서 쓴다. 한글 깨짐 방지도 설정해준다. https://cotak.tistory.com/63 [MySQL] MySQL에서 CSV파일 Import하기 일반적으로 스프레드시트를 MySQL 테이블로 옮기는 데엔 Workbench 내장 기능인 Table Data Import Wizard나 외부 응용프로그램인 MySQL for Excel이 사용된다. 오늘은 이 중 Table Data Import Wizard를 통한 CSV 파일 I cotak.tistory.com

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

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

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

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

230423 Sun 현재 팀 프로젝트를 하면서 테이블을 만드는 데 한글 4글자(퇴원 날짜)인 칼럼 이름이 테이블 너비 때문에 퇴원 날짜 처럼 2줄로 되는 현상이 나타났다. 해결책은 아래 코드의 white-space: nowrap; 를 사용하는 것이다. .DiagnosisTable{ table-layout:auto; white-space: nowrap; } 결과) white-space:nowrap;을 쓴 뒤로 '퇴원 날짜'가 1줄로 나온다.