admin

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

출처-http://support.apple.com/kb/HT1343?viewlocale=ko_KR&locale=ko_KR

OS X 키보드 단축키

일반적인 OS X 키보드 단축키에 대해 알아봅니다. 키보드 단축키는 키보드에서 키 조합을 눌러 OS X의 기능을 호출하는 방법입니다.

키보드 단축키 또는 키 조합을 사용하려면 문자 키와 조합 키를 함께 누릅니다. 예를 들어 command 키( 기호가 있는 키)와 "c" 키를 동시에 누르면 현재 선택한 텍스트, 그래픽 등이 클립보드에 복사됩니다. 이러한 조합 키를 command-C 키 조합 또는 키보드 단축키라고 합니다.

조합 키는 여러 키 조합의 일부입니다. 조합 키는 OS X에서 다른 키 입력 또는 마우스/트랙패드 클릭을 해석하는 방식을 변경합니다. 조합 키에는 command, shift, option, control, caps lock 및 fn 키가 있습니다. 키보드에 fn 키가 있으면 아래 나열된 일부 키 조합에서 fn 키를 사용해야 합니다. 예를 들어 키보드 단축키가 control-F2면 fn-control-F2를 누릅니다.

다음은 OS X 메뉴에서 볼 수 있는 조합 키 기호입니다.

command 키 아이콘(command 키) - 일부 Apple 키보드의 경우 이 키에도 Apple(Apple 로고) 로고가 있습니다.
control 키 아이콘(control 키)
option 또는 alt 키 아이콘(option 키) - 이 키에는 "alt"가 표시되어 있을 수 있습니다.
shift 아이콘(shift 키)
caps lock 아이콘(caps lock) - caps lock 켜기 또는 끄기 전환
fn(기능 키) 

시동 단축키

원하는 기능이 작동하거나 나타날 때까지 키 또는 키 조합을 누릅니다. 예를 들어 시동 관리자가 나타날 때까지 option 키를 누르거나 "안전한 시동"이 나타날 때까지 shift 키를 누릅니다. 정보: 시동 기능이 작동하지 않고 타사 키보드를 사용하는 경우 Apple 키보드로 다시 시도해 보십시오.

option부팅 가능한 모든 볼륨 표시(시동 관리자)
shift안전한 시동(안전 모드에서 시동) 수행
왼쪽 shift자동 로그인 방지
C부팅 가능한 미디어(DVD, CD, USB Thumb Drive 등)에서 시동
TFireWire 대상 디스크 모드에서 시동
NNetBoot 서버에서 시동
xMac OS X 강제 시동(Mac OS X 이외의 다른 시동 볼륨이 있는 경우)
DApple Hardware Test 사용
command-R복구(OS X Lion 이상) 사용
command-V상세 모드에서 시동
command-S단일 사용자 모드에서 시동
command-option-P-RNVRAM/Parameter RAM 재설정
미디어 추출(⏏) 키나 F12 키 또는 마우스나 트랙패드 단추를 길게 누름이동식 디스크 추출

Intel 기반 Mac의 시동 키 조합도 참조하십시오.


잠자기 및 종료 단축키

전원 단추Mac 끔 또는 잠자기 상태로 전환
전원 단추를 길게 누름Mac 강제 종료
command-control-전원 단추Mac 강제 재시동
control-미디어 추출(⏏)재시동/잠자기/종료 대화상자 표시
command-option-미디어 추출(⏏)컴퓨터를 잠자기 상태로 전환
command-control-미디어 추출(⏏)열려 있는 도큐멘트에 대한 변경 사항을 저장할 수 있는 옵션 표시 후 모든 응용 프로그램을 종료한 다음 컴퓨터 재시동
command-option-control-미디어 추출(⏏)열려 있는 도큐멘트에 대한 변경 사항을 저장할 수 있는 옵션 표시 후 모든 응용 프로그램을 종료한 다음 컴퓨터 종료
shift-control-미디어 추출(⏏)모든 디스플레이를 잠자기 상태로 전환

 
Finder 키보드 단축키

