웹페이지 로딩시 자바스크립트의 실행을 지연시키는 속성

웹페이지 로딩시 자바스크립트의 실행을 지연시키는 속성

브라우저가 웹페이지를 파싱할때 스크립트 부분을 만나면 파싱을 멈추고 해당 스크립트를 다운받아 실행 하는데 이를 지연시킬 수 있는 속성으로 defer, async 을 사용 할 수 있습니다. async 속성은 HTML5 부터 추가된 속성이다.사용방법은 아래와 같이 script 태그에...

css로 도형 그리기 예제사이트

css로 도형 그리기 예제사이트

CSS만을 이용해서 다양한 도형을 그릴 수 있습니다.하지만, 쉽게 그릴 수는 없습니다. CSS로 다양한 도형을 쉽게 그려서 사용 할 수 있도록 샘플 코드를 공개한 사이트가 있어서 소개합니다.https://www.land-of-web.com/freebies/css3-simple-shapes-cheat-sheet.html아래 보이는 이미지와 같은 CSS로 그릴 수 있는 다양한 도형과...

자바스크립트로 주간(일~토) 셀렉트 박스 만들기

자바스크립트로 주간(일~토) 셀렉트 박스 만들기

년도와 월을 선택하면 해당 년/월에 포함 되어있는 주 시작일과 종료일을 셀렉트박스로 만들게 하는 함수 입니다.아래 이미지와 같은 모습이며, 예제 보기를 통해서 구현된 페이지를 확인 할 수 있습니다. 자바스크립트로 주간(일~토) 셀렉트 박스 모습Codefunction makeWeekSelectOptions() { var...

jquery를 이용한 슬라이드(slides)배너

jquery를 이용한 슬라이드(slides)배너

jquery에서 사용할 수 있는 slidesjs라는 좋은 툴이 있지만, 퍼블리셔가 작업해서준 HTML 구조와 CSS 변경 작업이 어려워서 직접 만들었습니다.slidesjs 보다 별로이니 되도록이면 slidesjs 를 쓰도록 하자!그래도 나름 비슷하게 만든다고 만들었음, 아래 미리 보기로 구현된 모습을 확인...

html selectbox 배열에 담긴 값으로 옵션 태그 만들기

html selectbox 배열에 담긴 값으로 옵션 태그 만들기

html selectbox의 options 들을 추가 할 때 하나하나 입력하면 귀찮다. 반복해서 사용하는 것은 매번 만들기 보다, 함수를 하나 만들어 처리 하면 편하다.배열에 값과 텍스트를 미리 입력해놓은 상태에서 해당 배열을 호출하면 자동으로 <option>태그로 둘러쌓은 값을 리턴한다....

지정아이피의 접속을 제외한 모든 접속을 특정페이지로 보내기

지정아이피의 접속을 제외한 모든 접속을 특정페이지로 보내기

잠시 서버를 점검중으로 변경하고 웹사이트를 수정하거나 아니면 아직 사이트를 오픈하기전 들어오는 모든 접속자에게 오픈 준비중이라는 메시지를 보여주고 사이트를 해당 도메인과 연결해서 직접 작업할때 사용 할 수 있는 rewrite 구문이다..htaccess 파일에 다음과 같이 입력하여 사용하면 된다.RewriteEngine...