반응형
input[type=text]::-ms-clear {display: none;}

 

반응형
반응형
  1. [시작] 을 클릭하고 검색 창에 cmd.exe를 입력하세요.



    1. 프로그램 아래의 cmd를 마우스 오른쪽 버튼으로 클릭하고 [관리자 권한으로 실행]을 클릭하세요.



    1. 사용자 계정 컨트롤 메시지가 나타나면 관리자 암호를 입력하거나 [예]를 클릭합니다.

    1. 아래의 내용을 복사한 다음 명령 프롬프트 화면에서 마우스 오른쪽 버튼을 클릭하고 [붙여넣기]를 클릭하세요.
    2. @echo off
      taskkill /f /im explorer.exe
      attrib %userprofile%\appdata\local\iconcache.db -s -r -h
      del /q %userprofile%\appdata\local\iconcache.db
      start explorer.exe
      exit
      

    1. 위 작업이 완료되면 명령 프롬프트Windows 탐색기가 자동으로 닫히고 바탕 화면 아이콘과 작업 표시줄이 약 2초 동안 사라졌다가 다시 나타납니다.

    1. 컴퓨터를 다시 시작하고 아이콘이 정상적으로 표시되는지 확인하세요.


    반응형
    반응형

    모바일 웹 개발시 유용한 팁


    [Viewport] - 기본설정
    모바일 웹브라우저의 기본 화면크기 및 확대/축소 배율등을 정하는 모바일 웹사이트 및 웹앱을 만들시 제일 중요한 Meta 태그입니다.
    기본적으로 아이폰의 사파리 웹브라우저는 넓이가 980px인 해상도로 보여주기 때문에 아이폰에서 아이폰3G(S)에 맞춰 디자인 한 웹페이지(320x480)를 본다고 가정한 경우 뷰포트를 설정하지 않는다면 가로 좌우 여백이 330px의 여백이 남는 아주 작은 화면을 보게 됩니다.
    다음처럼 뷰포트를 사용하면 1:1 비율로 아이폰의 해상도에 맞게 최적화 할 수 있습니다.

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    width : 넓이 - device-width | N px (200~10000 px, default 980 px)
    height : 높이 - device-height | N px (223~10000 px)
    initial-scale : 초기 확대/축소 배율
    minimum-scale : 최소 축소 배율 - N (0~10, default 0.25)
    maximum-scale : 최대 확대 배율 - N (0~10, default 1.6)
    user-scalable : 확대/축소 가능 여부 - yes | no (default yes)

    각각의 설정 값과 기본 값은 위와 같으며, 사용자에 따라 최적화된 환경을 제공할 수 있도록 각각의 속성을 설정하는것이 중요합니다.


    [자동 전화걸기 태그 방지] - 기본설정 
    <meta name="format-detection" content="telephone=no" />
    전화번호형식의 경우 자동으로 전화걸기로 연결되는데 no로 할 경우 불가능하도록 한다.
    // [전체화면 모드]가 적용된 경우는 자동 전화걸기 태그 방지가 먹지 않습니다.;;


    [홈 화면 아이콘] - 기본설정
    아이폰의 경우 웹 페이지를 앱처럼처럼 홈 화면에 바로가기를 추가할 수 있습니다.
    단순히 아이콘만 설정 가능한 것이 아니라 아이폰의 홈 화면 아이콘들의 공통점인 라운드 박스 효과는
    기본적으로 적용되고, 반사광 효과의 적용 유무를 추가로 선택이 가능합니다.

    // 반사광 효과를 주는 경우
    <link rel="apple-touch-icon" href="../images/icon.png" />
    // 반사광 효과가 없는 경우
    <link rel="apple-touch-icon-precomposed" href="../images/icon.png" />
    apple-touch-icon.png / apple-touch-icon-precomposed.png 의 파일명으로 도메인의 최상위 경로에 올려두면
    위의 link 태그를 적용하지 않아도 홈 화면에 추가시 아이콘이 적용됩니다.
    기기별 홈 아이콘 이미지 사이즈
    : 아이폰3G, 아이폰3GS [ 사이즈: 57*57 ]
    : 아이패드 [ 사이즈: 72*72 ]
    : 아이폰 4 [ 사이즈: 114*114 ]

    홈 아이콘 작업시 주의사항!!
    - 이미지는 네모 : 사파리 브라우저에서 홈 아이콘 등록시 기본으로 라운드 박스 효과 적용됩니다.
    - 라운드 박스 작업 No : 이미지를 라운드 박스로 작업할 경우 홈아이콘 추가시 깨져보임니다.
    - 반사광 없이 작업 : 기본으로 반사광이 들어가며, 반사광 여부를 설정할 수 있습니다.
    - 이미지는 png로 저장!!


    [파비콘] - 기본설정 추천
    안드로이드 스마트폰은 버전에 따라 홈화면 아이콘 및 파비콘을 홈화면 아이콘으로 사용합니다.
    일부 낮은 버전에는 책갈피 모양만 나오는 경우가 있습니다.
    파비콘 *.ico
    포토샵 & 아래 사이트를 이용해 이미지를 만들수 있다.
    http://www.favicon.cc/ 그림판 같은.. 도트로 파비콘을 만들 수 있는 사이트
    http://www.degraeve.com/favicon/ 직접그려서 만들수도 있고, 기존 이미지 변환도 시켜준다
    <link href="/favicon.ico" rel="shortcut icon">
    홈 아이콘 & 파비콘 등록 방법 : link & root & js (아이폰vs안드로이드 & 버전에따라 넣을경우는 js을 이용합니다.)


    [툴바감추기] - 기본설정  (세트)
    자바 스크립트로 웹 페이지에 접속시 자동으로 스크롤을 상단의 주소 표시줄만큼 내려 상단의 주소표시줄이 사라진 것 처럼 만들수 있습니다.
    <script type="text/javascript">
    window.addEventListener('load'function(){setTimeout(scrollTo, 001);
    }, 
    false);
    </script>


    [전체화면 모드] 아이폰용  (툴바감추기도 적용되어 있어야 적용됩니다.) (세트)
    웹 페이지를 홈 화면으로 추가하면 특정 Meta 태그를 통해 웹 브라우저의 상단의 주소 표시줄과 하단의 버튼 Bar를 없앨 수 있습니다.
    단 홈 화면에 추가한 후 홈 화면의 아이콘을 통해 접속 했을 경우에만 적용이 됩니다.
    <meta name="apple-mobile-web-app-capable" content="yes">
    자바스크립트의 window.navigator.standalone의 결과값(true/false)으로 전체화면 모드 유무를 알 수 있습니다.


    [스플래시 스크린] 아이폰용  (세트)
    스플래시 스크린이란 웹 페이지를 홈 화면에 추가한 후 실행할때 잠깐동안 로고나 이미지를 보여주고 사라지는 화면입니다.
    <link rel="apple-touch-startup-image" href="/images/startup.png">
    전체화면 모드에서 설명한 apple-mobile-web-app-capable Meta 태그를 적용해야 스플래시 스크린도 적용됩니다.
    <meta name="apple-mobile-web-app-capable" content="yes" />
    덧. 빠르게 화면이 열릴때는 안보이거나 잠시 보여진 후 화면이 메인으로 넘어감니다.

      스플래시 스크린 이미지 사이즈
      - iPhone3 320 * 480 => 320 * 460
      - iPhone4 640 * 960 => 640 * 940
      - 아이패드 768 * 1024 =>768 * 1004


    [상태바 색상 설정] (bar에 style 입히기) 아이폰용 (세트)
    아이폰 상단의 상태 Bar의 경우 3가지 테마를 Meta 태그로 설정할 수 있습니다.
    특별한 기능이 있는건 아니지만 디자인을 좀 더 통일성 있게 만들수 있다는 점에서 원하는 색상으로 적용하시면 됩니다.
    <meta name="apple-mobile-web-app-status-bar-style" content="default"> // 기본 밝은 계열
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> // 검정색
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> // 반투명 검정색
    : 반투명하게 할 경우 bar 높이만큼(20) 여백을 주어야 합니다. 아니면 본문내용이 반투명한 바와 겹치게 됩니다.


    [화면 높이가 너무 짧을 경우]
    <meta name="viewport" content="height=device-height,width=device-width" />
    : 경우에 따라 사용하셔야 합니다. 세로화면에서 적용한 경우 가로모드로 돌려볼 경우 화면깨짐 현상이 생겨남니다.
    세로 고정인 웹앱인 형태나 가로모드지원을 안하는 모바일 웹작업할 경우 유용할 듯 합니다.
     

    2. css 

    [폰트 사이즈 고정하기] - 기본설정
    모바일 디바이스의 경우 화면을 가로/세로로 전환할 수 있습니다. 웹킷 기반의 웹 브라우저는 뷰포트의 크기에 따라
    폰트 사이즈가 변경되는데 보통 그러한 기능이 화면을 깨트리는 경우가 발생하여 CSS를 이용해 폰트 사이즈를 고정시키기도 합니다.
    폰트 사이즈를 고정시키려면 고정시킬 곳에 다음 CSS를 추가하면 됩니다.
    -webkit-text-size-adjust:none;
    -webkit-text-size-adjust - auto | none | N% (default auto)


    [css의 분리]
    <link rel="stylesheet" href="small-screen.css"  type="text/css" media="only screen and (max-device-width: 480px)"  />



    3. mobile기법 

    ir 기법 & 스프라이프기법



    4. tel schema  

    스키마 링크
    tel: 스키마 : <href="tel:12345678900">Call me</a> 
    sms: 스키마 : <href="sms:12345678900">Send me a text</a>


    ----------------------------------------------------------------------------------

    rotation
    window.onorientationchange = function() {
      
    alert(window.orientation);
    }
     


    터치 이벤트 핸들러
    touchstart
    touchmove
    touchend
    touchcancel


    터치 제스처 핸들러
    gesturestart
    gesturechange
    gestureend


    개발 관련 샘플




    validator 


    UI frame work
    PhoneGap- Create Applications with HTML and Javascript : http://www.phonegap.com/
    iPhone User Interface Framework : http://code.google.com/p/iui/


    개발 사이트
    오페라 미니 미리보기(JAVA) : http://www.opera.com/mobile/demo/


    디자인 관련
    모바일 사이트 샘플 : http://www.mobileawesomeness.com/


    CSS3 관련 
    모바일 사이트 샘플
    CSS3 Box-sizing
    CSS3 Colors
    CSS3 selectors
    CSS3 Rounded corners (border-radius)
    CSS3 Text-shadow
    CSS3 Box-shadow
    CSS3 Transforms
    CSS3 Multiple backgrounds
    CSS3 Border images
    CSS3 Background-image options
    CSS3 Transitions
    CSS3 Multiple column layout
    CSS3 Grident



    크로스 브라우징
    /* FireFox 3.6 */ background-image: -moz-linear-gradient(top, #9FD4FF, #008CFF); /* Safari4+, Chrome */ background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #008CFF),color-stop(1, #9FD4FF)); /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FD4FF', endColorstr='#008CFF'); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FD4FF', endColorstr='#008CFF')";


    font-face


    html5 관련

    html 레이아웃만들기

    html cavas 예제

    Canvas (basic support)
    Audio element
    Video element


    GEO관련

     

    반응형
    반응형
    http://www.microsoft.com/ko-KR/software-download/windows10

     

    위 링크에서 자신의 PC에 맞는 버전을 선택하여 다운로드 후 설치하면 된다.

    정품라이센스 Key가 필요하므로 불법 인증을 통해 사용중인 사용자는 설치가 불가능하다.

    반응형
    반응형

    리눅스 시스템에서 주기적으로 파일과 데이터베이스 백업을 하는 방법에 대하여 설명하겠다.

     

    1. 정책 세우기

    언제마다 백업을 할 것인가? 백업 방식은 어떤것인가? 백업 유지 기간은? 백업 저장소는 어떤 것인가?

     

    1) 백업 주기 정책

    대부분의 서버에서 접속자가 가장 낮을때는 4:00 AM ~ 4:30 AM 입니다.

    그래서 많은 사람들이 새벽 4:00 에 백업이 이루어지게 설정합니다.

     

    하루에 2번 백업하고 싶으면 오전/오후 4:00 에 백업을 하도록 합시다.

     

    2) 백업 방식 정책

    백업이라는 것이 데이터를 복사해 두는 것이기 때문에 하드디스크의 여유공간이 많아야 합니다.

    # df -h

    명령어를 통해서 저장할 디스크의 여유공간이 충분한지 파악해 봅시다.

     

    또 백업에는 CPU의 연산이 이루어집니다. (파일을 읽어서 새로운 곳에 기록)

    압축 백업 : (tar -czpf 백업) 일반적으로 많이 쓰이는 백업입니다. 이 작업에는 CPU 가 많이 사용됩니다.

    10GB 미만 압축이면 상관없는데 그 이상의 대용량의 압축 백업은 주의가 필요합니다. 백업 시켜놓고 CPU 사용량을 확인하세요.

    복사 백업 : (cp -R 백업) 압축하지 않고 복사만 합니다. 사용 용량을 많이 차지하지만 (압축하지 않는다는 뜻) 백업할 때 CPU 사용량이 크게 증가하지는 않습니다.

    증분 백업 : (rsync 백업) 변동사항만 비교하여 백업합니다. 비교를 위해서 파일은 항상 압축되지 않은 상태로 보관됩니다.

     

    3) 백업 유지기간 정책

    – 몇일치를 보관할 것인가? 또는 몇개의 백업 파일을 보관할 것인가?

     

    4) 백업 저장소 정책

    – 백업 파티션을 나누어서 저장?

    – 디스크를 새로 장착하여 저장?

    – FTP 등을 사용해서 원격 저장?

    http://blog.lael.be/post/1387 글을 참조하여 별도의 백업서버의 폴더를 연결(mount)하여 백업을 해보도록 하자.

     


     

    2. 설정된 정책을 바탕으로 백업 세팅하기

    백업 정책 예시 :

    – 하루 2회 오전/오후 4시에 백업.

    – 파일과 디비(MYSQL or MariaDB) 백업.

    – 백업 저장소는 동일 디스크의 /backup 폴더.

    – 백업 파일은 10일치를 보관한다.

     

    작업은 root 권한에서 실행한다.

    # su -l root    나   # sudo su    등의 명령어로 root 권한으로 상승하여라.

     

    1) 백업이 저장될 폴더 만들기.
    # mkdir /backup

     

    2) 퍼미션 조정
    # chmod 700 /backup

     

    3) 백업 스크립트 작성
    # cd /root
    # vi backup.sh

     

    tar 명령어는 파일 압축 백업을 실시합니다.

    mysqldump 명령어는 데이터베이스 백업을 실시합니다.

    find 관련 명령어는 10일이 지난 파일을 삭제합니다.

     

    — tar 와 mysqldump 는 여러 줄 쓰셔도 됩니다.

    — 설정을 바꿀 수 있는 부분은 파란색빨간색으로 표시하였습니다.

     

    #!/bin/bash
    tar -czpf /backup/myuser.`date +%Y%m%d%H%M%S`.tgz /home/myuser/www 1>/dev/null 2>/dev/null
    mysqldump --extended-insert=FALSE -uroot -pmypassword mydbname > /backup/mydbname.`date +%Y%m%d%H%M%S`.sql
    find /backup/ -type f -mtime +10 | sort | xargs rm -f

     

    아래 내용을 더블클릭해서 복사한 후 사용하여라.

    1
    2
    3
    4
    #!/bin/bash
    tar -czpf /backup/jingjing.`date +%Y%m%d%H%M%S`.tgz /home/minecraft3s/jingjing 1>/dev/null 2>/dev/null
    mysqldump --extended-insert=FALSE -uroot -pjingjing.kr sir_doc > /backup/sir_doc.`date +%Y%m%d%H%M%S`.sql
    find /backup/ -type f -mtime +10 | sort | xargs rm -f

    스크린샷 2015-06-14 오후 10.38.04

    4) 백업 스크립트 실행권한 설정
    # chmod 700 backup.sh

     

    5) 연습삼아 실행
    # ./backup.sh

     

    6) 확인

    # cd /backup

    # ll -h

    스크린샷 2015-06-14 오후 10.11.03

    이 때 total 에 나온 용량과 df -h 명령어에 나온 여유공간을 비교하여 백업 정책이 적합한지 판단한다. (디스크 여유공간 비교)

    backup.sh 의 find 관련 명령어에서 10 이라는 숫자를 변경하면 된다. (디스크 용량이 부족할 경우 5일치만 저장하도록 바꾸셔야겠죠?)

     

    7) 주기적인 실행

    cron (예약관리자 실행 프로그램)에 매일 오전/오후 4시 0분에 실행되도록 설정한다.

    # crontab -e
    0 4 * * * /root/backup.sh 1>/dev/null 2>/dev/null
    0 16 * * * /root/backup.sh 1>/dev/null 2>/dev/null

     

     

    스크린샷 2015-06-15 오후 2.17.41

     

     

    8) 확인

    잠자고 일어나서 /backup 폴더에 백업이 잘 되었나 확인해 본다.

     

    반응형
    반응형

    작업 방법 1. administrator(관리자 권한) 변경

    1. Windows 로고 키 + x  를 누른 후 명령 프롬프트(관리자)을 선택합니다.
    2. 명령 프롬프트에서 아래의 명령을 입력 후 enter 키를 누룹니다.(입력이 어려울 경우 복사 후 명령 프롬프트에서 마우스 우측 키를 누르고 붙여넣기 합니다.)
    3. net user administrator /active:yes
    4. Windows 로고 키 + x 누른 후 종료 또는 로그 아웃에서 로그 아웃을 선택합니다.
    5. 왼쪽 아래에 administrator 계정이 생성된 것이 보입니다. administrator 계정을 선택 후 로그인 합니다.(처음 시작시 시간이 다소 소요됌)
    6. 삼성노트북 settings 프로그램 설치합니다
    7. administrator 계정에서 로그 아웃합니다.
    8. 처음 표준 계정을 선택 후 로그인합니다.
    9. Windows 로고 키 + x  를 누른 후 명령 프롬프트(관리자)을 선택합니다.
    10. 명령 프롬프트에서 아래의 명령을 입력 후 enter 키를 누룹니다.(입력이 어려울 경우 복사 후 명령 프롬프트에서 마우스 우측 키를 누르고 붙여넣기 합니다.)
    11. net user administrator /active:no
    12. administrator 계정이 해제됩니다.

    주의: administrator  계정을 사용하시면 보안에 취약해 지므로 반드시 해제 후 로컬 계정을 사용해 주세요.

    반응형
    반응형

    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%>

     

    ${fn:escapeXml(myName)}

     

    반응형
    반응형

    password 자동완성 막기

     

    크롬에서
    아이디 비번 저장 한 경우,
    < input type="password" id="user_pwd" name="user_pwd" autocomplete="off">

     


    이게 한개면 자동으로 세팅된다.
    그래서 가짜 패스워드를 만들어 주면 된다.

     


    < input type="password" id="user_pwd_fake" name="user_pwd_fake" autocomplete="off" style="display: none;">
    < input type="password" id="user_pwd" name="user_pwd" autocomplete="off">
    반응형

    + Recent posts