A Joyful AI Research Journey🌳😊

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

Canva로 만들었고, 최종 발표에 쓰인 슬라이드들이다! 팀원들과 의견 조합 후 여러 내용 수정 작업들을 거쳤고, 동영상 편집이 생각보다 시간이 오래 걸렸다. 강사님이 템플릿 쓴 걸로 생각하셨는 데 내가 직접 만든거다 XD!!

다른 사이트들을 개발자 도구로 휴대폰 크기로 보면 햄버거 아이콘이라고 불리는 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를 사용한 후) 자동으로 정렬됐다. 화면 너비를 줄인 뒤 하단에..

개발자 이력서 작성팁 : 진짜개발자 최고의 개발자 이력서 : ATS 최적화, 웹 이력서, PDF 이력서, 열람자 트래킹이 자동 제공됩니다. realdeveloper.pro https://gogomalibu.tistory.com/119 주니어 개발자 경력기술서 작성하기 퇴사후 다시 취업 준비를 하면서 경력기술서가 서류 합격에 얼마나 중요한 것인지 깨달았다. 내 마음대로 적었던 경력기술서를 가지고 지원했을 때, 모두 다 서류부터 탈락이었다. 이렇게하다 gogomalibu.tistory.com https://prgms.tistory.com/195 프론트엔드 신입 개발자를 위한 이력서 작성 꿀팁🍯_1탄 이력서, 어디서부터 어떻게 작성해야 할지 모르겠다고요? 프로그래머스가 도와드릴게요! 이전 백엔드 개발자를 대상..

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

월) 다시 올릴 파일 (최신 깃 코드에 Issue.jsp에 sweeralert2 기능 쓴 게 빠져있음) CertificateController.java (Issue.jsp에 pateintcode 불러오기) CertificateMapper.java (Issue.jsp에 pateintcode 불러오기) CertificateService.java (Issue.jsp에 pateintcode 불러오기) CertificateServiceImpl.java (Issue.jsp에 pateintcode 불러오기) CertificateMapper.xml (Issue.jsp에 pateintcode 불러오기 및 ResultMap으로 수정함) IssueAlert.js (sweeralert2 기능 추가, patientcode 없는..

230506 Sat 전체 프론트엔드 깔끔하게 보이게 다시 정리 Admin.jsp 검색창 크기 조정[완료] Diagnosis.jsp, DiagnosisMod.jsp 관리자 이름 우측 상단 고정[완료] 관리자 페이지 가로줄 다운로드 눌렀을 때 하단 탭에 다운로드 파일 이름 뜨게 만드는 것[완료] the download information bar is a feature that is specific to Google Chrome and only appears when downloading certain types of files, such as images. Other web browsers may have similar features, but they are not controlled by code an..

https://appsilon.com/r-shiny-dashboard-templates/ How to Develop an R Shiny Dashboard In 10 Minutes or Less R Shiny dashboard development from scratch taking too long? Try Appsilon’s R Shiny templates! Here's how to go from zero to deployment in 10 minutes. appsilon.com

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.

https://eastflag.co.kr/frontend/html5_api/html5-bootstrap-validation/ html5 form api 와 bootstrap 에서의 validation 구현 | 풀스택개발 EastFlag bootstrap validation bootstrap에서는 html5 validation을 그대로 이용한다. form에 was-validated 클래스만 넣으면 html5 validation을 체크하고 정상적인 경우는 valid-feedback에 비정상적인 경우에는 invalid-feedback을 보 eastflag.co.kr https://pika-chu.tistory.com/927 [Bootstrap] class="invalid-feedback"이 작동하지 않을 때 ..

230503 Wed 88th class 할 것 리스트 favicon 등록 안 쓰는 코드(favicon, jquery), 파일 등은 지움 파일 합치기 (12개 정도) PPT 만듦 (공동 작업) 관리자 페이지 가로줄 DB 세부적 수정 (ex. 이름 등) 코드 수정할 것 리스트 Issue.jsp GeneralDown.jsp InoutDown.jsp SergDown.jsp nav.jsp Issue.jsp CertificateController.java CertificateMapper.java CertificateService.java CertificateServiceImpl.java CertificateMapper.xml HomeController.java

230502 Tue 87th class 할 것 리스트 Post로 바꿈, JS 파일 추가 파일 바꾸기 (12개) Swal 적용 -> contional statements in js JavaScript → 정규식으로 유효성 검증 관리자 페이지 가로줄 DB 세부적 수정 (ex. -, 주민등록번호 -, 전화번호 - 등) 코드 수정할 것 리스트 Issue.jsp GeneralDown.jsp InoutDown.jsp SergDown.jsp nav.jsp Issue.jsp CertificateController.java CertificateMapper.java CertificateService.java CertificateServiceImpl.java CertificateMapper.xml HomeController..

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