command-A전면에 있는 Finder 윈도우(윈도우가 열려 있지 않은 경우 데스크탑)에서 모든 항목 선택
command-option-A모든 항목 선택 해제
command-shift-A응용 프로그램 폴더 열기
command-C선택한 항목/텍스트를 클립보드에 복사
command-shift-C컴퓨터 윈도우 열기
command-D선택한 항목 복제
command-shift-D데스크탑 폴더 열기
command-E추출
command-F일치하는 모든 Spotlight 속성 찾기
command-shift-FSpotlight 파일 이름 일치 항목 찾기
command-option-F이미 열려 있는 Spotlight 윈도우에서 검색 필드로 이동
command-shift-G폴더로 이동
command-shift-H현재 로그인된 사용자 계정 홈 폴더 열기
command-I정보 가져오기
command-option-I속성 보기
command-control-I요약 정보 가져오기
command-shift-IiDisk 열기
command-J보기 옵션 표시
command-K서버에 연결
command-shift-K네트워크 윈도우 열기
command-L선택한 항목의 가상본 만들기
command-M윈도우 축소
command-option-M모든 윈도우 축소
command-N새로운 Finder 윈도우
command-shift-N새로운 폴더
command-option-N새로운 스마트 폴더
command-O선택한 항목 열기
command-shift-Q로그아웃
command-shift-option-Q즉시 로그아웃
command-R(가상본의) 원본 보기
command-T사이드바에 추가
command-shift-T즐겨찾기에 추가
command-option-TFinder 윈도우에서 도구 막대 가리기/도구 막대 보기
command-shift-U유틸리티 폴더 열기
command-V붙이기
command-W윈도우 닫기
command-option-W모든 윈도우 닫기
command-X오려두기
command-option-Y슬라이드쇼(Mac OS X v10.5 이상)
command-Z실행 취소/실행 복귀
command-1아이콘으로 보기
command-2목록으로 보기
command-3열로 보기
command-4Cover Flow로 보기(Mac OS X v10.5 이상)
command-쉼표(,)Finder 환경설정 열기
command-악센트(`)(미국 영어 키보드 레이아웃의 탭 키 위에 있는 악센트 키)열려 있는 Finder 윈도우 순환
command-shift-물음표(?)Mac 도움말 열기
command-왼쪽 괄호([)이전 폴더로 이동
command-오른쪽 괄호(])다음 폴더로 이동
command-위쪽 화살표현재 폴더를 포함하는 폴더 열기
command-control-위쪽 화살표현재 폴더를 포함하는 폴더를 새로운 윈도우에 열기
command-아래쪽 화살표선택된 항목 열기
command-shift-위쪽 화살표데스크탑 활성화
목록 보기에 있는 오른쪽 화살표선택한 폴더 열기
목록 보기에 있는 왼쪽 화살표선택한 폴더 닫기
option-목록 보기의 펼침 삼각형 클릭선택한 폴더 내에 있는 모든 폴더 열기
option-이중 클릭현재 윈도우를 닫고 개별 윈도우에서 폴더 열기
command-이중 클릭개별 윈도우에서 폴더 열기
command-윈도우 제목 클릭현재 윈도우를 포함하는 폴더 보기
command-tab응용 프로그램 주기를 앞으로 전환
command-shift-tab응용 프로그램 주기를 뒤로 전환
command-delete휴지통으로 이동
command-shift-delete휴지통 비우기
command-shift-option-delete확인 대화상자를 표시하지 않고 휴지통 비우기
스페이스 바 또는 command-Y훑어보기(Mac OS X v10.5 이상)
드래그 중 command 키다른 볼륨/위치로 드래그한 항목 이동(키를 누르고 있는 동안 포인터 아이콘이 변경됨--이 문서 참조)
드래그 중 option 키드래그한 항목 복사(키를 누르고 있는 동안 포인터 아이콘이 변경됨--이 문서 참조)
드래그 중 command-option 키 조합드래그한 항목의 가상본 만들기(키를 누르고 있는 동안 포인터 아이콘이 변경됨-- 이 문서 참조)


응용 프로그램 및 다른 OS X 단축키

참고: 일부 응용 프로그램에서는 다음 응용 프로그램 키 조합의 일부를 지원하지 않을 수 있습니다.

command-스페이스 바Spotlight 검색 필드 보기 또는 가리기(여러 언어가 설치된 경우 활성화된 스크립트 시스템 간에 회전할 수 있음)
control-A현재 줄/단락의 처음으로 이동
control-B한 문자 뒤로 이동
control-D커서 앞에 있는 문자 삭제
control-E현재 줄/단락의 끝으로 이동
control-F한 문자 앞으로 이동
control-H커서 뒤에 있는 문자 삭제
control-K커서 앞에 있는 문자부터 줄/단락 끝까지 삭제
control-L커서/선택 영역을 눈에 보이는 영역의 중앙에 위치
control-N한 줄 아래로 이동
control-O커서 뒤로 새 줄 삽입
control-P한 줄 위로 이동
control-T커서 뒤에 있는 문자와 커서 앞에 있는 문자 조변경
control-V한 페이지 아래로 이동
option-delete커서 왼쪽에 있는 단어와 해당 단어 뒤의 모든 공백 또는 구두점 삭제
command-option-스페이스 바Spotlight 검색 결과 윈도우 표시(여러 언어가 설치된 경우 키보드 레이아웃과 스크립트 내의 입력기 간에 회전할 수 있음)
command-tab열려 있는 응용 프로그램 목록에서 다음으로 최근에 사용된 응용 프로그램으로 순방향 이동
command-shift-tab열려 있는 응용 프로그램 목록에서 역방향 이동(최근에 사용된 순서대로 정렬)
shift-tab컨트롤 간에 역방향으로 이동
control-tab대화상자의 다음 컨트롤 그룹으로 또는 tab이 다음 셀로 이동할 때에는 다음 테이블로 초점 이동
shift-control-tab이전 컨트롤 그룹으로 초점 이동
command-escFront Row 열기(설치된 경우)
option-미디어 추출(⏏)보조 광학 미디어 드라이브에서 추출(설치된 경우)
fn-delete휴대용 Mac의 내장 키보드에 있는 오른쪽 방향 delete
control-F1전체 키보드 접근 켜기 또는 끄기 간에 전환
control-F2메뉴 막대로 초점 이동
control-F3Dock으로 초점 이동
control-F4활성화된 또는 다음 윈도우로 초점 이동
shift-control-F4이전에 활성화된 윈도우로 초점 이동
control-F5도구 막대로 초점 이동
control-F6첫 번째 또는 다음 패널로 초점 이동
shift-control-F6이전 패널로 초점 이동
control-F7윈도우 및 대화상자에서 현재 키보드 액세스 모드를 일시적으로 무시
control-F8메뉴 막대의 상태 메뉴로 이동
F9열려 있는 모든 윈도우 타일링 또는 타일링 취소
F10현재 활성 응용 프로그램에 열려 있는 모든 윈도우 타일링 또는 타일링 취소
F11열려 있는 모든 윈도우 가리기 또는 표시
F12Dashboard 가리기 또는 표시
command-악센트(`)전면에 있는 응용 프로그램에서 다음에 열려 있는 윈도우 활성화
command-shift-악센트(`)전면에 있는 응용 프로그램에서 이전에 열린 윈도우 활성화
command-option-악센트(`)윈도우 보관함으로 초점 이동
command-빼기 기호(–)선택한 항목의 크기 축소
command-{선택 항목 왼쪽 정렬
command-}선택 항목 오른쪽 정렬
command-|선택 항목 중앙 정렬
command-콜론(:)영문 철자 검사 윈도우 표시
command-세미콜론(;)도큐멘트에서 철자가 틀린 단어 찾기
command-쉼표(,)전면에 있는 응용 프로그램의 환경설정 윈도우 열기(해당 응용 프로그램에서 키보드 단축키를 지원하는 경우)
command-option-control-쉼표(,)화면 대비 감소
command-option-control-마침표(.)화면 대비 증가
command-물음표(?)도움말 보기에 응용 프로그램의 도움말 열기
command-option-/서체 부드럽게 처리 켜기 또는 크기
command-shift-=선택한 항목의 크기 확대
command-shift-3화면을 파일로 캡처
command-shift-control-3화면을 클립보드로 캡처
command-shift-4선택 항목을 파일로 캡처
command-shift-control-4선택 항목을 클립보드로 캡처
command-A도큐멘트 또는 윈도우의 모든 항목이나 텍스트 필드의 모든 문자 강조 표시
command-B선택한 텍스트를 굵게 표시하거나 텍스트를 굵게 표시 켜기 또는 끄기 간에 전환
command-C선택한 데이터를 클립보드에 복사
command-shift-C색상 윈도우 표시
command-option-C선택한 텍스트의 스타일 복사
command-control-C선택 항목의 포맷 설정을 복사하여 클립보드에 저장
command-option-DDock 보기 또는 가리기
command-control-D선택된 단어의 정의를 사전 응용 프로그램에 표시
command-D열기 및 저장하기 대화상자에서 데스크탑 폴더 선택
또는
저장하지 않음 단추가 포함된 대화상자에서 "저장하지 않음" 선택(Mac OS X v10.6.8 이하)
command-deleteOS X Lion 및 Mountain Lion에서 저장하지 않음 단추가 포함된 대화상자에서 "저장하지 않음" 선택
command-E찾기에 선택 항목 사용
command-F찾기 윈도우 열기
command-option-F검색 필드 컨트롤로 이동
command-G선택 항목의 다음 내용 찾기
command-shift-G선택 항목의 이전 내용 찾기
command-H현재 실행 중인 응용 프로그램의 윈도우 가리기
command-option-H실행 중인 다른 모든 응용 프로그램의 윈도우 가리기
command-I선택한 텍스트를 이탤릭체로 표시하거나 이탤릭체 텍스트 켜기 또는 끄기 간에 전환
command-option-I속성 윈도우 표시
command-J선택 항목으로 스크롤
command-M활성 윈도우를 Dock으로 최소화
command-option-M활성 응용 프로그램의 모든 윈도우를 Dock으로 최소화
command-N전면에 있는 응용 프로그램에 새 도큐멘트 생성
command-O전면에 있는 응용 프로그램에서 열려는 도큐멘트를 선택할 수 있는 대화상자 표시
command-P프린트 대화상자 표시
command-shift-P프린트 매개변수를 지정할 수 있는 대화상자 표시(페이지 설정)
command-Q전면에 있는 응용 프로그램 종료
command-S활성 도큐멘트 저장
command-shift-S별도 저장 대화상자 표시
command-T서체 윈도우 표시
command-option-T도구 막대 보기 또는 가리기
command-U선택한 텍스트에 밑줄을 긋거나 밑줄 긋기 켜기 또는 끄기
command-V삽입 지점에 클립보드 내용 붙이기
command-option-V한 대상체의 스타일을 선택한 대상체에 적용(스타일 붙이기)
command-shift-option-V주변 텍스트의 스타일을 삽입한 대상체에 적용(스타일 붙이기 및 일치)
command-control-V선택한 대상체에 포맷 설정 적용(눈금자 붙이기 명령)
command-W전면 윈도우 닫기
command-shift-W파일 및 해당 파일과 관련된 윈도우 닫기
command-option-W응용 프로그램을 종료하지 않고 해당 응용 프로그램에서 모든 윈도우 닫기
command-X선택 항목을 제거하여 클립보드에 저장
command-Z이전 명령 실행 취소(일부 응용 프로그램에서는 다양한 실행 취소 기능 허용)
command-shift-Z이전 명령 실행 복귀(일부 응용 프로그램에서는 다양한 실행 복귀 기능 허용)
control-오른쪽 화살표표와 같은 보기 내에서 다른 값 또는 셀로 초점 이동
control-왼쪽 화살표표와 같은 보기 내에서 다른 값 또는 셀로 초점 이동
control–아래쪽 화살표표와 같은 보기 내에서 다른 값 또는 셀로 초점 이동
control–위쪽 화살표표와 같은 보기 내에서 다른 값 또는 셀로 초점 이동
command-오른쪽 화살표텍스트 삽입 지점을 현재 줄 끝으로 이동
command-왼쪽 화살표텍스트 삽입 지점을 현재 줄 처음으로 이동
command-아래쪽 화살표텍스트 삽입 지점을 현재 도큐멘트 끝으로 이동
command-위쪽 화살표텍스트 삽입 지점을 현재 도큐멘트 처음으로 이동
option-오른쪽 화살표텍스트 삽입 지점을 다음 단어의 끝으로 이동
option-왼쪽 화살표텍스트 삽입 지점을 이전 단어의 처음으로 이동

