본문 바로가기

Lect & Tip118

✈ jquery로 페이지 상단으로 부드럽게 이동하는 탑 스크롤 버튼 만들기 보통 탑스크롤이라고 부르는 버튼인데요. 흔한 방식이지만, 가끔 떠 오르지 않아서 검색하시는 분들을 위해 올려둡니다. 뭐~ 저도 가끔은 까먹어서 다시 생각해내는 일 없이 떠다 쓰려공.... /* top 스크롤 */ var speed = 500; $("a.top").css("cursor", "pointer").click(function(){ $('body, html').animate(, speed); }); speed 변수는 스크롤이 애니메이트 되어서 이동하는 속도를 지정해줬습니다. 귀찮으면 그냥 변수 쓰지 말고 숫자로 바로 써도 됩니다. . css("cursor, "pointer")는 생략해도 무방하며, css자체에 a.top { cursor:pointer}로 작성해두어도 무방합니다. 실질적인 핵심은 $(.. 2020. 2. 21.

✈ 제이쿼리 체크박스 체크 여부 확인 및 제어 jquery checkbox checked 제이쿼리 체크박스 체크 여부 확인 및 제어 jquery checkbox checked 제이쿼리 체크박스 checked 여부 확인 $("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */ $("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ checked/unchecked 처리 $("input:checkbox[id='ID']").prop("checked", true); /* by ID */ $("input:checkbox[name='NAME']").prop("checked", false); /* by NAME */ 전체선택 체크박스를 선택하면 그 아래.. 2020. 2. 14.

jquery .sort() 요소 이동하면서 제이쿼리 소트 정렬하기 ✈ jquery .sort()를 활용한 요소 이동과 소트 정렬 안녕하세요! 이번 포스팅에서는 jQuery의 .sort() 함수를 활용하여 요소를 이동하고 동시에 소트 정렬하는 방법에 대해 알아보겠습니다. 이 기술은 부서나 트리구조의 목록에서 항목을 다른 위치로 이동하면서 정렬을 유지하고자 할 때 유용하게 활용될 수 있습니다. 이해를 돕기 위해 간단한 예시와 함께 코드를 살펴보겠습니다. 예시: 부서 이동과 소트 정렬 제시된 예시에서는 '부서목록'과 '선택된 부서'라는 두 개의 그룹이 있습니다. 이 그룹들은 UL과 LI 요소를 사용하여 구성되어 있습니다. 각 부서는 데이터 속성 data-sid를 통해 식별됩니다. 사용자가 '부서목록'의 부서를 선택하면 해당 부서가 '선택된 부서'로 이동하게 되며, 이동된 후.. 2020. 1. 13.

vscode php scss 사용하기 sass 컴파일러 설치 ✈ vscode php scss 사용하기 sass 컴파일러 설치. 처음 vscode를 사용했을 때는 앵귤러를 사용했기 때문에, scss를 기본으로 사용했었다. 얼마 전에 php 프로젝트에 scss를 사용하려고 vscode scss설치를 했다. 기본적으로 브라우저 자체가 scss를 이해하는 것이 아니기 때문에 scss는 sass compiler로 컴파일해서 css파일을 생성해 주어야 한다. 어디까지나 scss는 퍼블리셔의 편의를 위한 기능이지 브라우저를 위한 기능이 아니기 때문이다. vs코드에서 scss를 사용한다는 것은 사용 언어와 무관하게 사용될 수 있다. 바로 Live sass compiler를 설치함으로써 가능하다. sass Lint 익스텐션 설치 설치하는 김에 sass Lint 익스텐션도 설치하면.. 2020. 1. 3.

✈ bootstrap selectpicker multiple js 수정 전체선택 해제 변경 css bootstrap selectpicker multiple js 수정 전체선택 해제 변경. 이 제목을 뭐라고 설명해야 할지 모르겠다. 아무튼 요지는 이렇다. 부트스트랩4의 selectpicker multiple 옵션을 사용할 때 디폴트로 주어지는 모두선택 모두해제 토글 되는게 클라이언트 마음에 안들었나보다. 모든 option이 선택되면 모두 해제되는 것은 당연하지만 하나의 옵션만 선택해도 모두해제로 바뀌는 것이 클라이언트는 이해가 안된 모양이다. 그래서 클라이언트는 전체가 아닌 옵션을 선택하면 전체옵션은 변하지 않고, 전체옵션을 선택하면 모든 옵션도 체크가 된 것 처럼 보이게 해 달라는 것이다. 기본적인 셀렉트피커의 태그 구조는 다음과 같다. 그룹명 그룹설명 부서명 새로 변경해서 스크립트를 짠 html구조.. 2019. 12. 22.

✈ vscode 파일 찾기 단축키 VS code 파일 찾기 단축키. VS코드에서 파일 익스플로러가 유용하지만, 프로젝트 규모가 커져서 폴더 구조가 복잡해지고 파일이 많아지면, 특정 파일을 찾을 때는 파일 찾기를 해야 한다. 왼쪽의 아이콘은 파일 내에서 특정 문자열을 찾아주는데 유용하지만, 인클러드된 파일 자체를 찾을 때는 파일 찾기를 해야 한다. 단축키는 보통 윈도우에서는 CTRL+P를 사용하면 유용하다. 리눅스에서도 많이 사용되는 단축키이므로 Ctrl+P로 외워두는 것이 용이하다. Windows vscode 단축키 Ctrl+E 혹은 Ctrl+P MAC용 vscode 단축키 Cmd+P 구형 MAC 단축키 Cmd+E Linux용 vscode 파일 찾기 단축키 Ctrl+P -blackun.com 2019. 12. 12.

이전 1 ··· 10 11 12 13 14 15 16 ··· 20 다음

티스토리툴바