Eveningstar

모바일에서 가로모드시 경고창 띄우기*반응형이 아닌 적응형 모바일 웹상태에 사용 CSS 미디어쿼리는 세로 모드(Portrait Mode)와 가로 모드(Landscape Mode)를 조건을 삼을 수 있음 [html] 화면을 세로모드로 해주세요. [css] /* 기본 상태 */#landscape{display:none}/* 가로 모드일때 경고창 */@media screen and (orientation:landscape){ #landscape{display:block;position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;background:#000;color:#fff} #landscape > span{display:inline-block;widt..

[ chart.js ] 내가 다시 차트.js할때 보고하려고 정리하는 중 스크립트를 통해 원하는 그래프를 그릴수 있게 도와주는 플러그인(Chart.js는 canvas로 그리는 방식) 해당 플러그인의 라이선스는 MIT로 오픈 소스입니다. 홈페이지 : http://www.chartjs.org/ 사용방법 : http://www.chartjs.org/docs/latest/ 깃허브 : https://github.com/chartjs/Chart.js Chart.js CDN : https://cdnjs.com/libraries/Chart.js/2.7.2 여러가지 설치방법이 있지만 CDN을 추가해서 사용하는 것이 편한 것 같습니다. 편하신 방법으로 다운받아서 폴더에 넣거나 cdn을 추가해서 사용하면 됩니다. build가..

팝업창 띄우기 vs 레이어 팝업 홈페이지를 사용하다보면 새창으로 뜨는 팝업과 컨텐츠 내에서 뜨는 팝업이 따로 있다는 걸 알수있다. 처음에 만들땐 두방법을 구분을 못해서 팝업띄워달란 얘길하면 무조건 새창으로 띄웠는데(ㅜㅜ 이제는 두가지 형식으로 팝업을 구분하고 사용할수있게되었다. 새창 팝업은 말그대로 새로운 브라우저 창으로 뜨는 팝업이라서 기본 웹브라우저에 팝업 차단기능이 있다면 사용자가 허용하지 않는 이상 팝업이 뜨지않는 경우가 있을 수 있다. 그래서 레이어 팝업을 써서 컨텐츠 내에서 숨겨진 내용을 팝업으로 띄우는 형식으로 사용한다!. (1) 새창으로 띄운 팝업 - 팝업주소만으로 주소창에서 접근이 가능하다. 단, 팝업 허용을 해야 새창 열림 가능! ( 주소창에 팝업 주소를 넣으면 바로 접속 가능! ) (..

[ input ] 입력태그 중에 가장 많이 쓰이는 태그, type의 속성값에 따라 입력값이 달라진다.사용자에게 정보를 입력받는 태그 기본 input input 태그의 속성 속성값 내용 1 button 버튼을 생성 2 checkbox checkbox를 생성(여러개 체크 가능) 3 file 파일 입력 양식 생성 4 hidden 보이지 않는 input태그 생성(value값 체크) 5 image 이미지 형태를 생성 6 password 비밀번호 입력 양식 생성 7 radio radio 버튼을 생성(단일체크) 8 reset 초기화 버튼을 생성 9 submit 폼 양식 제출버튼을 생성 10 text text입력 양식 생성 *input 태그에 label 태그를 함께 써주어 초점이동이 가능하게 함 input의 id와 l..