A Joyful AI Research Journey🌳😊

https://it-techtree.tistory.com/entry/develop-and-website-using-github-page-And-jekyll Github Page와 Jekyll로 웹 사이트 제작하기 (블로그,포트폴리오) 웹사이트를 제작하여 무료로 호스팅까지 할 수 있는 방법이 있습니다. Jekyll라는 오픈소스로 정적 웹 사이트를 생성한 후 Github pages를 이용하면 무료로 정적 웹사이트를 호스팅이 가능합니다. Git it-techtree.tistory.com http://jekyllthemes.org Jekyll Themes jekyllthemes.org

http://kaoutarboudouft.42web.io/?i=1 Kaoutar's Portfolio Software DEVELOPER Hello World ! I am Kaoutar Boudouft , 21 y.o and I am a Junior Software developer.. Birthday: 22 July 2001 Phone: +212 688683466 City: Tangier , Morocco Age: 21 Email: kaoutarboudouft2@gmail.com Degree: Specialist technician in Multimedi kaoutarboudouft.42web.io 230526) https://alvarotrigo.com/blog/web-developer-portfoli..

230329 Thu 64th 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 Thu 64th 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 오늘 배운 것 중 기..

230208 포커스 이용해서 input text 눌렀을 때 border 효과 주기 /*input 클릭하면 효과 있다.*/ input:focus{outline:none;/*input 박스를 클릭 했을떄 나오는 테두리 색상 없애기*/ border:solid 2px #CCCCFF; /*box-shadow: 0 0 5px #d6a8e9;*//*그림자 효과*/}; !important 쓰니까 실행됐다. 참고: https://zxchsr.tistory.com/301 select:focus{ border:solid 2px #CCCCFF !important; box-shadow: 0 0 15px #ECEEFF;} 참고: https://stackoverflow.com/questions/43820420/change-the-..

230329 기본틀은 아래와 같고 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 checkOptional() { if ($("..

230210 마우스 올렸을 때 이미지 크기가 커진다. /* 마우스 올렸을 때 이미지가 커진다.*/ img { max-width: 100%; } .blog-slider__img { width: 280px; margin: 0px auto; overflow: hidden; } .blog-slider__img img { transition: all 0.2s linear; } .blog-slider__img:hover img { transform: scale(1.5); /*확대 배수*/ }

230213 Mon p. 265 1 2 3 4 Table 사용 시 1~4 나눔 부모 요소 태그 div로 묶는다. display: table; table-layout: fixed; 자식 요소 태그 #로 아이디 지정한다. display: table-cell;

우선순위 인라인 스타일 (ex. style = "color: pink") > 아이디 # > 클래스 . > 요소 p There are four categories which define the specificity level of a selector: Inline styles ex) IDs ex) #navbar Classes, pseudo-classes, attribute selectors ex) .test, :hover, [href] Elements and pseudo-elements ex) h1, :before How to Calculate Specificity? Memorize how to calculate specificity! Start at 0, add 100 for each ID value, ..

230206 Mon 230207 Tue 테이블 레이아웃 만들 때 1. display: table 2. display: table-row 3. display: table-cell 순서대로 한다. 참고: https://www.codingfactory.net/10776 table 말 그대로 table 형식으로 보여지게 만듭니다. table-row는 tr의 기능을 하고 table-cell은 td의 기능을 합니다. 참고: https://mondaymonday2.tistory.com/245 [CSS] DIV로 테이블형식 만들기 (table , table-cell , table-row) A B C D A B C D table 말 그대로 table형식으로 보여지게 만듭니다. table-row 는 tr의 기능을하고 ta..