A Joyful AI Research Journey🌳😊

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

230423 Sun 마진, 패딩 등 전체적인 디자인을 피그마에 나온 대로 다시 수정했고, 이게 거의 최종본이라고 본다. jsp 파일도 다시 수정했다! 깨어있는 일요일 하루 종일 했다. 어쨌든 이게 거의 최종본인 것 같다.

230423 Sun 배경에 전체 이미지가 적용되게 만들기 우선 부딪힌 문제는 배경 이미지가 전체적으로 적용되긴 했는데 배경 이미지의 가로 일부가 잘려서 배경으로 적용되는 것이었다. 해결책은 아래 코드인 background-position: center center; 을 사용하면 된다. 전체 코드) 제일 하단에 추가했다. .BgImage { background-image: url("../images/mainBlur.png"); background-size: cover; background-attachment: fixed; background-position: center center; } 결과) 현재 만들고 있는 팀 프로젝트의 main 화면인데, 오른쪽에 잘렸던 건물 이미지가 나오게 됐다.

[Team Project 1] 1) AJAX, JSON 공부 -> 블로그 REST API 공부 -> 블로그 2) js로 post요청 보내기 or JavaScript → 정규식으로 유효성 검증 3) [신청] 버튼 누르면 각자의 상세 내역 창으로 감 4) 관리자 페이지 의사 DB랑 연결해서 화면 출력 5) 환자코드 분류해서 그거에 맞는 양식 띄우기 6) Spring → select / insert 위주로 해보기 - jsp:include 사용 or 타임리프 JSP 최대한 정리 해둠

폼 태그에서 입력한 값을 전송할 때는 GET방식과 POST방식으로 나뉘는데 POST방식으로 보내는 값이 '한글'일 경우 깨지지 않게 전달하기 위해 사용하는 것이 request.setCharacterEncoding("UTF-8")이다. jsp파일은 MS949로 작성되었으며 브라우저는 UTF-8로 받게될 것이다. 내가 사용한 코드) 참고: https://jong99.tistory.com/92 참고: https://powersmile-it.tistory.com/56

a 태그 페이지의 이동, 페이지 내의 다른 영역으로의 이동 등 상호작용이 필요할 경우 사용된다. button 태그 단순 클릭 이벤트, form요소에 입력된 내용을 서버로 전송할 때 사용된다. A button is meant to submit information and will not necessarily redirect the user to an entirely new web page. A button tag can have a variety of behaviors, such as submitting a form, opening a link, or performing a JavaScript function when clicked. A regular tag does not have this built-i..

HTML 파일에 태그가 끝나기 전에 아래 JS 코드를 추가한다. 아래 CSS 코드를 추가한다. 애니메이션 효과가 있을 내용에 아래 코드로 묶는다. 나는 오른쪽에서 나오는 애니메이션(fade-right)을 골랐다. 아래 예시 링크에서 압축 파일을 다운 받아서 aos.css와 aos.js를 쓰면 된다. 그리고 aos.js에 경로 수정을 한다. import '../css/aos.css'; 예시 링크) https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io 원작자 깃허브 링크) 사용 설명을 볼 수 있다. https://github.com/..

https://fontawesome.com/search Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com 무료 아이콘 사이트들 리스트 https://www.streamlinehq.com/icons/pixel Free Pixel - Free Icons Set - 672 customizable PNGs, SVGs, PDFs interface essential synchronize arrows square 1 www.streamlinehq.com https://ww..

230520) 원으로 자르기 https://www.fotor.com/features/circle-crop/ Circle Crop Images Online in Seconds - Free Circle Cropper With Fotor’s circle cropper, you can crop picture into circle online in just seconds. It also lets you circle crop photos in bulk. Try it out. www.fotor.com 230519) 색상 변경 가능하다. 투명하게 만들거나 특정 부분만 선택해서 투명/색상 채워넣기 가능하다. https://www4.lunapic.com/editor/ LunaPic.com Photo Editor tool ..

