-
Javascript, jQuery 2013‧03‧22
jQuery - 선택자 삭제 .remove
div라든가 p, span 등과 같은 선택자를 삭제할 때 사용한다. 입력 방식은 두가지 정도이다. $("선택자").remove( ); 또 하나는 아래와 같다. $('div와 같은 요소').remove("선택자"); 필자는 간단하게 주로 아래와 같이 쓴다. $("#id").remove(); 만약 위와 같이 쓰는 경우 클래스일 경우 .class 로 선택자를 넣어도 된다. 이렇게 되면 해당 클레스가 있는 div가 삭제가 된다.
-
2013, 2013-2014 2013‧03‧19
Google Webmaster Conference 2013
구글과 함께 진행하는 웹마스터 2013 컨퍼런스의 등록 사이트를 제작하였다.큰 내용이 필요한 사이트가 아니었기에 단독 작업이 가능하였고 사이트 제작과 더불어 패키지 디자인도 역시 같이 진행하였다.배너, 현수막, 명찰, 프로그램북 커버, EDM 디자인을 함께 처리하였다. <전체 스크린샷>
-
WP Tip & Tech 2013‧03‧04
워드프레스 대시보드에서 FTP접속 포트가 다를 경우
워드프레스에서 테마 혹은 플러그인을 설치할 때 대시보드에서 직접 설치하는 경우가 있다. 하지만 부득이 개인적으로 서버의 FTP 포트가 기본적인 21포트가 아닌 다른 포트일 경우에는 이 기능을 사용하지 못한다. 이럴 경우 일단은 포트주소를 도메인 주소와 함께 넣어 접속하면 된다. (ex. werty.co.kr:3312) 그러나 아래처럼 '워드프레스 컨텐츠 디렉토리(wp-content)로 이동할 수 없습니다.'라는 메시지가 나타나고 진행이 안될 수도 있다. 이럴 경우 […]
-
WP Setup, WP Tip & Tech 2013‧03‧02
워드프레스 호스팅(서버) 이전 작업
부득이 서버를 이전하는 상황이 발생하여 작업을 하면서 함께 포스팅을 함. * 구서버와 신서버가 FTP기능이 가능하여야 합니다. 전 FTP 툴로 파일질라를 사용함. * phpMyAdmind으로 DB를 백업 및 복원 해야하니 서버에 설치하도록 한다. phpMyAdmin 다운로드 : http://www.phpmyadmin.net/ 1. 구서버의 phpmyadmin에 접속하여 워드프레스 데이터베이스를 선택하여 들어간다. 2. 내보내기 → 내보내기 할 부분만 선택 대게 wp_ 로 시작되는 것들 선택한 후 […]
-
WP Tip & Tech 2013‧01‧25
특정 기능을 메인 화면, 포스트 화면(single), 페이지(page)에 따라 다르게 처리하기
워드프레스를 하다보면 어느 페이지를 가건 상단의 네비나 오른쪽의 위젯이나 하단의 푸터나 다 똑같아 보여서 특정 서비스를 하는 페이지에서 그에 따른 기능을 다르게 보여주고 싶을 때가 있다. 특히 메인인 첫 페이지에서는 더욱이 조금더 메인의 특성을 갖춘 컨텐츠를 보여주고 나열해주고 싶기도 하다. 이 것을 인지하고 구분하여 지정된 행동하는 것은 조금 뒤에 하고 일단 각 화면을 구성하는 것들을 간단히 […]
-
Html, CSS 2013‧01‧21
css로 div 세로로 중앙 정렬시키기
자주 검색하기도 하고, 여러가지 방법이 있긴한데 개인적으로 생각했을 때 가장 무난하고 가장 호환성이 높은 방법을 메모해 놓으려고 한다. 방법은 #contents라는 div를 세로로 중앙 정렬하고 싶을 때 #contents를 감싸는 #contentsWrap이라는 div를 하나 만든다 . #contentsWrap{ height: 400px; width: 100%; position: absolute; top:50%; margin-top: -200px; } #contents{ position: relative; margin: auto; background-color: #eee; width: 800px; height: 400px; […]
-
Inspiration, UI Design 2012‧11‧26
무료 UI kit 다운로드
UI를 디자인할 때 참고하기 위한 혹은 활용하기 위한 유용한 사이트 발견! ui에 관한 25가지 무료 psd 를 제공해주는데요. 참 세련된 것들도 많네요. 색감도 너무 좋구요. 자! 그러면 다운받으러 고고싱 다운로드 받으러 이동하기
-
Javascript, jQuery 2012‧11‧08
jQuery-$.cookie 플러그인 사용법 (쿠키 활용편)
사용자의 쿠키를 이용해서 유동적으로 사이트를 운영할 때가 많다. 자바스크립트로 쿠키를 만드는 방법은 생략한다. (이미 검색하면 많이 나온다.) 제이쿼리는 플러그인 사용으로 간단하다. 일단 플러그인을 페이지내에 삽입해야한다. 해당 파일은 https://github.com/carhartl/jquery-cookie 이 곳에서 최신버전을 받아서 사용하거나 지금 필자가 쓰는 버전을 첨부파일로 넣을테니 다운받아 써도 상관없다. (다운받아 사용할 경우 차후에 새로 업데이트 된 버전이 아니라는 점은 염두해두길 바란다.) <head>와 </head>사이 아래 […]