command-shift-오른쪽 화살표

삽입 지점과 현재 줄의 끝 부분 사이에서 텍스트 선택(*)
command-shift-왼쪽 화살표삽입 지점과 현재 줄의 처음 부분 사이에서 텍스트 선택(*)
shift-오른쪽 화살표한 문자씩 오른쪽으로 텍스트 선택 부분 확장(*)
shift-왼쪽 화살표한 문자씩 왼쪽으로 텍스트 선택 부분 확장(*)
command-shift-위쪽 화살표삽입 지점과 도큐멘트의 처음 부분 사이에서 텍스트 선택(*)
command-shift-아래쪽 화살표삽입 지점과 도큐멘트의 끝 부분 사이에서 텍스트 선택(*)
shift-위쪽 화살표텍스트 선택 부분을 줄 위의 동일한 수평 위치에서 가장 가까이 있는 문자 경계로 확장(*)
shift-아래쪽 화살표텍스트 선택 부분을 줄 아래의 동일한 수평 위치에서 가장 가까이 있는 문자 경계로 확장(*)
shift-option-오른쪽 화살표텍스트 선택 부분을 현재 단어의 끝 부분으로 확장한 후 다시 누를 수 있는 경우 다음 단어의 끝 부분으로 확장(*)
shift-option-왼쪽 화살표텍스트 선택 부분을 현재 단어의 시작 부분으로 확장한 후 다시 누를 수 있는 경우 다음 단어의 시작 부분으로 확장(*)
shift-option-아래쪽 화살표텍스트 선택 부분을 현재 단락의 끝 부분으로 확장한 후 다시 누를 수 있는 경우 다음 단락의 끝 부분으로 확장(*)
shift-option-위쪽 화살표텍스트 선택 부분을 현재 단락의 시작 부분으로 확장한 후 다시 누를 수 있는 경우 다음 단락의 시작 부분으로 확장(*)
control-스페이스 바현재와 이전 입력 소스 간 전환
option-control-스페이스 바활성화된 모든 입력 소스 간 전환
command-option-esc강제 종료
command-shift-option-esc(3초 동안 누름)전면에 있는 응용 프로그램 강제 종료(Mac OS X v10.5 이상)
command-왼쪽 괄호([)이전 브라우저 웹 페이지
command-오른쪽 괄호(])다음 브라우저 웹 페이지

