끄적대기

라디오 박스 텝 간단하게 https://jsfiddle.net/aoiyuki4u/carf36h7/

아이폰XS 너비 xs 375 635 max 414 719 노트9 412 670 노트8 412 718

옛날에 접근성 레이어 팝업에 관한 고민을 한적이 있는데 그 이후로 많은 시간이 흘렀다. 그때 해당 코드는 shift에 관한 고민이 없었던 부분들이 있어서 조금 정리한 내용을 남겨 보려 한다. 써놓고 또 많이 안쓸수도 있지만... 언젠가 다시 또 개선할 날이 오겠지.... HTML : <a class="layerOpen" data-layer-open="layer1" href="javascript:layerOpen('layer1');">열기1</a> <a class="layerOpen" data-layer-open="layer2" href="javascript:layerOpen('layer2');">열기2</a> <div class="layerWrap" id="layer1"> <h2>1</h2> 123123123<br /> <a class="" href="https://www.blogger.com/blogger.g?blogID=1953128756353565733#">123123</a><br /> 123123123<br /> 123123123<br /> <a class="" href="https://www.blogger.com/blogger.g?blogID=1953128756353565733#">123123</a><br /> 123123123<br /> 123123123<br /> 123123123<br /> <a class="btn-layer-close"

추석 제사상 음식 - 동그랑땡 https://yeojinkim.blog.me/221359813736 - 동태전 https://amyzzung.tistory.com/1053 - 산적꼬치 http://bronnley79.tistory.com/entry/%EC%82%B0%EC%A0%81%EA%BC%AC%EC%B9%98-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EB%8F%BC%EC%A7%80%EA%B3%A0%EA%B8%B0-%EC%82%B0%EC%A0%81-%EB%A7%8C%EB%93%A4%EA%B8%B0 - 두부전 https://m.blog.naver.com/PostView.nhn?blogId=jangmars&logNo=220269629747&proxyReferer=https%3A%2F%2Fwww.google.com%2F - 애호박전 https://blog.naver.com/jangmars/220269302791 - 소고기 무우 탕국 http://www.menupan.com/cook/cookqna/cookqna_view.asp?id=87619 - 한꺼번에 끓이기 https://m.blog.naver.com/PostView.nhn?blogId=lh334&logNo=10102411210&proxyReferer=https%3A%2F%2Fwww.google.com%2F https://m.blog.naver.com/PostView.nhn?blogId=pikrl&logNo=220777129057&proxyReferer=https%3A%2F%2Fwww.google.com%2F - 바지락탕 http://www.10000recipe.com/recipe/6872296 - 홍합탕 http://blog.daum.net/_blog/BlogTypeView.do?blogid=0Sr59&articleno=57&categoryId=7&regdt=20110124173912 - 시금치,

.scrollOff{position:fixed;overflow:hidden;height:100%;} // body 스크롤 막음 function scrollOff(){    $('body').addClass('scrollOff').on('scroll touchmove mousewheel', function(e){       e.preventDefault();    }); } // body 스크롤 풀기 function scrollOn(){    $('body').removeClass('scrollOff').off('scroll touchmove mousewheel'); } 지인에게 받은 팁...iOS때문에 여러사람들 고생하네...

