분류 전체보기140 [페이지인식] 페이지 인식소스 업그레이드 버전 코딩/제이쿼리 2022. 6. 1. 웹사이트 코딩을 할 때, 현재 페이지가 어느 위치에 속해 있는지 메뉴에 표시를 해주고 싶을 때가 있다. 예전에 블로그에 쓴 글은 각 페이지마다 jquery 스크립트를 넣어 일일이 eq값을 입력해서 on class를 붙여주는 방식이었는데.. 지금 생각해보면 매우 비효율 적인 방법.. 이번에는 자동으로 페이지 location 값을 가져와서 on class를 붙여주는 방법을 써보겠다. 물론 인클루드 상태일 때도 가능하다. 공통 스크립트 파일에 스크립트를 한번만 넣어주면 됨. html 마크업 예시 메뉴1 메뉴2 메뉴3 메뉴4 on 클래스 스타일을 만들어주고.. .sidebar-menu li {width:100px; height:30px; color:darkgray;} .sidebar-menu li.on {col.. 덱헤슘 거북선 키보드 내돈내산 (feat.허니 밀크 키캡) 리뷰/IT기기 리뷰 2022. 5. 31. 덱헤슘 거북선의 명성을 듣고 저소음적축으로 구매해봄!! (글은 나중에 썼지만 듀가드 토러스보다 먼저 구매함) 풀윤활 된 커스텀을 구매하고 싶었지만 품절이라.. 기다릴까 말까 하다가 언제 풀릴지 모르니까 그냥 사버렸다. 근데 이틀만에 커스텀 풀린건 비밀 ㅜㅜㅜㅜㅜㅜ 요새는 2주에 풀린다는 말이 있으니 구매하실거면 참고! 구매 후에 이온크루 본사에 LED를 추가 가격을 물어봤더니 커스텀 가격과 동일하게 25,000원만 더 내면 된다고 했다. 그런데 풀윤활을 진행할 시에는 커스텀과 다르게 전체 스위치 디솔더링을 진행해야 해서 58,000원이라는 추가비용이 더 붙는다고 한다... 젠장..ㅠㅠㅠ 포기. 윤활을 할거면 꼭 커스텀으로 25,000원만 추가해서 구매하는게 이득임!! 거북선을 처음 타건해본 느낌은.. 일.. 듀가드 토러스 K320KR 스노우 내돈내산 후기 (feat. 화성키캡) 리뷰/IT기기 리뷰 2022. 5. 31. 한동안 무접점의 매력에 빠져있다가(앱코KN10 사용해봄) 덱거북선 저소음 적축을 타건 해 본 이후로 저소음적축의 매력에 빠져서.. 덱거북선을 구입해서 사무실에서 열심히 쓰고있다. 나에게 키보드란!! 무조건 RGB뽕을 뿜뿜 느껴야 해서 RGB를 지원안하는건 쳐다도 안봤는데... 처음으로 조명을 무시하고 구매한 것이 덱헤슘 거북선이었다..!! 뭔가 폭신폭신하고 부드러우면서 조용한 것이 넘나 매력적>__ [웹스퀘어] 초기 설치 java_home setting 코딩/웹스퀘어 2022. 3. 7. JAVA를 먼저 설치 한 후 JAVA_HOME 세팅 C:\Program Files\Java\jre1.8.0_321\bin이 방법은 현재(2024년9월) 다음으로 안넘어가짐 ㅜㅜ 위에 OpenJDK 링크 눌러서 설치까지 해줘야경로가 자동으로 잡힌다.뒤로가기 했다가 다시 오면 경로 잡힘. 네트워크 폴더공유 오류 "엑세스 권한이 없습니다" 해결 컴퓨터이야기 2021. 12. 25. windows10 기준이고 11은 테스트해보지 않아서 안될수도 있습니다 ㅜㅜ컴퓨터가 2대라서.. 공유를 하려고 하는데아래처럼 네트워크도 잘 잡히고 폴더도 보이지만....폴더 클릭해서 내부를 보려고 하면...."엑세스 권한이 없습니다" 라고 나오면서 폴더를 열 수가 없었다..환장...ㅠㅠㅠ인터넷 뒤지고 권한 주고 생쇼를 다했는데도 ㅜㅜ 계속 돌아오는건 "엑세스 권한이 없습니다" 방화벽도 꺼보고.. 아래처럼 드라이브 우클릭해서 고급공유 들어갔더니권한도 Everyone으로 잘잡히고 모든 권한도 허용되어 있었다.인터넷을 찾아보고 별짓을 다해도 안됐다가..해결방법을 찾음..! 문제는 공유탭이 아니고 보안탭에서 Everyone 사용자가 없었던것임..아래 방법을 따라 해 보시고 잘 해결되길 바람..! 만약 여기서 .. css 가운데 정렬 transform 코딩/CSS 2021. 11. 1. CSS로 가운데 정렬을 하는 방법은 여러가지가 있음. HTML CODE 가운데 정렬 1. position absolute와 transform을 이용한 방법 코드가 간단하긴 하지만 특정 브라우저에서 컨텐츠가 흐려져 보이는 경우가 있음. .center_wrap{ position: relative; width: 100%; height: 100%; } .center{ position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); } 2. position absolute와 margin을 이용한 방법 컨텐츠의 width, height 값이 정해져 있을때 가능한 방법. width, height 의 절반px 만큼 마이너스 값으로 줘서 맞춤. .cen.. [javascript] 브라우저 전체화면 스크립트 코딩/제이쿼리 2021. 8. 19. 브라우저를 전체화면(풀스크린)으로 전환해주는 버튼 스크립트. 전체화면 버튼을 클릭하면 웹브라우저가 전체화면으로 변경되는 동시에, 창모드 버튼이 활성화 되고 전체화면 버튼은 비활성화 된다. 창모드를 버튼 클릭시 웹브라우저는 이전 크기로 돌아가며 전체화면 버튼이 활성화되고 창모드 버튼은 안보이게 된다. HTML 전체화면 창모드 CSS .close-fullscreen {display: none} javascript var doc = document.documentElement; // 전체화면 설정 function openFullScreenMode() { if (doc.requestFullscreen) doc.requestFullscreen(); else if (doc.webkitRequestFullscreen.. 데논 사운드바 DHT-S216 패스스루 연결 리뷰/IT기기 리뷰 2021. 7. 27. 사운드바 검색을 엄청 하다가 데논 DHT S216 제품으로 구매. 원래는 야마하 SR-B20A 제품을 사려고 했는데 검색하고 검색하고 하다보니.. 야마하가 가성비도 좋고 입문에도 좋지만 데논 S216이 좀더 공간감도 좋고 우위 일거라는 지식인 글을 보게 됨. 가격은 5만원정도 데논이 좀 더 비쌌음. 비싸니까 좀 더 좋겠지 하며 구매하게 됐다. 후.. 그냥 막연히 사면 끝나겠지 했는데 오디오계의 심오한 세상에 발을 담그니 알아야 할게 너무 많음... 어질어질 함 ㅜㅜ 입력 출력이며, 연결 방식이며 케이블 종류??? 뭐 하나 쉬운게 없고 다 공부해야 할 것 투성이..... 호환문제도 있고, 잘 모르면 제 성능을 뽑지 못하는 상황.. 'ㅡ'a 게다가 울집은 [TV + 사운드바] 만 연결하는 간단한 상황이 아니.. [jquery] 셀렉트박스 선택시 다른 셀렉트박스 설정옵션 코딩/제이쿼리 2020. 9. 16. selectbox 옵션 선택시, 2차 selectbox가 옵션에 따라 다르게 보여야 할 때 사용하는 스크립트. HTML 게임값 ▲ / ▼ 홀짝 로또 상태값 ▲ ▼ = 홀 짝 홀홀 홀짝 짝홀 짝짝 1 2 3 4 5 jQuery // search form selectbox $('select[name=search_game]').change(function(){ var $this = $(this).val(); $(this).closest('.form-row').find('select[name=' + $this +']').siblings().hide(); // 보여야 할 select박스를 제외한 select를 가림 $(this).closest('.form-row').find('select[name=' + $thi.. bootstrap 드롭다운 메뉴 hover시 작동하도록 코딩/제이쿼리 2020. 9. 1. 부트스트랩 4.x 버전에서 hover에 대한 data 설정이 빠져버린것 같다;클릭시만 드롭다운되도록....navbar 사용시 너무 불편한것 같아서 hover시 열리도록 스크립트를 찾아봄. css .dropdown-toggle::after { transition: transform 0.15s linear;}.show.dropdown .dropdown-toggle::after {transform: translateY(3px);}.dropdown-menu {margin-top: 0;} /* hover 메뉴때문에 넣음 */ jquery var $dropdown = $(".navbar-nav .dropdown"); var $dropdownToggle = $(".dropdown-toggle"); var $dropd.. 이전 1 2 3 4 5 6 7 8 ··· 14 다음
Comments