제이쿼리 강좌_다운 제이쿼리 HTML 내 삽입 방법 jQuery 다운로드 후 로컬 폴더에 저장-다운로드 받을 수 있는 파일은 크게 두 가지로 구분되어 있음.-현재까지 jQuery 1.x 버전 (IE 6, 7, or 8 에서 사용가능)과 jQuery 2.x 버전 출시 (IE 하위버전에서 사용 불가).-1) Production 버전: 코드 사이의 공백을 없엔 압축파일로 로딩속도가 빠르지만 코드 해석과 이해가 어려움.-2) Development 버전: 테스트와 개발 목적으로 만든 파일로 일반적인 코드형식으로 되어있기 때문에 해석이 가능함.-다운로드 경로: https://jquery.com/download jQuery CDN (Content Delivery Network) -서버에서 제이쿼리 파일을 불러와 사용하는 방식으로 구글, 마.......

스마트기기 디바이스 해상도 정리 기본 해상도 가로폭디바이스 480px 스마트폰 800px 태블릿 1024px 넷북 1600px 데스크탑 스마트폰 해상도 : 브라우저 해상도의 2배 디바이스해상도 브라우저 해상도 아이폰 4, 4S 643x960 320x480 아이폰 5 (326ppi) 640x1136 320x568 아이폰6 (326ppi) 750x1334 375x667 아이폰6 plus (401ppi) 1242x2208 414x736 갤럭시 S3 720x1280 360x640 갤럭시 넥서스 720x1280 360x640 갤럭시 노트 800x1280 400x640 갤럭시 노트2 720x1280 360x640 갤럭시 노트4/ 삼성 갤럭시 노트 엣지 1440x2560 720x1280 태블릿 해상도 디바이스해상도 브라우저 해상도 아이패드, 아이패드 미니 1024x768 1024x768 아이패드 레티나 1.......

CSS 스타일 초기화 방법_Reset vs. Normalize 마크업에서 css 스타일을 적용시모든 브라우저에서 동일한 디자인을 만들어내기 위해css 파일 맨 위에 리셋 코드를 입력합니다.아래의 코드가 바로 전 세계적으로 가장 많이 사용하는css 리셋 코드입니다. (Eric Meyer's Reset CSS) 리셋 코드가 모든 엘리먼트의 속성을 초기화하는 반면Normalize.css 는 좀 더 특별한 점이 있습니다. 이번 포스팅에서는 해외 사이트에 소개된Normalize.css의 특징을 간단히 살펴보고자 합니다. Normalize.css는 작은 용량의 css파일로 HTML엘리먼트의 속성을 조절하여좀 더 멋진 크로스브라우징을 구현합니다. -Normalize.css 프로젝트 사이트.......

CSS강좌_display:box 속성으로 레이아웃 디자인하기 이번 포스팅은 아래의 자료를 참고하여작성한 내용입니다. div 엘리먼트를 정렬할 때 display:table과 table-cell을 많이 사용합니다.하지만, display:box는 매우 생소합니다.저 또한 위에 링크된 글을 읽고 처음으로알게된 부분입니다. 제가 보기에, display블록은 float, vertical-align, text-align 기능이 합쳐진 아주 좋은 기능입니다. 물론, ie 최신버전에만 사용해야하고pc보다는 모바일 제작시 사용해야 합니다. display 블록의 기능으로는 box-orient, box-pack, box-direction, box-flex가 있습니다.자세한 내용은 링크된 사이트를 참고하세요! display 블록을 사용해서 jsbing을 사.......

제이쿼리 강좌 (jQuery Selector)_제이쿼리 선택자 정리 제이쿼리의 강력한 장점 중 한가지가바로 손쉽게 사용 가능한 jQuery API 입니다.이번 포스팅에서는 주요 API 기능 설명과 함께 관련된 팁을 공유하고자 합니다. 1.each().each 메서드는 DOM 구조에서 여러개의 엘리먼트로 구성된, 예로, ul 과 그 밑에 포함되어 있는 li 태그들을 처음부터 끝까지 돌면서 함수나 명령어를 실행한다. 처음 시작점은 index 의 첫번째인 "0" 번으로 시작한다. 이때 함께 사용하는 this 는 현재 선택중인 엘리먼트를 가리키는 매우 중요한 선택자이다. 좀 더 자세히 설명하자면, "개발자가 정의한 콜백 함수가 시행될 때 this 변수는 현재 반복되고 있는 요소.......

HTML 이벤트 페이지 작성 방법 및 배경삽입휴가는 집에서! 마크업 개발자로 일하다보면구축뿐만 아니라 다양한 이벤트 페이지를만들기도 합니다. 이벤트 페이지는 다른 작업에 비해 간단하지만분명 일의 효율을 높이기 위한 비법(?)이 있겠죠?! 오늘은 이벤트 페이지와 관련된 내용들을포스팅하고자 합니다. /* 참고 사이트_이벤트 페이지 예시 */ 이벤트 페이지 작성시 주의할점! 1. 간결한 마크업 구조일반적으로 이벤트 페이지는 일회성 페이지 입니다. 유지보수가 거의 없다는 뜻입니다.그렇기 때문에 최대한 간결하게 마크업 구조를코딩하는 것이 시간을 절약하는 최고의 방법입니다.기본적으로 wrap에는 width:100%;height:100% 2. 배경화.......

큐티_하나님과 나의 시간_성경구절 고린도전서 2장 9절"기록된 바 하나님이 자기를 사랑하는 자들을 위하여 예비하신 모든 것은 눈으로 보지 못하고귀로 듣지 못하고 사람의 마음으로 생각지도 못하였다 함과 같으니라" 베드로전서 5장 10절"모든 은혜의 하나님 곧 그리스도 안에서 너희를 부르사 자기의 영원한 영광에 들어가게 하신 이가잠깐 고난을 당한 너희를 친히 온전하게 하시며 굳건하게 하시며 강하게 하시며터를 견고하게 하시리라" 히브리서 10장 36절"너희에게 인내가 필요함은 너희가 하나님의 뜻을 행한 후에약속하신 것을 받기 위함이라" 베드로전서 3장 15절"너희 마음에 그리스도를 주로 삼아 거룩하게 하고 너희 속에 있는 소.......

HTML 무료강좌_웹접근성 핵심 포인트 쉿~! 이건 특급비밀 입니다. 다음 내용은 김데레사/방미희 저자의"웹표준 핵심가이드북"의 내용을 참고하였습니다.웹표준에 대한 체계적인 설명이 일품인 책입니다.강력추천 합니다! -한국 스크린 리더기인 '센스리더'를 사용해서 각각의 HTML 문서가 어떠한 순서로 읽혀지는지 확인해야 함-h1 태그 사용시 웹페이지를 대표하는 로고/콘텐츠에 한 번 적용을 목표로함-br 태그의 남용으로 문단을 만들지 말고 p태그를 사용해서 문서 정리-문장 나누기를 할 때 필요시 을 로 코딩함-a링크 사용시 alt 와 함께 title을 사용하여 대체텍스트의 부.......