*참고: 텍스트를 선택하지 않으면 삽입 지점에서 확장이 시작됩니다. 드래그하여 텍스트를 선택하면 선택 부분 경계에서 확장이 시작됩니다. 선택 부분의 방향을 반전하면 해당 항목의 선택이 해제됩니다.


손쉬운 사용 - VoiceOver 키보드 명령

Mac OS X v10.6에서의 VoiceOver 키 조합 차이에 관한 내용은 이 문서를 참조하십시오.

command-F5 또는 fn-command-F5VoiceOver 켜기 또는 끄기
option-control-F8 또는 fn-option-control-F8VoiceOver 유틸리티 열기(VoiceOver가 켜져 있는 경우)
option-control-F7 또는 fn-option-control-F7VoiceOver 메뉴 표시(VoiceOver가 켜져 있는 경우)
option-control-세미콜론(;)VoiceOver 제어 옵션 잠금 활성화/비활성화
command-option-8확대/축소 켜기 또는 끄기
command-option-더하기 기호(+)확대
command-option-빼기 기호(–)축소
command-option-control-8화면 색상 반전/복귀(OS X Lion 이하)
command-option-control-쉼표(,)대비 감소(OS X Lion 이하)
command-option-control-마침표(.)대비 증가(OS X Lion 이하)

