개발하자

구글 차트를 만들고 그래프에 마우스를 올리면 툴팁이 나타납니다. 툴팁과 그래프가 맞닿는 부분에 마우스 커서가 있다면 툴팁이 깜빡이는 현상을 볼 수 있는데요 이 부분은 css로 해결 가능합니다! svg > g > g:last-child { pointer-events: none } 위 소스를 css에 넣어주기만 하세요 공부하면서 유용했던 부분 메모겸 공유하고자 끄적입니다. 고쳐야하는 부분있다면 댓글 남겨주시면 수정하겠습니다. 행복한 하루 보내세요 (❁´◡`❁)

오늘은 Google Charts 에서 막대그래프에 대한 설명입니다. 아래 링크에 접속하면 막대그래프 외에 여러가지 차트를 확인할 수 있어요 차트 갤러리 | Charts | Google for Developers 이 페이지는 Cloud Translation API를 통해 번역되었습니다. Switch to English 의견 보내기 차트 갤러리 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Google 갤러리는 developers.google.com 구글차트를 활용해 그래프를 그리는 것은 간단합니다 저는 월별로 방문자수(명)을 막대로 표출했는데요 실제 소스에서는 DB의 데이터를 가져왔지만 여기서는 하드코딩 된 예제를 작성하려 합니다. 여기서 포인트는 google.visuali..

오늘은 프린트 기능 구현! 프린트 버튼을 클릭하면 새창으로 프린트할 내용이 있는 URL 이동, 프린트 완료 후 창닫기까지 구현은 간단하다. 1. 프린트 버튼이 있는 jsp a 태그를 누르면 이동하고자하는 url을 가지고 openAndPrint() 함수로 이동 newWindow.print()로 프린트 구현 프린트 2. 프린트 할 내용이 있는 jsp (url) 위에서 지정한 /url 페이지 프린트 기능이 끝나고 창을 닫기위한 script css가 필요한 상황이라면 개발자모드로 프린트 기능에서 제공하는 css 확인 후 !important로 적용 컬럼1 데이터1 컬럼2

모달(Modal)은 새창을 띄우지 않고 기존의 브라우저에서 레이어가 하나 생기 듯 새로운 창이 보이는 것을 말한다. 기존의 페이지와 부모- 자식 관계이며 새창 제어 옵셩에는 전혀 영향을 받지 않는다. 목적 프로모션을 진행, 서비스에 대한 공지, 안내문 등 새로운 창을 통해 기존의 브라우저에 영향을 줘야할 때 실제 프로젝트에 사용한 것은 모달창이 뜨면 게시판 검색 버튼을 통해 ajax로 데이터를 불러와 데이터가 표출되며, 게시글 클릭 시 원하는 값을 선택할 수 있도록 구현하였다. 여기서는 간단하게 버튼을 클릭하면 모달창이 뜨며, 모달의 내용에는 기본 게시판이 보여지도록 구현하였다. 1. STYLE 2. HTML 모달창 버튼 × 모달창 게시판 검색항목 모달이름 모달분류 검색어 입력 검색 번호 모달이름 모달설..