A Joyful AI Research Journey🌳😊

vh = viewport height, vw = viewport width 즉, 현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환하겠다는 뜻이다. 100vh, 100vw가 전체 화면의 기준이 된다. 예를 들어, 현재 스크린 크기가 height = 1000px, width = 800px이라면 1vh = 10px, 1vw = 8px 이 될 것이다. height: 50vh; width: 25vw; 로 설정한다면 height = 500px width = 200px 으로 적용된다. 참고: https://programming119.tistory.com/93

230203 If you want two classes on one element, do it this way: Reference it in css like so: .social.first {} 참고: http://jsfiddle.net/jyAyX/ 예시) HTML CSS .foo{ border-left: 1px solid gray; } .foo.bar{ border-top: 1px solid gray; } .foo .bar{ border-right: 1px solid gray; width:25px; height:25px; background-color:lightgray; } div{ margin:20px; height:50px; width:50px; background-color:beige; } 결과)

::after (:after) 참고: https://developer.mozilla.org/ko/docs/Web/CSS/::after CSS에서, ::after 는 선택한 요소의 맨 마지막 자식으로 의사 요소를 하나 생성한다. 보통 content 속성과 함께 짝지어, 요소에 장식용 콘텐츠를 추가할 때 사용한다. 기본값은 인라인이다. (CSS 의사 요소(가상 요소)는 선택자에 추가하는 키워드로, 선택한 요소의 일부분에만 스타일을 입힐 수 있다.) /* 링크 뒤에 화살표 추가 */ a::after { content: "→"; } HTML 적당히 평범하고 심심한 글입니다. 지루하지도 흥미진진하지도 않은 글입니다. MDN 기여는 쉽고 재밌습니다. CSS .exciting-text::after { content: "

230422) 가장 쉽게 생각하는 방법은 css파일을 중심으로 보고 경로를 생각한다. .mainBg { background-image: url("../images/mainBlur3.png"); background-size: cover; background-attachment: fixed; /* position: fixed-bottom; */ } ".." (double dot) refers to the parent directory of the current directory. The image is located in a folder named "images" that is one level up in the directory hierarchy from the location of the CSS file..

230130 과 값을 일치시킬 경우 편리하게 이용할 수 있다. for의 값과 id값을 hahaha라는 임의의 값으로 일치시킨 경우, 당신은 밥을 먹었습니까?라는 텍스트 부분을 클릭해도 checkbox 부분에 클릭이 된다. 당신은 밥을 먹었습니까?

230130 jQuery의 toogle() 사용해서 버튼 클릭했을 때 나오고 숨기는 기능 참고: https://lionbum.tistory.com/44 //jQuery toggle 이용: 개인정보 버튼 눌렀을 때 설명 3줄이 나오고 다시 버튼을 누르면 다시 설명이 숨겨진다. $(function (){ $("#infoValidButton").click(function (){ $("#infoValid").toggle(); }); }); 클릭했을 때 화살표 위아래 방향과 내용 보임, 숨김 기능이 된다. 참고 //jQuery toggle 이용: 개인정보 버튼 눌렀을 때 설명 3줄이 나오고 다시 버튼을 누르면 다시 설명이 숨겨진다. //화살표: ⮝ up: &#11165, ⮟ down: &#11167 $(docum..

230130 화면 하단에 푸터를 고정하려면 아래 코드를 쓴다. :) 참고 /*푸터*/ footer{ position:fixed; /*이 부분을 고정*/ bottom:0; /*하단에 여백 없다.*/ width: 100%; /*너비:가로 사이즈를 브라우저에 가득 채운다.*/ height: 50px; /*높이*/ }

230130 radio를 쓸 때 name을 동일한 값으로 지정하면 중복 방지 가능하다. 회원 탈퇴 시까지 5년 3년 1년 name is the name that is used when the value is passed (in the URL or in the posted data). id is used to uniquely identify the element for CSS styling and JavaScript.

230329 Wed 63rd class Ch. 18 MVC 패턴 구현 진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균) 책 예제 코드: https://github.com/madvirus/jsp23 저자 블로그: https://javacan.tistory.com/ 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | [최범균의 JSP 2.3 웹 프로그래밍 기초부터 중급까지]는 JSP 2.3의 새로운 특징 반영과 JSP를 지원하는 요소인 서블릿과 표현 언어 등의 새로운 product.kyobobook.co.kr 오늘 배운 것 중 기..

230329 Wed 63rd class Ch. 18 MVC 패턴 구현 진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균) 책 예제 코드: https://github.com/madvirus/jsp23 저자 블로그: https://javacan.tistory.com/ 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | [최범균의 JSP 2.3 웹 프로그래밍 기초부터 중급까지]는 JSP 2.3의 새로운 특징 반영과 JSP를 지원하는 요소인 서블릿과 표현 언어 등의 새로운 product.kyobobook.co.kr 참고 https://..

230328 Tue 62nd class Ch. 18 MVC 패턴 구현 진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균) 책 예제 코드: https://github.com/madvirus/jsp23 저자 블로그: https://javacan.tistory.com/ 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | [최범균의 JSP 2.3 웹 프로그래밍 기초부터 중급까지]는 JSP 2.3의 새로운 특징 반영과 JSP를 지원하는 요소인 서블릿과 표현 언어 등의 새로운 product.kyobobook.co.kr 오늘 배운 것 중 기..

230328 Tue 62nd class Ch. 18 MVC 패턴 구현 진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균) 책 예제 코드: https://github.com/madvirus/jsp23 저자 블로그: https://javacan.tistory.com/ 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | [최범균의 JSP 2.3 웹 프로그래밍 기초부터 중급까지]는 JSP 2.3의 새로운 특징 반영과 JSP를 지원하는 요소인 서블릿과 표현 언어 등의 새로운 product.kyobobook.co.kr 오늘 배운 것 중 기..

230328 Tue, 230329 Wed 기본틀은 아래와 같고 input에 name, type, id 등 다양한 걸 넣을 수 있다. 검색하면 보통 전체 약관 동의만 떠서 그런데 선택 약관 코드도 넣었다. 코드) 전체 약관, 선택 약관, 이메일, SMS 각 눌렀을 때 체크박스 체크되게 만들기 //전체 약관 동의 function checkAll() { if ($("#TermsOfService").is(':checked')) { $("input[name=sub_TermsOfServiceRequired]").prop("checked", true); } else { $("input[type=checkbox]").prop("checked", false); } } //선택 약관 동의 function checkOpti..

230328 Tue 62nd class Ch. 18 MVC 패턴 구현 진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균) 책 예제 코드: https://github.com/madvirus/jsp23 저자 블로그: https://javacan.tistory.com/ 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | [최범균의 JSP 2.3 웹 프로그래밍 기초부터 중급까지]는 JSP 2.3의 새로운 특징 반영과 JSP를 지원하는 요소인 서블릿과 표현 언어 등의 새로운 product.kyobobook.co.kr 오늘 배운 것 중 기..

230327 Mon 61st class Ch. 18 MVC 패턴 구현 진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균) 책 예제 코드: https://github.com/madvirus/jsp23 저자 블로그: https://javacan.tistory.com/ 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | [최범균의 JSP 2.3 웹 프로그래밍 기초부터 중급까지]는 JSP 2.3의 새로운 특징 반영과 JSP를 지원하는 요소인 서블릿과 표현 언어 등의 새로운 product.kyobobook.co.kr 오늘 배운 것 중 기..