본문 바로가기
반응형

전체 글158

JQuery(제이쿼리) 이벤트 사용시 $(this)의미와 활용 JQuery(제이쿼리) 이벤트 사용시 $(this)의미와 활용 $(this)는 일종의 변수, 선택자라고 볼 수 있다. 일반적으로 동일한 소스가 반복되는 네비게이션 메뉴, 탭, 아코디언메뉴, 리스트등에서 많이 활용. 활용 예) btn이라는 class를 동일하게 가진 버튼들이 존재할때 ​ 현재는 어느버튼을 눌러도 class가 같기 때문에 모든 버튼에 글씨가 변하는 것을 볼 수 있다. 이 this를 활용하여 타겟버튼만 변경되게 바꿔보면 button.click(function(){ $(this).val("눌렀어~"); }); 이 부분만 바꾸면 ​ 만약 이 방법을 안쓴다면 아래 예제소스와 같이 각 버튼마다 id를 별도로 줘야한다. 각각의 이벤트를 만들어주는 번거롭고 비효율적인 일을 할수도 있다. 그러니 이 $(t.. 2023. 11. 25.
윈도우 시스템 다크 모드로 변경/해제 하는 법 윈도우창 시스템 다크 모드로 변경/해제 하는 법 1. 바탕화면에서 개인 설정을 누른다. 2. 개인설정 메뉴에서 색을 누른다. 3. 모드 선택에서 다크를 누른다. 4. 쉽게 윈도우의 모든 창들이 다크 모드로 변한 것을 볼 수 있다. 2023. 11. 24.
크롬 다크 모드 설정/해제 방법 크롬 다크 모드 설정/해제 방법 1. 방법1 1) 크롬에 접속한다. 다음 주소를 URL입력창에 입력한다. chrome://flags/#enable-force-dark 2) 'Auto Dark Mode for Web Contents' 항목의 'Default' 버튼을 클릭한다. 3) 세부 창이 열리게 되는데 이 중에서 'Enabled' 항목을 선택한다. 4) 우측 하단의 'Relaunch' 버튼을 눌러 준다. 5) 다음 화면처럼 다크모드로 변한 것을 알 수 있다. ※ 다크 모드를 해제 하려면 다시 "Default"를 눌러주면된다. 2. 방법2 1) 크롬에 접속한다. 다음 주소를 URL입력창에 입력한다. https://chromewebstore.google.com/category/themes?hl=ko&pli.. 2023. 11. 24.
다음 다크모드 설정/해제 방법(모바일) 다음 다크모드 설정/해제 방법(모바일) 1. 모바일 다음앱 다크 모드 설정 방법 1) 다음 앱에서 왼쪽 상단의 메뉴 버튼(짝대기 3개) 를 누른다. 2) 오른쪽 상단의 톱니바퀴 모양의 설정 버튼을 누른다. 3) 앱설정의 화면설정을 누른다. 4) 다크 모드를 해제하려면 라이트를 다크 모드를 설정하려면 다크모드를 설정하면 된다. 2023. 11. 24.
모바일(핸드폰)에서 다음 PC버전 링크 접속 방법 모바일(핸드폰)에서 다음 PC버전(데스크탑) 링크 접속 방법 모바일 다 앱이나 크롬, 안드로이드 인터넷을 사용하다 보면 URL로 검색해야 할때 다음 검색 페이지나 카페등을 PC버전으로 봐야할때가 있지만 그냥 보기에는 PC버전으로 바꿀수 있는게 잘 보이지 않는다. 그래서 핸드폰으로도 PC버전으로 다음, 다음 카페등에 접속하는 방법을 준비했다. 1. 다음, 네이버 앱일때 PC버전으로 변경(방법 동일) 1) 다음에 접속한다. 2) 검색화면이나 카페화면등에서 스크롤을 맨아래까지 내린다. 3) 아래로 내린화면에서 맨아래쪽에 PC버전이라고 쓰인 버튼을 클릭하면 PC버전으로 바뀐다. 2. 크롬 앱일때 PC버전으로 변경 1) 크롬 → 다음에 접속한다. 2) 오른쪽 상단의 점3개 버튼을 누른다. 3) 메뉴에서 데스크톱 .. 2023. 11. 24.
NVM 설치 및 버전 변경 방법 NVM 설치 및 버전 변경 방법 프로젝트의 환경설정을 하다가 보면 Node.js의 버전이 달라서 Node.js를 다시 지우고 다시 그 버전에 맞는 Node.js를 다시 설치해야하나 하고 생각 할 수도 있다. 그래서 Node.js의 버전을 쉽게 바꿀수 있는 NVM이 있다. NVM은 node version manager라고 하는데 NVM을 통해 쉽게 원하는 버전을 설치, 변경 할 수 있다. 1. NVM 설치 https://github.com/coreybutler/nvm-windows/ GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go. A node.js versio.. 2023. 11. 24.
반응형

티스토리툴바