Mysql 8.0 버전부터는 보안적인 이슈로 useSSL 옵션에 대한 추가적인 설정이 필요해졌다고 한다. applications.properties에 아래 코드처럼 allowPublicKeyRetrieval=true 를 추가한다. spring.datasource.url=jdbc:mysql://localhost:3306/mydatabase?useUnicode=true&characterEncoding=utf8&allowPublicKeyRetrieval=true&useSSL=false 참고: https://joont92.github.io/java/java-mysql-%EC%97%B0%EB%8F%99%EC%8B%9C-%EC%98%A4%EB%A5%98/ [java] java mysql 연동시 오류 The serv..

230421 1) 컨트롤러 1. 인덱스 (홈) [완료] 2. 발급창 (버튼 누르면 리스트 페이지 감) [완료] 3. 로그인 / 관리자(admin) [완료 230421] 4. 회원가입 [완료] [구현중] 5. (총3개) [신청] 버튼 누르면 각자의 상세 내역 창으로 감 ------------------------------------------------------- 2_ 의사용 DB 설계 (양식을 3가지) 데이터 3개씩 넣기 (세 사람) MYSQL 칼럼 이름 [db시도] - 일반진단서(주요 내용: 상병명 코드(뺌), 상병명) [환자 ㅇㅇ는 ㅇㅇ병명으로 진단을 받았다.] - 입퇴원확인서(주요 내용: 입원 날짜, 퇴원 날짜) [환자 ㅇㅇ는 입원을 ㅇㅇ일에 해서 퇴원을 ㅇㅇ일이 했다.] - 수술확인서(주요 내..

https://okky.kr/questions/325726 OKKY - form태그에서 버튼 데이터 넘기는법(jsp) 이 화면에서 사이즈와 색상 선택시 선택한 값을 저장하고 있다가, 장바구니나 바로구매버튼을 누르면 해당값이 그 페이지로 전달되도록 하고싶은데 어떻게 해야 할까요....? form태그 처리를 어 okky.kr https://velog.io/@dldldl1022/2차-프로젝트5-로그인로그아웃-기능-구현 2차 프로젝트(5) - 로그인/로그아웃 기능 구현 💬 로그인/로그아웃 기능 구현 velog.io https://willbesoon.tistory.com/244 Javascript Post 데이터 전송 및 Post 데이터 받기 1. http GET 메서드의 URI 파라미터 노출 인터넷을 하다보면 ..

230430 우선 아래 그림은 어제 내가 팀프로젝트 때 만든 메인 화면인데, 네비게이션 아래에 있는 그라이데션 효과가 있는 부분은 header 부분으로 html에서 아예 TEXT가 없다. 배경 효과를 주려면 아래 코드처럼 height와 width를 지정하면 된다. (header든, 어떤 div든 아무 클래스여도 된다.) header{ height: 80px; width: 100%; background: linear-gradient(180deg,#EBF3FE, white); } 결과) 네비게이션 바 밑에 구름 효과 같은 그라데이션 효과가 나타난다.

230420 아래는 부트스트랩을 쓸 때 나오는 다운로드 아이콘 모양이다. bi bi-download me-2 아래와 신청 옆의 아이콘과 같다.

230419 부트스트랩 템플릿을 사용하면서 화면을 만들고 있고 공통 css 파일을 쓰고 있다. 특정 파일에만 배경이 들어가길 바랐다. 다른 css 파일 안 만들고 단순하게 특정 파일에만 배경이 들어가게 하려면 아래 코드처럼 배경 화면을 특정 class로 만들고 .mainBg { background-image:url("../assets/main.jpg"); /* #경로 수정 필요함 # */ background-size:cover; background-attachment: fixed; position:fixed-bottom; } 만약 body에 배경화면이 들어간다면 아래처럼 클래스를 써서 사용하면 된다.