본문 바로가기
자바스크립트에서 siblings() 사용하기 get siblings in pure javascript 자바스크립트에서 jQuery 없이는 너무 귀찮았던 형제선택, siblings()를 써 봅시다. HTML 간단한 예를 위한 DIV 3형제입니다. JavaScript ES6 var siblings = t => [...t.parentElement.children].filter(e => e != t); var one = document.getElementById('one'); console.log(siblings(one)); ------------------------------ ▶ (2)[div#two, div#three] 위의 ...는 HTMLCollection을 배열로 만들기 위한 것입니다. Array.from() 등을 사용해도 되겠죠 filter()는 조건을 통과하는 요소를 배열로 반환합니다. 즉 부모노..
블루투스 연결시 음악어플 자동재생(빅스비루틴/굿락루틴) 갤럭시유저라면 유용하게 사용하는 빅스비 루틴 / 굿락 루틴에서의 음악앱 자동재생 기능에 대해 알아봅시다. 어떤 조건이 충족되면 -> 동작한다 라는 간단한 명령이지만 삶의 여러 부분을 편리하게 바꿔주는 어플입니다. 개인적으로 Tasker도 사용해봤지만 대다수 유저들에겐 루틴이 더 편하고 접근성이 좋습니다. 기존의 루틴 예시를 들어, 조건은 자동차 탑승으로 가정하겠습니다. 제 자동차에 시동을 걸면 블루투스가 연결되고 Melon 앱을 실행하게 됩니다. 그러나 위와 같이 설정하면, 자동차 시동을 걸었을 때 멜론 어플리케이션은 자동으로 실행되지만 재생버튼은 내가 직접 눌러야 합니다. 미디어 재생으로 변경하기 '미디어 재생' 으로 동작을 설정해주면 기본적으로 Samsung Music 어플리케이션이 동작합니다. 이것..
windows 오래된 파일 삭제 경로의(하위 디렉토리 포함) .txt 확장자 중 15일 이전 파일을 모두 삭제합니다. FORFILES /P 경로 /S /M *.txt /D -15 /C "cmd /c del @file" 참고 /S 하위폴더 포함 /M 검색어 /D 날짜 (-15 인 경우 15일 이전까지) /C 명령어 /C 명령어 옵션 변수 설명 @FILE 파일 이름 @FNAME 확장명 없는 파일 이름 @EXT 파일 이름 확장명 @PATH 파일의 전체 경로 @RELPATH 파일의 상대 경로 @ISDIR 디렉토리면 TRUE로, 그렇지 않은 경우 FALSE @FSIZE 파일 크기 (바이트) @FDATE 파일을 마지막으로 수정한 날짜 @FTIME 파일의 마지막 수정 타임스탬프 Microsoft forfiles https://docs.microso..
background-color 프린트하기 문제 웹페이지를 프린트하는데 background-color, color 속성이 적용되지 않고 무시됐습니다. 상황 프린트 시 레이아웃 고정을 위해 @media print 를 사용하는 전용 스타일시트를 사용중이었습니다. 시도1 브라우저의 프린트 옵션에서, background graphics 를 체크해 프린트. 실패. IE 역시 비슷한 옵션이 존재했지만 IE에서도 실패. 시도2 검색결과, 아래 CSS를 통해 해결할 수 있다는 대부분의 글을 확인했지만 적용되지 않았습니다. (크롬 사용) @media print{ .target { -webkit-print-color-adjust: exact !important; } } 시도3 background-color 속성을 background로 변경하면 적용된다는 글을 확인..
FullCalendar 예제/데모 자바스크립트 달력 라이브러리에서 가장 많이 사용된다고 생각하는 FullCalendar의 샘플코드입니다. codepen의 이름모를 출처를 참고했습니다. 급하게 사용하려고 만들다 보니 코드가 더러운데 시간을 핑계로 방치하고 있다가 그래도 공유해놓으면 부끄사하기 싫어서라도 고치지 않을까 싶어 올려봅니다. 클릭/드래그로 일정추가/수정일정 hover시 팝업일정 리사이즈일정 드래그앤드롭카테고리, 작성자로 필터링일정별 색상지정데모를 위해 일정 데이터는 json파일을 사용하고 있습니다.데이터베이스와 함께 사용하실 땐 ajax 부분을 수정하시구요 쿼리 짜실땐 그대로 넣었다 빼기만 하면 되서 편하실 거라 위안해 봅니다... ( 조금씩 수정중 )미리보기https://saintsilver.github.io/FullCalend..
[javascript] 모바일 유저 체크 window.mobilecheck = function() { var check = false; (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207..
[java]파일 여러개 압축 후 다운로드 하나의 HTTP 요청에 대해 여러개의 파일 일괄다운로드를 제공할 수 없어서 파일을 압축 후 다운로드 제공. String zipFile = "E:/test.zip"; String downloadFileName = "result"; List sourceFiles = new ArrayList(); sourceFiles.add("E:/file1.txt"); sourceFiles.add("E:/file2.txt"); sourceFiles.add("E:/file3.txt"); try{ // ZipOutputStream을 FileOutputStream 으로 감쌈 FileOutputStream fout = new FileOutputStream(zipFile); ZipOutputStream zout = new ZipOu..
구글 스프레드시트 API 활용하기 : INSERT 지난 포스트에 이어 구글 스프레드시트에 동적으로 데이터를 삽입해 보겠습니다. 먼저 스프레드시트 하나를 준비해 주세요. 저는 지난 포스팅에 썼던 시트를 쓰겠습니다. 스크립트 작성, 배포 시트가 준비되셨다면, 메뉴에서 도구-스크립트 편집기로 이동합니다. 그리고 스크립트에 아래 코드를 붙여넣으세요! //var SHEET_NAME = "시트1"; var SCRIPT_PROP = PropertiesService.getScriptProperties(); function doGet(e){ return handleResponse(e); } function doPost(e){ return handleResponse(e); } function handleResponse(e) { var lock = LockService.g..

티스토리툴바