참고: VoiceOver 메뉴 및 유틸리티가 작동하도록 하려면 키보드 환경설정에서 "모든 F1, F2 등의 키를 표준 기능 키로 사용"을 활성화해야 합니다.


전체 키보드 액세스

전체 키보드 액세스를 사용하면 키보드로 화면에 있는 항목을 탐색하고 상호 작용할 수 있습니다. 이러한 단축키를 사용하여 텍스트 필드 및 슬라이더와 같은 컨트롤을 선택하고 조정할 수 있습니다.

tab다음 컨트롤로 이동
shift-tab이전 컨트롤로 이동
control-tab텍스트 필드가 선택되면 다음 컨트롤로 이동
화살표 키

목록, 탭 그룹 또는 메뉴에서 근처에 있는 항목으로 이동
또는
슬라이더 및 조정자 이동(값을 증가 및 감소하는 데 사용되는 세로 위쪽 및 아래쪽 화살표)

control-화살표 키다음 필드 근처의 컨트롤로 이동
스페이스 바강조 표시된 메뉴 항목 선택
return 또는 enter 키기본 단추를 클릭하거나 기본 동작 수행
esc취소 단추 클릭
또는
항목을 선택하지 않고 메뉴 닫기

마우스 또는 트랙패드를 사용하지 않고 메뉴 막대의 메뉴를 탐색할 수 있습니다. 메뉴 막대에 초점을 맞추려면 control-F2(휴대용 키보드의 경우 fn-control-F2)를 누릅니다. 그런 다음 아래 나열된 키 조합을 사용합니다.

