2013/07 5

[JS] 메소드(method) 매개변수 기본값

메소드 디폴트 매개변수 혹은 함수 변수 기본값 혹은 method default parameter쓸 수 있는 표현이 많아서 제목이 헷갈리지만, 내용은 같다.대부분은 언어는 함수를 작성할때, 매개변수에 대한 기능이 존재한다.예를 들어int function METHOD(param1='기본값1',param2='기본값2'){return 1234;} 식으로 지정하면 METHOD(); 로 호출시, 매개변수는 기본값으로 적용되서 실행되는 식이다. 하지만, 멍청한 자바스크립트는 그런기능이 존재 하지 않는다.그래서 따로 체크 혹은 기본값 지정을 해야한다. function plus(num){return num+=1;}이와 같은 메소드가 있다면,plus(); 로 호출을 시도하면 num은 undefined이므로 정상작동이 안 ..

dev/web 2013.07.25

웹에서 움직이는 배너에 대한 고찰

움직이는 배너란?쇼핑몰에서 중요한(?)메뉴들이 스크롤에 따라 움직이는 것으로 자주 사용하는데, 이것을 구현하는 방식에 대한 방법론에 대해 포스팅하고자 한다. JS에 window.scroll 이벤트를 받아서 특정 div의 top속성을 변경하는 방법인데이부분은 어차피 큰 차이가 없으므로, 생략한다. 공통된 사항은 position:absolute가 있고, top에 특정값이 들어있따는 점 문제는 html 마크업 부분인데본문의 width:1000px; 움직일배너의 width:200px;로 가정하면, 형태#1가장 많이 쓰이는 형태로 보이는 이것은body에 child node로써 움직일 div가 있는 형태이다.이때는 본문에 사이즈나 여백에 따라 적절한 left값이 필요하다....contents... 형태#2wrapp..

dev/web 2013.07.24

유용한 자바스크립트 라이브러리 모음

메이저 브라우져에서 HTML5 등 웹2.0과 관련된 기술지원이 이뤄지면서,심히, 그 활용성과 비중이 커진 자바스크립트라이브러리를 잘 활용하는 것도 중요하므로, 좀 적어보겠다. jQuery는 요즘 거의 기본이 되어버린 현실이라, PASS TweenMAX - http://www.greensock.com/gsap-js/플래시 AS 트위너로써, 활약하던, 라이브러리인데, 자바스크립트 버전이 있다.jQuery 기본 애니메이션보다 20배나 빠르단다. Superscrollorama - http://johnpolacek.github.io/superscrollorama/스크롤에 따른, 각종효과를 포함하여, 다이나믹한 사이트를 제작하게 해줌사이트를 확인하는것이 가장빠를것이다.fancybox - http://fancybox..

dev/web 2013.07.23

<b> 와 <strong>의 차이점

웹은 눈으로 보는것이다. 라는 관점을 볼때, -> 두껍게 표현 -> 강조문구 - > 두껍게 표현 좀더 high한 표현이 strong이라 할 수 있겠다. 쉽게 말해, strong는 logical(논리적) 요소다. 강조를 의미하지만 는 단순 효과 태그다. 이것은 의미를 가지진 않는다. 약간은 애매모호한 이런것들이, 많은데, 정확히 해둘 필요가 있다. div를 가운데 정렬하는 방법은 css로 margin:0px auto;가 일반적인데 이것은 솔직히 의미는 없다. 아는 사람은 알겠지만..... align속성은 앞으로 없어지게 되므로, 또다시 애매모호함이 찾아왔다. div.alignC{ margin:0px auto; } 같은 class를 만들어야 할 모양이다. 어떤 방식과 의미가 좀 더 나은 방식인지는 모르겠다...

dev/web 2013.07.01

[웹표준] td높이 와 img요소의 문제점

웹을 해본 사람이라면 누구나 퍼블리싱 과정에서 난해함을 겪었을 것이다. 이유인즉, 수많은 브라우져에서 같은 페이지가 다르게 표현되기 때문 그래서 웹표준이라것을 적용하지만, 이마저도 완벽한 해결책은 되지 못하고 있으니.. 브라우져 별 특성을 따르지 않았으면 좋겠다. 라고 생각하지만, 문서모드들까지 여러가지를 복잡하기만 웹ㅠㅠ 이번에 다루게 된 내용은 table의 셀과 img요소의 문제점을 다뤄보도록 하겠습니다.doctype를 html5에 맞게 변경을 하면서, 기존사이트에 생기는 문제점이다.기본 html4.01이나 쿼크모드에서 발생하지 않는 점을 미리 알려드린다. 기본 html의 형식은......

dev/web 2013.07.01