전체 글
-
[HTML, Jquery] 롤링 이미지, 슬라이드 소스Web/js, jQuery 2019. 6. 13. 15:45
테스트 jquery 버전 jquery-1.9.1.min.js 기본적으로 fade 이펙트로 적용되어있으며, 이미지 페이딩 이벤트와, 버튼이 활성화 되는 형태입니다. - html - 울쎄라&더블로 페이스 쁘띠성형 핫! 바디라인 동안얼굴 성형 앨리스 가슴성형 아포지 레이저제모 - js - //초기값 선언 var idx = "1"; var prev_idx = "1"; var totS = 6; var dtime = 6000; var flag = true; //메인 슬라이드 컨트롤 function main_visual(no) { // 선택된 항목 표시 $("#mainVisual"+prev_idx).fadeOut("slow", function(){ $("#mainVisual"+no).fadeIn("slow"); })..
-
HTML 테그, 구조, 자주 사용하는 코드Web/HTML 2019. 6. 13. 15:31
HTML개발은 현 시점에서 대부분 무조건 HTML5로 개발됩니다. HTML은 이전 버전이고 HTML5는 새로운 버전이라고 생각하면 됩니다. //이 부분이 HTML5 선언입니다. 사이트제목 자주 사용하는 HTML 테그 div - 거의 모든 영역에서 사용됩니다. 테그 안에 대체 텍스트 등이 명시가 잘 되어있으면 위치에 맞는 테그를 쓸 필요 없이 div만 사용해도 접근성이 좋습니다. address - footer 영역에 주소 부분을 정의할때 사용 ul - list 형태를 묶어주는 테그 li - ul안에서 사용되며 list 형태를 만들 때 사용 ol - ul안에서 사용되며 list 형태의 순서를 부여할 때 사용 span - inline 요소를 묶어서 Element를 핸들링거나 스타일을 부여할 때 유용하게 사용 ..
-
웹개발 - IDE툴(개발툴) 은 어떤것을 사용해야할까?Web/그외 2019. 6. 11. 16:44
웹 개발 툴은 흔히 말하는 텍스트 에디터로 충분합니다. 시스템언어 처럼 기계어로 번역하는 컴파일 과정이 필요없기 때문이죠 현재 국내 개발자들의 웹 개발 툴이 뭐가 있는지 살펴보면 다음과 같습니다. Brackets - Adobe 웹 개발용 시스템, 웹디자이너들에게 추천한다. (무료) Atom - github 이 개발하여 2019년 현재 핫하다 (무료) Sublime Text - 국내에서는 euckr 호환성이 떨어져 선호하진 않지만 인기는 있다 (기업용 유료) Editplus - 국내 중소기업 웹개발은 이 에디터 혼자서 다했다. 그만큼 가볍고, FTP설정, 인코딩 호환성이 좋다, 단점은 자동완성이나 태그 열거하기가 어려움 (쉐어웨어 = 일정기간 무료 후 유료전환) Aptana - 자바 개발자들에게 유용하다,..
-
PHP세션 및 쿠키 만료 처리Web/PHP 2018. 12. 5. 15:34
PHP 세션만료처리 php.ini에서 처리하지말고 공통 페이지에 코드를 추가하자 if (isset($_SESSION['LAST_GC_TIME']) && (time() - $_SESSION['LAST_GC_TIME'] > 1200)) { //1200은 20분 session_unset(); session_destroy(); SetCookie("","",-999,"/");SetCookie("","",-999,"/");}$_SESSION['LAST_GC_TIME'] = time(); // 현재시간 업데이트 시켜주지
-
특정 부분만 프린트Web/js, jQuery 2018. 3. 20. 11:34
기본 프린트 코드는 아래와 같지만 window.print(); 특정 레이어 프린트를 할 수 있는 플러그인이 있다. 링크 http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/ 오페라를 찾지 못하는 버그가 있는 경우 아래 소스를 적용시켜주자 jquery.mb.browser.min.js jquery.printElement.min.js 미리보기 창 없이 인쇄 printElement({}); 인쇄 후 미리보기 창이 사라짐 printElement({ printMode: 'popup' }); 인쇄 후 미리보기 창이 남아있음 printElement({ leaveOpen: true, printMode: 'popup' }); CSS무시 printElement(..
-
이벤트 후(after) 추가된 엘리멘트(element) 에 대한 간단한 접근방법Web/js, jQuery 2018. 2. 22. 18:41
$('#registered').click(function(){ $('#show').html('') });위 버튼을 클릭하여 아래 div show 에 new라는 div를 생성하는경우new 라는 div를 컨트롤하기 위해서는 아래 내용을 참조하자. $('#registered').on('click', '.new', function() { console.log(this); });.new 부분에 생성된 엘리멘트 아이디나 클래스를 명시하면된다.