왼쪽 화살표 및 오른쪽 화살표메뉴 간 이동
return 키선택한 메뉴 열기
위쪽 화살표 및 아래쪽 화살표선택한 메뉴의 메뉴 항목으로 이동
메뉴 항목의 이름 입력선택한 메뉴의 메뉴 항목으로 건너뜀
return 키메뉴 항목 선택


손쉬운 사용 - 마우스 키

손쉬운 사용 환경설정에서 마우스 키가 켜져 있으면 키보드나 숫자 키패드 키를 사용하여 마우스 포인터를 이동할 수 있습니다. 컴퓨터에 숫자 키패드가 없는 경우 fn(기능) 키를 사용합니다.

8위로 이동
2아래로 이동
4왼쪽으로 이동
6오른쪽으로 이동
1하단 왼쪽으로 대각선 방향으로 이동
3하단 오른쪽으로 대각선 방향으로 이동
7상단 왼쪽으로 대각선 방향으로 이동
9상단 오른쪽으로 대각선 방향으로 이동
5마우스 단추 누르기
0마우스 단추 누름 상태 유지
. (숫자 패드의 마침표)마우스 단추 누름 상태 해제

마우스 키 단축키도 참조하십시오.


'W.OS > Mac' 카테고리의 다른 글

Mac OS X 단축키 모양 모음  (0) 2014.04.22
Mac Terminal에서 alias 설정  (0) 2013.08.24
Mac 32bit 64bit 구분법  (0) 2013.08.23
Mac 듀얼모니터에서 주에서 보조 모니터로 Dock이동  (1) 2013.08.23

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

1.사파리 브라우져 개발자용 메뉴 설정하기


설정 => 기본설정



"메뉴 막대에서 개발자용 메뉴 보기"를 선택



메뉴에 개발자도구가 보인다.


2.파이어폭스 브라우져 개발자용 메뉴 설정하기


http://www.mozilla.or.kr/ko/에 접속하여 다운로드후 설치.


Mozilla Firefox 시작페이지 => 부가기능 관리자 선택


1) "web developer"로 검색 => 결과에서  2) Web Developer1.2.5 선택  => 3) 설치하기클릭


다시시작 클릭



1.크롬 브라우져 개발자용 메뉴 설정하기


브라우져에서 Store를 선택한다.


"web developer"를 입력후 검색


Web developer를 선택 후 CHROME에 추가를 클릭하여 설치


Web developer를 선택하면 메뉴가 나온다.

'5.하이브리드 앱 > 참고' 카테고리의 다른 글

모바일를 위한 10가지 가이드 지침  (0) 2013.08.14

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

출처 - http://www.w3c.or.kr/Translation/mwbp_flip_cards/

"모바일웹 모범사례 1.0 (Mobile Web Best Practices 1.0)"은 모바일 장비에서 이용되는 컨텐츠를 보다 편리하게 설계하고 이용할 수 있도록 제정한 W3C의 웹표준입니다. 본 팜플렛에는 모바일웹 모범사례를 10가지 주제로 쉽게 설명하고 있습니다. 본 팜플렛의 가이드라인을 따르면 컨텐츠 제공자들은 더 많은 고객에게 컨텐츠를 제공할 수 있게되고, 효과적인 웹사이트와 어플리케이션을 구현할 수 있으며, 다양한 장비에서 웹을 편리하게 브라우징 할 수 있을 것입니다.

상세 내용 참조: http://www.w3.org/TR/mobile-bp/


