note

loading1.zip파일은 주로 사용하는 이미지들이다.loading2.zip파일은 어디선가 다운받았는데 기억은 안나는부분,,

출처 : http://havecamerawilltravel.com/photographer/images-photos-facebook-sizes-dimensions-types 2014년 6월을 지나면서 뉴스피드나 타임라인의 레이아웃이 바뀌면서,,이미지 사이즈에 대해 알아볼 필요성을 느낀부분,, 검색을해보니 비공식 가이드가 있었다. ※ 요약 1. 커버사진 가로 720~851px 세로 315px 2. 프로필이미지 최소 180x180px 권장 : 320x320px 3. 공유링크 이미지 최소 155x114px 권장 484x252 4. 타임라인 이미지 가로세로 504px기준으로 비율표시

var UserAgent = navigator.userAgent; if(UserAgent.match(/iPhone|iPod|iPad|iPad2|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) != null || UserAgent.match(/LG|SAMSUNG|Samsung/) != null) { top.location.href = "모바일URL"; }else{ top.location.href = "웹URL"; }

모바일 코딩시에 상하단 고정된 레이아웃으로 코딩을해야할때가있다. 방법은 여러가지이지만 탭기능같은게 있다면 아래 레이아웃이 편리할것같은부분,, css : * {margin:0;padding:0;} ul { margin:0; padding:0; list-style:none; } ul li { height:40px; border:1px solid #000; text-align:center; } #h,#f { font-size:20px; text-align:center; background-color:#c27b00; color:#f3f3f3; font-weight:bold; text-shadow:0 -1px 0 rgba(0,0,0,0.5); line-height:45px; opacity: 0.6; } #h { ..

1. 자주사용하는 표현 $(document).ready(function(){ //함수 }); /* window.onload = function(){} 과 동일한 기능이다. */ 2. $(function(){ //함수 }); /* 1번의 기능과 동일하다 */ 3. (function($){ //함수 })(jQuery); /* 이 방법의 경우 궁금해서 찾아보았는데 $의 의미가 jQuery를 참조하여 사용할때 저렇게 표현한다한다,, 예를들어 프로토타입에서도 $를사용한다하고(잘모름) jQuery도 $를 사용하니 두개를 사용하면 충돌이날수있는데, 저렇게 뒤쪽 가로에 jQuery를써주면 저 function 내부에서는 $의 의미가 jQuery에 대해 작동한다고 한다. 잘이해한건진 모르겠다. */

출처 : http://blog.aliencube.org/ko/2014/01/02/reasons-behind-using-strict-mode-while-coding-javascript/ 가끔 외부사이트 소스를 볼때 스크립트상단 혹은 함수내부에 "use strict"라는 부분을 볼수있어서 검색해보았다. 요약 : 기존의 자바스크립트 코드에 대해 좀 더 엄격한 검사를 실행시키고 싶다면 문서의 첫 줄에 "use strict";를 추가하고, 기존의 것은 그대로 놔두고, 새로운 코드에 대해서만 추가하고 싶다면 각각의 함수 블록 처음에 추가하는 것이 좋겠다.

fb.ui나 share링크를 사용하여 페이지를 공유할때 메타태그 사용 소스.

출처 : http://malsup.com/jquery/block/ ajax나 db처리시 로딩시간동안 블락시키기위해 jquey플러그인 중 blockUI를 사용하였다. ※ 필요에 따라 js를 수정하면 더 편리할 수 있다. 사용법도 간단하다.$.blockUI();로딩시작부분에 위 코드를 넣어주면되고, 끝내고싶으면 아래 소스를 넣어주면 된다.$.unblockUI(); 기본적으로는 테두리가 있는 흰박스가 가운데에 표시될텐데 js상의 message 기본 옵션이 그렇게되있기때문이다. message를 바꾸어 로딩을 띄우려면 아래 소스를 사용한다. $.blockUI({ message: ' 메시지 바꿈...' }); 테스트

jQuery 윈도우 스크롤 이동시키기 일반적인 맨위로 이동시키기 : $(window).scrollTop(0); 애니메이션 주면서 이동시키기 : $('html, body').animate({ scrollTop: 0 }, 1000); 자바스크립트 사용 : window.scrollTo(0, 300);