개발공부 임고미

간단한 달력 기능이 필요했고, 여러가지 플러그인을 살펴본 결과 flatpickr로 가장 쉽고 간편하게 만들 수 있었다. 테스트결과 chrome/ ie /safari 까지 모두 잘 작동하는것을 확인하였다. 세팅 1. html 예약일 2. js var dateSelector = document.querySelector('.dateSelector'); dateSelector.flatpickr(); ============================================================================ 활용1. 달력 1. 특정 날짜 금지하기 ( disable ) var dateSelector = document.querySelector('.dateSelector'); dateSe..

뒤로가기 제어하기 방법 1. window.onpopstate = function(event) { // "event" object seems to contain value only when the back button is clicked // and if the pop state event fires due to clicks on a button // or a link it comes up as "undefined" if(event){ // Code to handle back button or prevent from navigation } else{ // Continue user action through link or button } } 방법 2. 페이지 리로드하지 않고 url만 변경하기 history...

나는 작업을 하기 직전 reset을 먼저 사용해주는데, css와 달리 less 에서는 잘 적용이 되지 않았다. 해결방법을 찾아야겠다. 1. 우리는 보통 다운받아 사용하기에 다운받을 폴더를 생성한다. src/assets 안에 폴더 만들어주기 2. font-face 설정 @font-face { font-family: 'HELVETICA LT 25 ULTRA LIGHT'; font-style: normal; font-weight: 300; src: url('../fonts/HELVETICA-LT-25-ULTRA-LIGHT.ttf') format('truetype'); } 디자이너에게 truetype밖에 전달받지못해 저렇게 작성해 놓았지만 다른 format도 설정해 주는게 좋다. font-family : 자유롭..

함수 일정시간 뒤에 함수가 실행되게 하고싶을때는 ? setTimeout( function () { ... }, delay); 어떤때 활용하는가 ? i. 접속 후 몇 초 후에 팝업 또는 배너창 띄우기 ii. 방문자의 스크롤이 브라우저 일정 위치에 올 경우 몇 초 뒤에 애니메이션 실행 iii. 검색창 또는 일부 섹션 몇 초 뒤에 사라질 경우 iv. 방문자 접속 후 20-30초가 지난 뒤 메일 구독을 신청하는 팝업창을 띄울 경우 setTimeout(function() { alert('http://webisfree.com'); }, 3000); clearTimeout( ) ; 삭제하는 방법은 ? var clear = setTimeout( ) =함수를 변수에 담고 clearTimeout ( clear ) = 함수..

주소 뒤에 파라미터 값이 붙을땐 ? 첫번째 값은 : 무조껀 ' ? ' 로 와야합니당 두번째 이후 값 : 은 &도 가능 ( ? 도 된다고 합니다. but 맨 처음 ? 그뒤 & 가 약속입니다.) 2. html로 sms보냈을때 (iphone 과 android 분기를 태워야 합니당) 문제 : html은 sms를 보낼때 & 뒤에 붙는 부분을 url로 인식하지 않는 경우가 있습니다. 그럴때는 js로 변수에 담아서 &와 %~ 를 인식하게 만들어 줘야합니다. google 에 html sms / js로 문자보내기 / localhost parameter검색해보기

iframe 개념 아이프레임이란 내부 프레임(inline frame)이라는 의미로 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할때 사용합니다. / 동영상, 뮤비도 넣을 수 있습니다. 특징 모든 브라우저에서 작동합니다. DOCTYPE문서 에서는 작동하지만 script문서에서는 작동하지 않습니다 src 속성 inline frame 내에 불러올 문서의 주소를 적어주면 됩니다. 홈짱 홈페이지를 불러오는 예제를 만들어 보겠습니다. 1) width와 height 속성 inline frame의 너비와 높이를 지정할 수 있습니다. 2) frameborder 속성 inline frame의 경계선의 두께를 지정할 수 있습니다. 3) marginwidth와 marginheight inline frame의 여백을..

쿠키값을 이용해 조작하기 js/css/html js 상단에 쿠키를 가져오는 함수제작var setCookie = function(name, value, exp) { var date = new Date(); date.setTime(date.getTime() + exp * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + date.toUTCString() + ";path=/";};var getCookie = function(name) { var value = document.cookie.match("(^|;) ?" + name + "=([^;]*)(;|$)"); return value ? unescape(valu..