모바일화를 위한 10가지 가이드


1.하나의 웹을 위한 설계

다양한 장비를 고려하여 설계한 컨텐츠는 비용을 절감시키고, 유연성을 증대하며, 더 많은 사람들의 필요를 충족시킬 수 있다.

하나의 웹을 위한 설계

주제의 일관성:다양한 장비에서 동일 URI에 접속했을 때 제공되는 정보와 기능은 일관성이 있어야 한다.

성능:사용자에게 향상된 기능을 제공하기위해 장비 성능을 상세히 확인해야한다.

오작동:다양한 장비가 각각 다르게 해석하여 발생할 수 있는 오작동을 염두에 두고 설계한다.

테스팅:실제 장비와 에뮬레이터 상에서 테스트를 수행한다.


2.웹 표준 준수

세계 곳곳의 제각기 다른 장비와 브라우저의 호환을 위해서는 표준을 준수해야한다.

유효한 MARKUP: 표준 문법에 유효한 문서를 작성한다.

컨텐츠 포맷 지원: 장비가 지원하는 컨텐츠를 전송한다.

선호하는 컨텐츠 포맷 제공: 가능하면 장비가 선호하는 포멧으로 컨텐츠를 전송한다.

캐릭터 인코딩 지원: 장비가 지원하는 캐릭터 인코딩을 사용한 컨텐츠를 제공해야한다.

캐릭터 인코딩 정보 활용: 장비에서 사용되는 캐릭터 인코딩을 확인한다.

스타일 시트 사용: 장비가 지원하지 않는 경우를 제외하고, 레이아웃과 형식의 설계는 스타일 시트를 사용한다.

구성: 논리적인 문서 구성을 위해 마크업 언어(markup language) 기능을 사용한다.

오류 메시지: 발생한 오류 정보를 알 수 있는 메시지를 제공하고, 그러한 오류를 피해 브라우징을 계속할 수 있도록 한다.


3.유해요소 제거

모바일 장비의 제한 된 화면크기, 키보드, 기타 기능으로 발생하는 사용자의 문제를 고려하여 설계한다.

팝업창:팝업창이나 새로운 창이 열리지 않도록 하고, 사용자에게 사전 정보없이 현재 창을 바꾸지 않는다.

테이블 속의 테이블:테이블 내에 또 다른 테이블을 포함하지 않는다.

테이블 레이아웃:테이블을 이용하여 레이아웃을 구성하지 않는다.

여백과 그래픽:여백 공간에 그래픽을 사용하지 않는다.

프레임 비사용:프레임을 사용하지 않는다.

이미지 맵(IMAGE MAPS):이미지 맵은 장비에서 효과적으로 지원되지 않는 한 사용하지 않는다.


4.장비 제한 주의

쿠키(COOKIES):이용 가능한 쿠키에 의존해서는 안된다.

객체나 스크립트:임베드 되어 있는 객체나 스크립트에 의존해서는 안된다.

테이블 지원:장비에서 테이블을 지원하지 않는 경우 사용하지 않는다.

테이블 대체:가능한 경우에는 테이블 형식을 대체할 수 있는 형식으로 작성한다.

스타일 시트 지원:필요한 경우 스타일 시트 없이도 문서를 읽을 수 있도록 구성한다.

글꼴:글꼴 관련 스타일링에는 의존하지 않는다.

색상 사용:색상을 통해 얻을 수 있는 정보도 색상을 사용하지 않고 이용할 수 있게 한다.


5.웹 네비게이션 최적화

NAVBAR:페이지 상단에는 최소의 네비게이션 메뉴바를 제공한다.

네비게이션:일관된 네비게이션 메카니즘을 제공한다.

타겟 ID 링크:각 링크의 타겟을 명확히한다.

파일 포멧:이용되는 파일의 포멧이 장비에서 지원되는지 주의한다.

타겟의 접근:네비게이션 메뉴와 자주 사용하는 기능에는 키보드 숏컷(shortcut)을 지정한다.

URI:URI를 짧게하여 입력을 쉽게한다.

균형:사용자가 원하는 정보와 페이지에 제공되는 링크 수의 균형을 맞춰 원하는 정보를 쉽게 얻도록 한다.


6.그래픽과 색상 확인

