Language

    내비게이션 - 특정 위치 지나면 닫기

    지난번에 작업 도중 문제가 되어 해결한다고 애먹었었는데, 1년전이라 기억이 나질 않아서 또 1시간이상 애먹었다.... 자주 쓰일 문제일 것같아 기록으로 남긴다. ○ 기존 동작방식 1. 버튼에 마우스를 올리면 하단에 내비 열림. 2. 내비에 마우스를 올리고, 마우스가 내비영역을 벗어나면 내비 닫힘. 여기서 문제는, 1번 동작 후 내비가 마우스에 올라가지 않고 다른 곳으로 가면, 내비 안닫힘. ● 그래서 아래처럼 해결. 1. 버튼, 내비영역 모두에 event를 걸어서 isNavShow 열릴지 닫힐지 변수로 체크한다. 2. 이때, setTimeout이 포인트인데, 0.05초안에 마우스가 버튼/내비영역에 올라가지 않으면, 내비는 닫힘.

    [AJAX] jQuery ajax 사용 소스 (feat.php)

    /** * 기능 : 리뷰 영상 데이터 가져오기 * 이름 : get_reviewmovie_data * param () [ * idx [integer], * mb_id [string] * ] * * result (json data) [ * idx [integer], * mb_id [string], * upload_date [datetime or date] * update_date [datetime or date] * subject [string] * content [string] * hash [string] * like_count [integer] * view_count [integer] * movie_url [string] * ] */ function get_reviewmovie_data(idx, mb_i..

    [jQuery 플러그인] slick-slide 사용법

    jQuery의 유명한 플러그인 중 하나인 slick slide 사용법이다. 본 사이트에 들어가도 영어로 돼있거나 상세한 설명이 없는 경우가 있어서 필요한 기능을 이 곳에 정리한다. kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io * 이벤트 헨들러 모음

    마크다운 에디터

    README.md 에 작성할 때 마크다운 문법이 따로 필요한데, 열심히 인강 들으면서 공부했었다.. 그런데 인터넷에 찾아보니 마크다운 에디터가 있었다. 이거 사용 하면 끝인듯 ㅜㅡㅜ dillinger.io/ Online Markdown Editor - Dillinger, the Last Markdown Editor ever. Make something great today! dillinger.io

    마크다운 학습 총정리

    총정리 파일 # 제목 (h1~h6) ↓ # 제목1 ## 제목2 ### 제목3 #### 제목4 ##### 제목5 ###### 제목6 특수한 경우 ↓ (가급적 쓰지말자, 알고만 있으면 됨) 제목 1 ======= 제목 2 ------- # 강조 (u,b,s태그 등) ↓ 강조하기 이텔릭체 : *강조하기*, _강조하기_ 두껍게 : **강조하기** 취소선 : ~~취소하기~~ # 목록 (ol, ul) ↓ 1. 순서 필요한 목록 ol 1. 순서 필요한 목록 ol 1. 순서 필요한 목록 ol - 순서 필요없는 목록 ul - 순서 필요없는 목록 ul - 순서 필요없는 목록 ul # 링크(a) ↓ [네이버](https://www.naver.com) [네이버](https://www.naver.com "링크 설명(title)..

    애니메이션을 이용한 팝업창 띄우기

    PC / 모바일을 고려한 애니메이션 팝업창. * 기능 => 상하좌우. 내가 정한 방향에서 팝업창이 날라와 중앙에 띄움. * 사용법 1. ani_popup() 함수만 호출하면 적용가능. 2. css추가 필수 (필수 css참고) 3. 더 자세한건 아래의 주석을 참고 $(window).load(function(){ ani_popup( $('.btn_nonmember'), $('.popup_nonmember').eq(0), 'top'); }); function ani_popup(btn, popup, direction){ /** * @Author webcogy 200210 * @description 팝업창 show / hide 애니메이션 * @param {string} btn 팝업창 여는 버튼 * @param {..