웹개발자의 기지개

위의 이미지 화면처럼 여러개의 checkbox 와 radio 박스가 혼재되어 있을경우에 jquery 로 아주 간단히 체크여부를 확인하도록 하는 소스를 정리해 보았다. 물론 javascript 형태로 for 문을 돌려서 하는 방법도 있지만, 본 소스처럼 jQuery 를 이용하면 아주 간단히 한줄로 처리할 수 있다. [ 기존 javascript 방법 참고 ] https://wonpaper.tistory.com/308 [javascript] checkbox 전체선택, 전체해제, 선택한 checkbox 내용확인하기 1 javascript 소스상으로 checkbox 의 전체선택, 전체해제 기능과 체크한 checkbox 만의 내용을 확인해보는 간단한 예제를 만들어 정리해 보았다. 실무상으로 자주 쓰이기 때문에 반드..

Mariadb 설치 brew install mariadb 1 2 3 4 5 6 MySQL is configured to only allow connections from localhost by default To have launchd start mariadb now and restart at login: brew services start mariadb Or, if you don't want/need a background service you can just run: mysql.server start leejongwon@ijong-won-ui-MacBookPro ~ % Colored by Color Scripter cs Mariadb 실행한다. brew services start mariadb 최초 ..

위의 캡처이미지처럼 도장이 아래 y축으로 100% 만큼 아래로 애니메이션이 되면서 도장이 찍히도록 코딩해보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 .translate-y{animation: translatey 1s linear 1 ;} @keyframes translatey{ 0%{transform: translateY(0);} 100%{transform: translateY(100%);} } 스탬프찍기 function stampClick(){ $("#stampIcon").addClass('translate-y'); set..

유투브 화면 영상을 해당 코드에 맞게 width,height 각각 100%으로 꽉찬 화면으로 보여주기 코드를 만들어보자. 특히나 반응형 코드 상에서 참으로 유용하다. 웹브라우저 크기를 변형해 가면서 확인해 보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; heig..

구글앱을 등록하여 심사하는 과정에서 앱등록 거부 메세지중에 다음과 같이 기기 및 네트워크 악용 정책 위반 메세지를 받았을때, 특히 WebView 기반의 하이브리드 앱으로 제작하였고, 유투브 등의 영상을 앱으로 재생할때 더더욱 이러한 거부 메세지를 접하게 된다. 결국 백그라운드 상에서 유투브 영상이 재생되지 않도록 해야 된다는 것이다. 아래의 소스를 꼭 추가하도록 하자. 1. AndroidManifest.xml 1 cs 2. 웹뷰가 있는 MainActivity.java 1 2 3 4 protected void onPause() { super.onPause(); webView.onPause(); } cs 참고 : https://0391kjy.tistory.com/12

특정한 값들 중에서 랜덤한 값을 가져올때, 가중치를 적용하여 해당 값을 얻어오고 싶을때, 아래의 소스를 유용하게 이용할 수 있을것 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 Colored by Color Scripter cs 참고 : https://zetawiki.com/wiki/%EA%B0%80%EC%A4%91%EC%B9%98_%EB%9E%9C%EB%8D%A4_%EA%B5%AC%ED%95%98%EA%B8%B0

상기 이미지처럼 여러개의 marker 를 띄우는 방법을 정리해 보았다. 먼저, 카카오 지도 api 상에서 해당 키값을 미리 얻어놓도록 하자. 그리고, 아래의 kakao 지도 api 를 참고로 원하는 항목을 만들어 본다. https://apis.map.kakao.com/web/sample/ 1 2 3 4 5 6 7 8 9 10 11 .customoverlay {position:relative;bottom:50px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;} .customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;} .customoverl..

문자열 칼럼의 경우 상기 이미지와 같이 문자열 순서에 따라 가나다 순으로 이루어지기 때문에 숫자의 경우 1, 100, 20, 32 이런식으로 정렬이 되어 나오는 경우가 있다. 이럴때 아래의 쿼리 형태로 순서 정렬하면 우리가 원하는 대로 문자열칼럼이지만 아래와 같이 정렬시킬수 있다. order by 칼럼명 *1 asc