이미지 크기 조절:고유 크기가 있는 이미지는 서버에서 크기를 조절한다.

대용량 그래픽:장비에서 제공할 수 없는 이미지는 사용하지 않는다. 정보제공을 위해 꼭 필요한 것이 아니면 고사양의 고해상도 이미지의 사용은 피한다.

이미지 크기 설정:고유 크기가 있는 이미지는 마크업에 이미지 크기를 설정한다.

NON-TEXT 대체:텍스트가 아닌 요소(이미지, 애니메이션, 동영상 등)에 대해서는 그에 상응하는 텍스트를 제공한다.

색상 명암:전경과 배경의 색 조합은 적절한 명암 대비를 유지해야 한다.

배경 이미지 가독성:배경에 이미지를 사용할 경우 컨텐츠 내용을 볼 수 있어야 한다.

측정:마크업 언어 속성 값과 스타일 시트 속성 값에는 픽셀 측정과 절대 단위를 사용하지 않는다.


7.가볍고 간결한 사이트

최소화:간결하고 효율적인 마크업을 사용한다.

페이지 사이즈 제한:장비의 메모리 한계를 고려한 페이지를 설계한다.

스타일 시트 크기:스타일 시트의 크기를 최소화한다.

스크롤링:추가적인 스크롤링을 사용해야 하는 경우가 아니라면, 한 방향으로 스크롤을 하도록 제한한다.


8.네트워크 자원 절약

오토 리프레쉬:사용자에게 사전에 알리거나 중지 방법을 제공하지 않는 한, 주기적인 페이지 오토 리프레시는 사용하지 않는다.

경로 변경:마크업으로 자동 경로 변경(redirection)을 사용하지 않고, 서버 설정을 통한 HTTP 3xx code 경로 변경을 사용한다.

외부 자원:외부 자원의 링크 활용을 최소화한다.

CACHING:HTTP 응답에는 캐쉬 정보를 제공한다.


9.사용자 입력 가이드

키입력 최소화:키 입력 횟수를 최소화한다.

텍스트 입력 최소화:가능하면 텍스트 입력을 피한다.

기본값(default) 제공:가능하면 미리 선택된 기본값을 제공한다.

기본 입력 모드:장비가 지원하는 기본 텍스트 입력 모드, 언어, 포멧을 설정한다.

탭 순서:링크, 폼 컨트롤과 객체를 이용한 논리적 탭 순서를 생성한다.

라벨 컨트롤:모든 폼 컨트롤에 적절한 라벨을 붙이고, 명시적으로 라벨과 폼 컨트롤을 연계시킨다.

위치 제어:라벨과 연관된 폼 컨트롤이 서로 적절한 위치에 있도록 한다.


10.모바일 유저 배려

페이지 제목:간단 명료한 페이지 제목을 제공한다.

명확성:명확하고 간단한 언어를 사용한다.

한 눈에 의미 파악:페이지의 내용을 간단 명료하게 하여 다음 페이지의 내용까지 파악할 수 있도록 한다.

제한:사용자가 요청한 범위로 컨텐츠를 제한한다.

적절:모바일 환경 사용에 적절한 컨텐츠를 보장한다.

적절한 페이지 사이즈:장비의 성능과 네트워크 부하 등을 고려하여 사용하기 편리하고 유용한 크기로 페이지 사이즈를 분할한다.


'5.하이브리드 앱 > 참고' 카테고리의 다른 글

부라우져별 개발자 도구 설치 설정하기  (0) 2013.08.15

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

하이브리드 개념 및 앱스프레소를 이용한 개발 방법


>


336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

Error Code: 1175. You are using safe update mode and you tried to update a table without a WHERE that uses a KEY column To disable safe mode, toggle the option in Preferences -> SQL Queries and reconnect. 0.032 sec

조치방법

SET SQL_SAFE_UPDATES=0


336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

Eclipse File Log 설정

 Eclipse에 Console log와 같이 File에  log를 남기고 싶은경우 설정 합니다.

Run => Run Configuration.. 선택

Common tab을 선택 합니다.

"Standard input and output"의 File을 체크하고 원하는 위치를 적어 준다.

"Append"를 체크하면 tomcat 실행시 같은 파일에 로그가 추가 되고 체크가 없는경우 tomcat 실행시 매번 새로운 화일이 생성된다.