🌈 웹 퍼블리싱 썸네일형 리스트형 CSS_웹 컬러 CSS 컬러 글씨 색깔 등 컬러 사용할때 참고할수 있는 tool https://developer.mozilla.org/ko/docs/Web/CSS/CSS_colors/Color_picker_tool Color picker tool - CSS: Cascading Style Sheets | MDN 이 도구를 사용하면 웹용 사용자 정의 색상을 쉽게 만들고 조정하고 실험 할 수 있습니다. 또한 HEXA 색상, RGB (빨강 / 녹색 / 파랑) 및 HSL (색조 / 채도 / 밝기)를 비롯하여 CSS 에서 지원하는 다양한 developer.mozilla.org 더보기 CSS_웹 폰트 https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 더보기 HTML_파비콘 [1] 파비콘 (1) 정의 웹 브라우저 주소창에 있는 아이콘 (2) 파비콘 생성 사이트에서 생성가능 https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. www.favicon-generator.org 더보기 HTML_오픈 그래프 프로토콜_웹페이지 미리보기 오픈 그래프 프로토콜 Open Graph protocol https://ogp.me/ Open Graph protocol The Open Graph protocol enables any web page to become a rich object in a social graph. ogp.me 아래 카카오톡이나 네이버처럼 이미지가 미리보기처럼 나오는 현상을 만들수 있다 https://www.naver.com/ 네이버 네이버 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요 www.naver.com 더보기 javaScript_팝업 / 모달 설정 [1] 경고창 alert 설정 (1) msg 설정 (2) msg에 따라 alert 경고창 설정 [2] 모달 modal 설정 (1) 모달 html (2) 자바스크립트 (3) 게시글 등록 후 모달창 팝업 카페, 페이지 로드 후 모달창 으로 여러 검색해서 겨우 적용시켰음 그런데 close 눌러야 닫힘 x누르면 안닫힘 저거 없애야함 header에 있던 버튼 x 없애버림 더보기 CSS @include 중복 코드 관리 [1] 중복코드 (1) @include html 로 작성된 구조 중에서 헤더header , 사이드sidebar , 풋터 footer 처럼 중복으로 코드를 설정해야하는경우 각각의 jsp 파일에 적용해도 되지만 코드가 길어질수록 구분도 불편하기 때문에 중복되는 코드를 별도로 빼서 관리한다. (2) 사용법 views의 jsp 파일의 모임에서 include 폴더에 중복묶음을 할 파일을 따로 빼둔다 각각의 footer.jsp 와 siderbar.jsp 에 해당하는 부분의 코드를 입력한다 jsp 파일에 넣어야하는 sidebar 와 footer 위치에 연결시킨다 더보기 javaScript 자바스크립트 Ajax = 자바 스크립트 라이브러리 더보기 자바스크립트_기본 자바스크립트 : 버튼을 눌렀을때의 동작 설정 자료가 입력될때 동작 설정 html, css는 변수, 함수 등을 사용하지 않았으나 자바스크립트 언어에서는 사용함 //만약 조건문 let iceCream = "chocolate"; if (iceCream === "chocolate") { alert("Yay, I love chocolate ice cream!"); } else { alert("Awwww, but chocolate is my favorite..."); } //함수생성 function multiply(num1, num2) { let result = num1 * num2; return result; } multiply(4, 7); //함수 호출 let myVariable = document.queryS.. 더보기 이전 1 2 3 다음 목록 더보기
