jquery .sort() 요소 이동하면서 제이쿼리 소트 정렬하기 부서나 트리구조의 UL, OL의 LI요소를 다른 UL로 이동하고자 할 때 이동한 후 소팅 정렬 되도록 할 때 jquery .sort() 함수는 요긴하게 사용된다. 다음과 같이 부서 목록에서 특정 부서를 선택해서 선택된 부서로 옮기려고 할 때 순서대로 정렬하는 구조의 제이쿼리를 짜보자. 먼저 복사 이동은 클릭 이벤트 발생과 동시에 .appendTo() 함수로 이동된다. appendTo 함수가 두번 사용된 것은 … 더 읽기
vscode 파일 찾기 단축키, 프로젝트 내 특정 폴더 파일에서 찾기 – 문자열 검색 VS code 파일 찾기 단축키. VS코드에서 파일 익스플로러가 유용하지만, 프로젝트 규모가 커져서 폴더 구조가 복잡해지고 파일이 많아지면, 특정 파일을 찾을 때는 파일 찾기를 해야 한다. 왼쪽의 아이콘은 파일 내에서 특정 문자열을 찾아주는데 유용하지만, 파일 자체를 찾을 때는 파일 찾기를 해야 한다. 단축키는 보통 … 더 읽기
리액트 Warning: Use the defaultValue or value props on instead of setting selected on . 리액트 프런트엔드 개발 중에 select를 사용할 때 jquery를 쓰던 습성대로 코딩을 하다 보면 반드시 만나게 되는 흔한 오류 중의 하나가 바로 selected를 사용하지 말라는 경고다. Warning: Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>. ‘selected’대신에 … 더 읽기
노트5, 노트8 공장초기화, 갤럭시 노트9 초기화 방법 (중고나라에 팔기 전에 꼭 노트10 갤럭시 노트 20 팩토리 리셋하세요!) 갤럭시 노트2, 노트3, 노트4, 갤럭시 노트5, 노트7, 노트 8, 노트 9 공장초기화 방법의 설명이에요.(갤럭시 노트 시리즈의 공장초기화 방법은 다 똑같습니다.) 현재는 이미 갤럭시 노트 20 울트라까지 출시된 상황에서 갤럭시 노트 9의 팩토리 리셋 방법에 대해 설명하는 것이 조금 이상하게 느껴질 수도 있습니다. … 더 읽기
![모바일홈페이지 주소창 감추기 tip body[orient=”portrait”] ,body[orient=”landscape”]](https://blog.kakaocdn.net/dn/GUS7c/btqHetztOLN/oDxXvlHHXxZoJQIRuGydmk/img.jpg "모바일홈페이지 주소창 감추기 tip body[orient=”portrait”] ,body[orient=”landscape”]")
[모바일홈페이지 제작] 모바일 웹 주소창 감추기 tip 모바일홈페이지를 제작할 때 코딩에서 위의 사진처럼 모바일 주소창 없애기 방법에 대한 설명이다. 보통 흔히 아래와 같은 자바스크립트를 많이 쓴다. 이 스크립트는 모바일웹서 주소창이 사라지는 기능을 적용하고 있다. 혹은 아예 body 태그에 onload로 넣을 수 있다. 이 자바스크립트는 window.setTimeout(func, delay, [param1, param2, …])을 호출하는 형식이다. 1. 0초 후에 scrollTo … 더 읽기
JSP에러 : HTTP Status 500 에러메세지- sda7: write failed, user block limit reached 가끔 JSP 서버에서 작업하다 보면 아파치가 에라 모르겠다! 배 째! 이럴 때가 있다. 바로 HTTP Status 500 에러 메시지 때문이다. 그중에서 sda7: write failed, user block limit reached를 만나게 되는 경우가 있는데… 이건 사실 별건 아니다. 톰캣의 로그를 살펴보면 위와 같이 에러가 나 있는데, 할당된 디스크 공간을 다 … 더 읽기
![checkbox css 체크박스 스타일로 예쁘게 하는 법 – 웹 접근성 맞추기 input[type=checkbox] + label](https://blog.kakaocdn.net/dn/bMGZZX/btqMqBF9a1X/KKrbu17VuLYs1wD6vYqb1k/img.jpg "checkbox css 체크박스 스타일로 예쁘게 하는 법 – 웹 접근성 맞추기 input[type=checkbox] + label")
checkbox css 체크박스 스타일로 예쁘게 하는 법 – 웹 접근성 맞추기 input[type=checkbox] + label 체크박스 자체를 예쁘게 꾸밀 수는 없다. 굳이 한사코 꾸미자면, 백그라운드를 이용할 수는 있다. 체크표시가 되었을 때는 input[type=checkbox]:checked에 스타일을 주면 된다. 그런데 이미지를 쓰지 않고 체크박스를 스타일로 예쁘게 꾸미려면…이게 좀 복잡해진다. input[type=checkbox] + label 을 이용하게 되는데, 이 방법의 핵심은 input 체크박스 자체를 보이지 … 더 읽기
자바스크립트로 구현한 rgb 색상표 + CSS 16진수 rgb 색상코드 자바스크립트로 구현한 RGB 색상표 + CSS 16진수 색상 코드 2015.08.29 11:11 RGB 색상표를 CSS 16진수(HEX) 색상 코드로 표현하기 퍼블리싱을 할 때 디자인팀에서 지정한 색의 색상을 CSS로 표현할 때 포토샵의 스포이드로 찍어보면 RGB 색상표에서 HEX값을 알 수 있다. 이 RGB 색상표는 #1930a2와같이 표현되는데 난해한 암호 같아 보이지만 다 뜻이 … 더 읽기
자바스크립트로 RGB 색상표 출력하기: HTML RGB 색상 코드표 만들기 RGB 색상 코드는 다양한 컬러를 표현하는 데 사용되는 중요한 개념입니다. 컴퓨터는 이 코드를 이해하기 위해 옥텟(Octet) 단위로 해석하며, 이는 8비트로 이루어진 데이터 묶음을 나타냅니다. 이러한 옥텟은 실제로 우리가 흔히 알고 있는 10진수 형식인 0부터 255까지의 값을 가지게 됩니다. RGB 색상 코드의 구성 RGB 색상 코드는 세 개의 … 더 읽기