본문 바로가기

분류 전체보기

 (29)
IR 기법, IS 기법 IR(image replacement) 기법이란 의미있는 이미지를 배경으로 처리하고 그에 상응하는 내용을 text로 기입하는 방법입니다. 방법 1. display:none 2.visibility:hidden 3. overflow:hidden 1. display:none는 센스리더, Jaws, NVDA에서 모두 내용을 읽지 못함 2. visibility: hidden는 센스리더에서는 내용을 읽을 수 있었으나 Jaws, NVDA는 모두 내용을 읽지 못함 3. overflow:hidden의 경우 센스, Jaws, NVDA 모두 내용을 읽을 수 있음 display:none은 화면에서 아주 없애 버리는 것으로 공간을 차지 하지 아니하며, visibility:hidden은 화면에는 안보이나 공간은 차지하고 있습니다..
체크박스 전체 체크 html 전체 남성 여성 javascript /* 체크박스 올 체크 on off */ function check_all(thisobj) { var $this = $(thisobj); if($this.prop("checked") == true) { $this.closest(".check_list").find("input[type=checkbox]").prop("checked", true); } else { $this.closest(".check_list").find("input[type=checkbox]").prop("checked", false); } } /* 체크박스 리스트 체크시 all 체크박스 on off */ function select_list(thisobj) { var $this = $(thi..
[javascript] media query 감지 window.matchMedia 사용 if(window.matchMedia("(max-width: 900px)").matches == true) { // 900px 이하일 경우 원하는 코드 } (max-width: 900px) 부분에 원하는 px을 입력하면 해당 px 이하일 경우 적용이 된다.
[javascript] 모바일 가로 화면 감지 모바일 가로화면 감지 orientationchange 사용 window.addEventListener("orientationchange", function() { if(window.orientation == -90 || window.orientation == 90) { //가로화면일 때 } else { //세로화면일 때 } }, false); window.orientation 값이 0일 경우는 세로화면이고 90일 경우와 -90일 경우가 각각 오른쪽 가로화면, 왼쪽 가로화면 입니다. if 문 안에 가로화면일 때 원하는 코드를 넣으면 됩니다. 초기 실행시 orientation 감지 document.addEventListener("DOMContentLoaded", function(){ if(window.ori..
[javascript] mobile 레이어 팝업 시 스크롤 막기 팝업 열때 $("html, body").css({"overflow":"hidden", "height":"100%"}); $("#pop").bind("touchmove", function(e) { e.preventDefault(); }); $("#pop .popIn").bind("touchmove", function(e) { e.stopPropagation(); }); 1. html과 body 높이를 100%로 설정하고 오버되는 부분은 없앤다. 2. 팝업 최상단 부모의 터치를 금지시키고 3. 팝업 컨텐츠 부분에서 터치 이벤트가 확산되는걸 방지 이렇게 하면 레이어 팝업에서 배경 레이어 부분은 터치 이벤트가 안되고 가운데 컨텐츠 부분은 터치 이벤트가 작동한다. 팝업 닫을 때 $("html, body").css..
[javascript] 팝업창 종료 감지 팝업 관련 작업을 하다가 팝업창 종료 시점을 감지해야 할 경우가 있는데 아래 코드와 같이 작성하게 되면 종료 시점을 감지해 코드 실행이 가능합니다. var uri = '팝업창 경로; var popupName = '팝업 창 이름'; var options = '팝업 옵션'; var openDialog = function(uri, name, options, closeCallback) { var win = window.open(uri, name, options); var interval = window.setInterval(function() { try { if (win == null || win.closed) { window.clearInterval(interval); closeCallback(win); } ..
[jquery] 유동적인 테이블 셀 병합 - rowspan 위와 같이 주문번호가 같을 시에 고객명, 주문번호, 주문총액의 row를 합쳐주는 스크립트입니다. var table = []; var table_count = 1; var k = 0; $("#eTable tbody").find("tr").each(function(i,v) { table.push($(v).find("td:nth-child(2)").text()); }) for(var i=0; i
git 명령어 모음(CLI) git이란 버전관리 시스템으로 개발자간 협업하기 위해 사용됩니다. github이나 gitlab 등의 클라우드 저장소에 저장을 하고 버전을 관리합니다. 깃은 CLI 방식(명령 프롬프트)과 CUI방식이 있습니다. 깃 초기화 git init : 해당 폴더에 .git이란 폴더가 생김(로컬 저장소) 깃 파일 선택 git add 파일이름 깃 모든 파일 선택 git add . 깃 메시지 작성 git commit -m "작성할 메시지" 생성한 커밋 보기 git log 원격 저장소 설정 git remote add origin 저장소주소 저장소에 올리기 git push 브랜치이름 다른사람 원격 저장소 가져오기 git clone 저장소주소 현재 폴더에 다른사람 원격 저장소 가져오기 git clone 저장소주소 . 원격 저장..

티스토리툴바