본문 바로가기

전체 글

무엇을? 그동안 무엇을 했는지에 대한 글만 썼는데무엇을 할지에 대한 글도 적고 싶었다. 나는 오늘 오랜만에 무엇을 할지에 대해 고민했다. 1년이란 시간 속 긴장의 연속에서 여유가 없어 생각하기를 멈췄었는데지금은 노는데 열중하느라 생각을 하지 않고 지냈다. 무던히 생각하지 않고 지냈다. 한 달이 지난 지금 나에게는 불안감이 엄습했다. "아무것도 하지 않았다." 가 머릿속에 맴돌았다. 그렇다면 내가 하고 싶은 것은 무언가.. 개발하고 싶다. 무엇을? 이제부터 그것을 생각나는 대로 써보고 싶다. 그러려면 내가 무얼 좋아하는지 알아야 할 것 같다. 엊그제 친한 친구를 만났는데친구는 아이폰에서 안드로이드폰으로 바꿔불편한 점과 편한 점을 얘기했다. 그중 하나가 어플에 관한 것이었는데일단 내가 아이폰 유저가 아니라 정말 어떤.. 더보기
jQuery UI drag and drop(드래그 앤 드롭) 예를 들어 ul, li가 있다. 이때 li에 드래그 앤 드롭 이벤트를 주고 싶다면그 상위인 ul에 이벤트를 주자. $("ul").sortable({ stop: function() { console.log("done"); } }); $("ul").disableSelection(); 너무 쉬워서 깜놀 ㅇ0ㅇ더 자세한 옵션은 jQuery ui 공식 홈을 참고하자. 더보기
CSS 아이폰 사파리 스크롤 가속화 div 등의 태그에 직접적으로overflow: auto나 scroll 을 넣어 스크롤을 만들면 iOS 사파리 브라우저에서넣어주는 스크롤 가속화가 동작하지 않게 될 수 있다! 가속화를 동작시키는 방법은 div {overflow: auto; -webkit-overflow-scrolling: touch;} overflow가 들어있는 요소의 CSS에저것만 추가해주면 끄읕~!★ 더보기
setTimeout() 으로 이벤트를 줬으면 clearTimeout()을 해줘야 한다 setTimeout을 써서 1.5초 후 box 크기를 다르게 주는 방식으로애니메이션을 만드는데 문제는 애니메이션을 보기 전에이벤트를 종료해버릴 때 발생했다!시간차 공격이라할까.. -ㅅ- 그래서 이벤트를 종료할 때 clearTimeout()을 시켜줬다. // setTimeout은 id값을 가지기 때문에 우선 초기화var setTimeoutID = null; // setTimeout을 setTimeoutID 변수에 담기setTimeoutID = setTimeout( function() {event }, 1500); // 원하는 event에서 setTimeout 없애기 clearTimeout(setTimeout의 ID값)event {clearTimeout(setTimeoutID);} 참고 사이트 :setTim.. 더보기
워드프레스 특정 카테고리 포스트 리스트로 출력시키기 - query_posts() 사이트 예제 // The Queryquery_posts( $args ); // The Loopwhile ( have_posts() ) : the_post(); echo ''; the_title(); echo ' ';endwhile; // Reset Querywp_reset_query(); ------------------------------------------------------------------------- 활용 query_posts('cat=2');-> cat은 category 2는 카테고리의 ID값 아이디어 제공 :https://kopress.kr/topic/%EC%A7%88%EB%AC%B8%ED%8E%98%EC%9D%B4%EC%A7%80%EB%B3%84-%ED%8A%B9%EC%A0%95-.. 더보기
hover 할 때 텍스트가 위아래로 왔다갔다.. 선명했다 흐려졌다 하는 문제 해결 HTML, CSS로 인해 생기는 알 수 없는 문제는 정말되도록이면 만나고 싶지 않다! 태그를 잘못 썼든지 닫지 않았든지CSS를 어떻게 중첩으로 먹여 그랬든지.. 아아.. 알 수 없다. 아무튼 사건은 이랬다. div 박스에 이미지를 넣고 hover 하면흐려지면서 한가운데 텍스트가 보이는그런 흔한 이펙트 효과를 구현하고 있었다. 그런데 CSS를 다 주고 나서 hover를 했더니텍스트가 위아래로 춤을 추는 게 아닌가?! -ㅅ- 그 구조를 간단히 하자면 이러했다. HTML text CSS .text,.curtains {visibility: hidden;opacity: 0; .box:hover .text,.box:hover .curtains {visibility: visible;opacity: 0;} HTML t.. 더보기
워드프레스 TinyMCE Advanced 활성화 했는데 안 보일 때 TinyMCE Advanced 플러그인을 설치 후 활성화 했는데적용이 되지 않아 구글링하던 중 스택오버플로우에 같은 증상의 질문글 발견! define('CONCATENATE_SCRIPTS', false); 이 코드를 wp-config.php 에 넣어주기~! 관리자모드에서 바로 적용되는 것을 확인했다. 안정성은 모르겠다 왜 되는지 잘 몰라성 ㄷㄷ하지만 저처럼 답답했던 분들에게 도움이 되길.. 참고 사이트 : http://stackoverflow.com/questions/14352407/jquery-error-tinymce-is-not-defined-on-wordpress-admin-panel 더보기
CSS3로 영상 풀스크린 만들기 - 어떤 상황에서도 예쁘게 비율대로! Keyword - css youtube background cover HTML CSS * { box-sizing: border-box; }.video-background { background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99;}.video-foreground,.video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}#vidtop-content {top: 0;color: #fff;}.vid-info { position: absolute; top: 0; right:.. 더보기

티스토리툴바