반응형 🌈 웹 퍼블리싱19 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 2023. 12. 19. 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 2023. 12. 19. javaScript_팝업 / 모달 설정 [1] 경고창 alert 설정 (1) msg 설정 (2) msg에 따라 alert 경고창 설정 [2] 모달 modal 설정 (1) 모달 html (2) 자바스크립트 (3) 게시글 등록 후 모달창 팝업 카페, 페이지 로드 후 모달창 으로 여러 검색해서 겨우 적용시켰음 그런데 close 눌러야 닫힘 x누르면 안닫힘 저거 없애야함 header에 있던 버튼 x 없애버림 2023. 12. 14. CSS @include 중복 코드 관리 [1] 중복코드 (1) @include html 로 작성된 구조 중에서 헤더header , 사이드sidebar , 풋터 footer 처럼 중복으로 코드를 설정해야하는경우 각각의 jsp 파일에 적용해도 되지만 코드가 길어질수록 구분도 불편하기 때문에 중복되는 코드를 별도로 빼서 관리한다. (2) 사용법 views의 jsp 파일의 모임에서 include 폴더에 중복묶음을 할 파일을 따로 빼둔다 각각의 footer.jsp 와 siderbar.jsp 에 해당하는 부분의 코드를 입력한다 jsp 파일에 넣어야하는 sidebar 와 footer 위치에 연결시킨다 2023. 12. 14. javaScript 자바스크립트 Ajax = 자바 스크립트 라이브러리 2023. 11. 21. 자바스크립트_기본 자바스크립트 : 버튼을 눌렀을때의 동작 설정 자료가 입력될때 동작 설정 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.. 2023. 11. 20. 자바스크립트_스크롤 페이지 이동 스크롤에 따라 페이지 이동 작성예정 https://rma-rma.github.io/portfolio_2017/ ARan 팀 프로젝트 MORE 심플한 디자인, 컬러를 주 컨셉으로 주로 따듯한 느낌의 이미지, 내츄럴한 느낌의 소품, 꽃이나 조명 등을 사용하여 사용자의 접근성을 높이는 사이트 rma-rma.github.io 2023. 11. 20. 자바스크립트_슬라이드 배너 슬라이드형 배너 작성예정 2023. 11. 20. 자바스크립트_메뉴 네비게이션 메뉴 버튼 누르면 숨겨진 메뉴가 나오는 기능 정리 예정 https://rma-rma.github.io/portfolio_2017/ ARan 팀 프로젝트 MORE 심플한 디자인, 컬러를 주 컨셉으로 주로 따듯한 느낌의 이미지, 내츄럴한 느낌의 소품, 꽃이나 조명 등을 사용하여 사용자의 접근성을 높이는 사이트 rma-rma.github.io 2023. 11. 20. 이전 1 2 다음 반응형
