본문 바로가기
반응형

분류 전체보기89

SASS 테스트기 ( sass meister ) SASS 테스트기​ https://www.sassmeister.com/​ SassMeister | The Sass Playground! SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading... www.sassmeister.com SASS는 vscode 등에서 설치를 해야 사용할 수 있는데, sass meister로 바로 테스트해 볼 수 있어 유용하다. 2021. 2. 4.
내비게이션 - 특정 위치 지나면 닫기 지난번에 작업 도중 문제가 되어 해결한다고 애먹었었는데, 1년전이라 기억이 나질 않아서 또 1시간이상 애먹었다.... 자주 쓰일 문제일 것같아 기록으로 남긴다. ○ 기존 동작방식 1. 버튼에 마우스를 올리면 하단에 내비 열림. 2. 내비에 마우스를 올리고, 마우스가 내비영역을 벗어나면 내비 닫힘. 여기서 문제는, 1번 동작 후 내비가 마우스에 올라가지 않고 다른 곳으로 가면, 내비 안닫힘. ● 그래서 아래처럼 해결. 1. 버튼, 내비영역 모두에 event를 걸어서 isNavShow 열릴지 닫힐지 변수로 체크한다. 2. 이때, setTimeout이 포인트인데, 0.05초안에 마우스가 버튼/내비영역에 올라가지 않으면, 내비는 닫힘. 2021. 1. 29.
[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.. 2021. 1. 26.
[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 * 이벤트 헨들러 모음 2021. 1. 25.
마크다운 에디터 README.md 에 작성할 때 마크다운 문법이 따로 필요한데, 열심히 인강 들으면서 공부했었다.. 그런데 인터넷에 찾아보니 마크다운 에디터가 있었다. 이거 사용 하면 끝인듯 ㅜㅡㅜ dillinger.io/ Online Markdown Editor - Dillinger, the Last Markdown Editor ever. Make something great today! dillinger.io 2021. 1. 25.
마크다운 학습 총정리 총정리 파일 # 제목 (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).. 2021. 1. 25.
반응형

티스토리툴바