반응형
  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">
    반응형
    반응형

    페이스북 developer 에서 app을 새로 생성하면 주는 key를 입력해주면 된다.

     

    You wanted to have Facebook Like Button or Facebook Like Box and other Facebook social plugins on your website. You copy pasted to code Facebook generated for you on your web pages. If you do not have an App ID when you copied this, chances are the Facebook script will complain in your Web Browser’s console (e.g Firebug Console).

    Invalid App Id: Must be a number or numeric string representing the application id.
    FB.getLoginStatus() called before calling FB.init().
     
    all.js#xfbml=1 (line 56)

    To fix this issue, just do a “Create New App” in the Apps section in Facebook. And then go back to the Facebook Social Plugins page, pick a plugin, and regenerate the code for it.

    Your Facebook plugin code before having an App ID:

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";  fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    After you have assigned an App to the plugin

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=<your-16-digit-app-id>";  fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    Notice the difference in the highlighted code? Let me know if this solved your problem in the comment area.

    반응형

    + Recent posts