A Joyful AI Research Journey🌳😊

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에 배경화면이 들어간다면 아래처럼 클래스를 써서 사용하면 된다.