if ( 'scrollRestoration' in history ) {   // Back off, browser, I got this...   history . scrollRestoration = 'manual' ; } https://developers.google.com/web/updates/2015/09/history-api-scroll-restoration

https://codepen.io/netsi1964/full/NyzmeQ

1. 버그 발생 현상 표시된 이미지 부분 CSS가 동작하지 않는 현상 검색해보면 해당 속성들이 존재할때 브라우저들이 인식을 못하는 버그가 존재한다는 글들이 나오며 iOS를 제외한 브라우저들은 해당 현상을 고친것으로 나옴. iOS는 z-index 말고  transform :  translate3d ( 0 , 0 , 1px ); 을 사용해서 처리하는 쪽으로 해결책들이 검색됨. 하지만 해결이 안됬음...ㅠㅠ html <div class="img_wrap" style="position:relative;z-index:1;opacity:0;transform: translate(0, 0);"> <img src="/common/img/vin/main/banner02_obj1_180831.png" alt="" style="position:relative;z-index:3;"> <img src="/common/img/vin/main/banner02_obj2_180831.png" alt="" style="position:absolute;top:8%;left:0;z-index:1"> <img src="/common/img/vin/main/banner02_obj3_180831.png" alt="" style="position:absolute;top:8%;left:0;z-index:2"> <img src="/common/img/vin/main/banner02_obj4_180831.png" alt="" style="position:absolute;top:7.1667%;left:9.4667%;width:19.4667%;z-index:1;">

overflow-x : scroll 사용시에 overflow 영역에서 터치로 화면 스크롤이 되지 않는 버그 https://stackoverflow.com/questions/41681251/overflow-x-scroll-inside-a-fixed-div-prevents-vertical-scrolling-on-ios

두 번째로 더 퀴즈 라이브(이하 더퀴라) 리뷰다. 더 퀴즈 라이브 구글 스토어 : https://play.google.com/store/apps/details?id=com.nbt.lockcast.qiz&hl=ko 모의 퀴즈 체험 https://play.thequiz.live/tutorial 점심시간에는 잼라이브랑 시간이 겹쳐서 잘 하지 않는다. 전체적인 방송 시간은 오후 9시 30에 진행한다. 매일 오후 12시 40분, 오후 9시 30분에 진행한다. 점심시간에는 스피드 게임으로 (이하 스겜) 빠르게 진행한다. 보통 12문제를 맞추는 퀴즈앱들과 다르게 10문제만 진행한다. 하트도 사용여부를 본인이 결정할 수 있다.(잼라이브 강제 사용 싫다...) 하트게이지는 문제를 풀때 조금씩 차며  더퀴즈 초이스 문제가 있는데 정답이 없고 많은 사람들이 선택한 것이  정답이 되는 문제인데 게이지를 30을 준다. 보통 사람들이 선택할 것 같은 답을 선택하면 된다. 틀려도 탈락이 아니다.  내 상황을 선택하지 말고 사람들이 선택할 것 같은 답을 위주로 고르자. 보통 무조건 1번을 많이 선택한다. 초이스 문제는 신념을 가지고 투표하지 말자. 중간 OX퀴즈도 있다. 예전엔 진실 혹은 거짓으로 진행했는데 사람들이  왜!?인지 혹은을 정답으로 누르는 사태가 자주 발생해서 변경했다. 출석체크를 유일하게 하는 퀴즈앱이다. 1번 문제를 푼 이후 퀴즈가 끝나고 대기방에서 프로필사진옆 설정버튼을 누르면 출석체크하는 곳이 있다. 포인트와 하트 게이지 그리고 하트를 준다. 2번 문제를 푼 이후는 안된다. 무조건 1번 문제를 풀어야 된다. 출첵과 함께 로또 번호가 배부되고 추첨하는 이벤트가 추가되었다.  상금 금액은 주로 100만원이고 요즘 퀴즈앱들이 상금을 올리고 있는 시즌인지 200~300을 많이 한다. 오전 방송이 사라지고 오후 한번 200만원.

회사 동료에게 퀴즈앱을 추천받고 시작을 해보았음. 한 두 문제 틀릴때나 마지막 문제에서 틀리거나 하니깐 이거 왠지 오기가  생겨서 나름 점심시간 꾸준히(?) 하고 있는 중. 다른 퀴즈앱들은 어떤지 비교를 해봐야 겠다 하는 맘으로 설치하고 퀴즈를 풀어보았음. 모두 치킨값을 벌어보자. 첫 번째로 가장 사람이 많고 상금도 많은 잼라이브 리뷰다. 잼라이브 구글 스토어 : https://play.google.com/store/apps/details?id=tv.jamlive 점심시간에 회사 동료들과 같이 문제를 푸니 확실히 성공 확률이 올라간다. 보통 200만원,  이벤트는 500전 후, 꼴라보시에는 500~1000만원 정도 인듯 하다. 8월에 상금이 두 배인 이벤트를 진행중이다. 가장 먼저 시작된 어플이라 참여자 수도 많고 상금도 많다. 5천원 부터 출금이 가능하며 통장계좌로 넣어 준다. 출금 신청을 하면 2~4일 안으로 입금이 되었던 것 같다. 꼴라보 이벤트를 가장 많이 진행하고 있으며  게릴라 퀴즈, 서바이벌 퀴즈등을 진행하고 있다. 전체적인 방송 시간은 월화수목금 낮 12시 30분,  금요일 저녁 8시 토요일, 일요일 낮2시, 저녁 8시에 진행을 한다. 가끔 10시에도 한다. 평일 12시 30분에 시작해서 45~50분 사이에 종료가 되기 때문에 더 퀴즈라이브(더퀴라)는 같이 할 수 없다. 우승이 아니라면 12번 문제 하트 게이지를 확인한 뒤 바로 페이큐로 넘어가면 페이큐 첫번째 문제부터 풀수가 있다. (잼라 진행이 느린 날은 첫번째 문제를 놓치기도...) 하트게이지는 기존에 탈락자만 문제를 맞힐경우 채워져서 하트가 없을 경우 그날 상금이나 상태를 봐서 첫번째 문제를 틀리거나 이후에 접속헤서 게이지를 채웠었는데 지금은 탈락을 안해도 정답을 맞힐 경우 게이지가 찬다. 추천인 코드를 입력하면 서로

1. 게임 횟수 추가 2. 본인 게임 회차 추가 3. 고정 번호 추가

1.  var _url = document.location.href.split("/"),     _urlPara = _url[3].split("."), //세번 째 배열     _urlParaCate = _urlPara[0];             if(_urlParaCate == 'SubMain01' || _urlParaCate == 'SubMain02' || _urlParaCate == 'customer' ){        console.log('1')     location.href = "1";     }else if(_urlParaCate == 'Page'){     var _pagePara = _url[3].split("="), _pageParaCate = _pagePara[1].substring(0, 2);         if(_pageParaCate=='A0' || _pageParaCate =='B0' || _pageParaCate =='C0' || _pageParaCate =='D0' || _pageParaCate =='E0' || _pageParaCate =='F0'){     console.log('S1')             location.href = "S1";         }hange =="B1"){     console.log('M1')     location.href = "M1";     }else{     console.log('2')     location.href = "2"

http://keycode.info/ 대박

[식재료 가이드] https://blog.naver.com/seoulnutri2017 [쌈] - 참치쌈장(백s) http://bmsj.tistory.com/1223 [도시락] - 캐릭터 https://blog.naver.com/jh83com/221250929758 [부대찌개] http://blog.naver.com/hobaragi201/221216215500 - 사리곰탕면 부대찌개 https://www.dispatch.co.kr/1313486 [토스트] - 마요네즈 마약 토스트 https://blog.naver.com/padamnara/221208977920 - 식빵 꽃 피자 https://blog.naver.com/ssuyeon0524/221190504655 - 계란 샌드위치 http://blog.naver.com/cutesiwoo/221318612477 [치킨] - 치킨마요 http://blog.naver.com/kkury6825/221225001953 [짜장] - 짜장면 http://blog.naver.com/ariel0912/221231342728 [계란] - 계란만두 https://blog.naver.com/hyojung0916/221233616448 [덮밥] - 챠슈 https://blog.naver.com/rltjru/221226984200 https://blog.naver.com/cagycagy/221355557747 [김치] - 오이 깍두기 https://blog.naver.com/aspasia2/221251108160?proxyReferer=https%3A%2F%2Fwww.naver.com%2F - 배추 겉절이 https://blog.naver.com/tkmh1982/221242547545 [김밥] - 오니기리 https://blog.naver.com/elarpi/221256393227 - 양배추 김밥, 샌드위치 https://post.naver.com

iframe  안에서 부모창 링크를 변경 하고 싶을때 ie에서 제대로 동작 하지 않는 버그가 발생하였다. <a href="#"  target="_parent">부모링크변경</a> 이거...브라우저 별로 됬던 적도 있고 다시 버그가 발생하기도 하고 그런가보다. 맘편히 window.parent.location.href 사용하자...

$(document).ready(function($) { var itemList = $('#InfoShow > .list > li'); itemList.on('click', function(){ var idx = $(this).index(); itemList.each(function(i){ itemList.eq(i).find('img').attr('src',itemList.eq(i).find('img').attr('src').replace('_on', '_off')); }); $(this).find('img').attr('src', $(this).find('img').attr('src').replace('_off', '_on')); $('.infoBox').removeClass('on').eq(idx).addClass('on'); });

랜 케이블을 꽂아서 인터넷을 쓰는 노트북에서 공유기 없이  WiFi ZONE을 만드는 방법 을 알아보겠습니다. 저는 공유기를 쓰지 않고 랜선으로 인터넷을 쓰는데요. 요금제도 데이터 750MB 밖에 쓰지 못해서 항상 모자라곤 합니다  그래서 공개된 와이파이를 잡아서 사용하려고 해보았는데요. 핸드폰에서는 되는데 노트북에서는 안되는 것이 있었습니다ㅜㅜ 이렇게 느낌표가 뜹니다. 분명 문제없이 연결됨이 뜨지만 사용할 수 없음 ㅜㅜ 많은 해결방법을 따라해봤지만 안되네요. 조금 다른 내용이었네요 ㅋㅋㅋㅋ 그럼 이렇게 약한 남의 와이파이를 쓰지 않고 빵빵한 나의 와이파이존을 공유기 없이 생성해 보도록 하겠습니다. 우선 랜선을 꽂아  인터넷을 연결 합니다. 그리고 명령 프롬프트에 들어갑니다. 윈도우키+R을 눌러 "실행"창에서 " cmd "를 입력해 실행해 줍니다. 그리고 " netsh wlan show drivers "를 입력한 후 엔터! 하면 정보가 나옵니다. 호스트된 네트워크 지원 : 예 가 되어 있으면 이 노트북은 WiFi존을 만들 수 있는 노트북입니다. 네트워크 지원을 확인했으면 이번에는 " netsh wlan set hostednetwork mode=allow ssid=와이파이이름 key=와이파이비번 " 을 입력해 줍니다. mode=allow는 허용, ssid는 와이파이 연결 시 사용할 이름, key는 와이파이 연결 시 사용할 비밀번호를 뜻합니다. 저는 와이파이 이름을 mywifi로 준 후 엔터를 쳤더니 "이 명령은 명령 프롬프트에서 관리자 권한을 사용하여 실행해야 합니다." 라는 메세지와 함께 와이파이를 생성할 수 없네요. 이럴 때는 관리자 권한으로 실행하지 않아서 모드를 허용할