c:url이란? c:url이란 url을 재정의 하는 기능을 한다. c:url사용이유? 여러 사용이유가 있지만 많은곳에서 수정한 js, css파일을 잘 적용하기 위해 사용한다. JSP와 js를 구분해서 사용할 경우 js의 내용을 변경하여도 즉각즉각 반영이 안될 경우가 있다. 이것을 막기위해 c:url과 c:param을 사용한다. c 태그를 사용하기 위해서는 http://java.sun.com/jsp/jstl/core" prefix="c"%>를 작성해야한다. 이렇게 사용하면 test.js?version=${nowDate} 가 들어가 수정된 js를 즉각즉각 반영시킬 수 있다. ${nowDate}는 Controller에서 받은 현재시간 값이다.
WEB
2021년 04월 25일 진주집 내돈내산 후기 최근 유키즈온더블럭에서도 나오고 이영자 씨가 추천하는 맛집으로 유명한 진주집을 방문하였다. 메뉴 및 가격 : 냉콩국수 : 12,000 비빔국수 : 10,000 닭칼국수 : 10,000 육개장 칼국수 : 10,000 접시만두 : 10,000 위치 : 서울 영등포구 국제금융로6길 33 여의도역5번 출구에서 302m http://naver.me/GIqtz4oH 진주집 : 네이버 방문자리뷰 3159 · ★4.38 · 생방송투데이 2304회 m.place.naver.com 오후 2시쯤 늦은 점심시간에 방문을 했다. 다행히 웨이팅은 없었지만 식당에는 사람들이 가득 차 있었다. 주문을 하고 3분도 안돼서 메뉴가 나왔다. 주문내역 : 콩국수 : 12,000 비빔국수 : 1..
구글에서 검색이 되게 하기 위해, 또는 사이트의 소유주임을 인증하기위해 등 다양한 이유로 Google Search Console에 등록을 한다. 1. 구글 서치 콘솔(Google Search Console) 접속 2. 시작하기 후 로그인 3. 등록 1. 구글 서치 콘솔(Google Search Console) 접속 search.google.com/search-console/about?hl=ko Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 2. 시작하기 후 로그인 - 시작하기 후 로그인 3. 등록 - 속성 추..
코드를 작성하다 보면 여러 가지 경우가 생긴다. 나는 아래와 같은 화면에서 CircleChart를 가로 정렬로 바꾸고 싶다. 이럴때에는 태그 스타일에 float : left 속성을 부여해 주면 된다. 하지만 처음부터 원형차트가 들어가 있는 태그를 설정한 것이 아니고 자바스크립트를 이용해 생성해 준것이기 때문에 class이름이 들어가 있지 않다. 따라서 스타일또한 변경이 불가능하다. 무슨 얘기인지 모르겠다면 아래의 코드와 함께 다시 보도록 하겠다. async function init() { const modelURL = URL + 'model.json'; const metadataURL = URL + 'metadata.json'; // load the model and metadata // Refer to..
HTML Java Script를 이용하여 클릭시 팝업창 가운데 띄우고 주변 어둡게 만드는 기능을 해보겠다. - 아래의 버튼을 누르면 -이와같이 팝업창이 가운데 뜨면서 주변을 어둡게 만든다. - 아래의 코드가 실행 코드이다. 버튼을 누르게 되면 Jquery함수가 실행되고 pop과 article이 속성에 맞게 실행된다. 팝업 팝업 실행시키기
div 태그를 사용하다보면 다양한 속성을 넣어줘야 할때가 있다. - border : 태두리 - overflow : 정해진 크기가 넘어갈 시 스크롤 생성
UI를 구현하다보면 List를 정해진 div 크기안에서 테이블로 뿌려줘야할때가 있다. 이때에 상단 thead를 고정시키는 방법을 알려주겠다. table 태그안에는 div태그를 넣을 수 없기 때문에 thead와 tbody를 위한 table을 각각 만들어주고 상단 고정을 위해 thead가 들어있는 table은 div를 만들어 주어 style을 적용시킨다. 1. 기존코드 - 하나의 div 안에 하나의 table이 존재한다. 번호, 제목, 작성자, 작성일을 보여주는 공지사항 게시판입니다. 번호 일자 제목 1 2021.12.28 상단 고정 메뉴 2. 수정코드 - 하나의 div안에 상단 고정을 위한 div(thead가 들어감)를 만들어주고 table도 각자 생성해 주었다. 번호, 제목, 작성자, 작성일을 보여주는 ..
textarea를 이용해 입력을 받을때 줄바꿈을 하는 방법을 포스팅 하겠다. HTML javaScript // textarea 줄바꿈 제한 $('#contents').keydown(function(){ var rows = $('#contents').val().split('\n').length; console.log($('#contents').val()) console.log(rows) var maxRows = 2; if( rows > maxRows){ alert('2줄 까지만 가능합니다'); modifiedText = $('#contents').val().split("\n").slice(0, maxRows); $('#contents').val(modifiedText.join("\n")); } });
