개인 재정 모바일 웹 애플리케이션 제작 - 인형

모바일 웹 애플리케이션 제작 - 인형

비디오: 웹애플리케이션 만들기 - 서버와 클라이언트 2024

비디오: 웹애플리케이션 만들기 - 서버와 클라이언트 2024
Anonim

모바일 브라우저로 웹 사이트를 볼 수 있지만 모바일 장치에 최적화되지 않은 웹 사이트는 조금 이상합니다, 일반 웹 사이트 글꼴 크기 및 이미지 크기가 모바일 화면에 맞게 줄인 것처럼 대조적으로, 모바일 장치에 최적화 된 웹 사이트는 읽을 수있는 글꼴, 모바일 장치 화면으로 확장 가능한 이미지 및 휴대폰에 적합한 세로 레이아웃을 가지고 있습니다.

모바일 웹 앱 제작은 HTML, CSS 및 JavaScript를 사용하여 수행됩니다. CSS는 화면 너비에 따라 장치간에 웹 사이트 모양을 제어합니다. 휴대 전화의 경우와 같이 화면의 너비가 작은 화면은 하나의 세로 기반 레이아웃으로 할당되는 반면, 태블릿의 화면처럼 큰 너비의 화면에는 가로로 배치 된 또 다른 레이아웃이 지정됩니다.

모바일 웹 앱은 브라우저에서 액세스 할 수 있으며 사용자의 기기에 설치되어 있지 않으므로 휴대 전화에 푸시 알림 (경고)을 보내거나 백그라운드에서 실행하거나 브라우저가 최소화되거나 다른 앱과 통신합니다.

모바일 웹 애플리케이션 용 HTML, CSS 및 JavaScript를 처음부터 작성할 수 있지만 모바일 웹 프레임 워크를 사용하면 프로그래밍 언어 프레임 워크와 마찬가지로 미리 작성된 코드 기반에서 개발할 수 있습니다. 이러한 모바일 웹 프레임 워크에는 자주 재사용되는 일반 구성 요소 모음이 포함되어 있으므로 개발자가 웹 사이트를보다 신속하게 작성, 테스트 및 실행할 수 있습니다. Twitter Bootstrap은 이러한 모바일 웹 프레임 워크 중 하나입니다.

모바일 웹 애플리케이션 제작 - 인형

편집자의 선택

JavaScript에서 HTML 양식 요소에 액세스하는 방법 - 다른 HTML 요소와 마찬가지로

JavaScript에서 HTML 양식 요소에 액세스하는 방법 - 다른 HTML 요소와 마찬가지로

자바 스크립트에서 HTML5 요소와 직접 상호 작용할 수 있습니다. 트릭은 선택한 요소가 지원해야하는 브라우저 및 플랫폼에서 작동하는지 확인하는 것입니다. 이 예제에서는 및 태그를 다음과 같은 솔루션의 일부로 사용하는 방법을 보여줍니다.

CSS 값 정의에 대한 빠른 가이드 구문 - 인형

CSS 값 정의에 대한 빠른 가이드 구문 - 인형

W3C (World Wide Web Consortium)에서 모든 CSS 속성의 구문과 가능한 값을 정의합니다. 정의를 가능한 한 정확하게 만들기 위해 W3C는 CSS 값 정의 구문이라는 공식 시스템을 사용합니다. 정의 구문은 가능한 값을 매우 정확하게 정의하지만 CSS 값 정의 구문을 읽는 중 ...

JavaScript로 동적 HTML 요소를 작성하는 방법 - 더미

JavaScript로 동적 HTML 요소를 작성하는 방법 - 더미

모든 페이지에 대한 특수 효과는 페이지에 동적 HTML 변경 기능을 제공하는 것입니다. 예를 들어 다음 예제와 같이 선택한 요소에 특수 효과를 만들 수 있습니다. function ChangeStyles (event) {// 요소에 대한 참조를 얻습니다. var ThisElement ...

편집자의 선택

Excel 2013 통합 문서의 변경 내용 수락 또는 거부 방법 - 변경 내용 추적을 설정하면 더미

Excel 2013 통합 문서의 변경 내용 수락 또는 거부 방법 - 변경 내용 추적을 설정하면 더미

Excel 2013 통합 문서의 경우 리본의 검토 탭에있는 변경 내용 추적 명령 단추의 드롭 다운 메뉴에서 Alt / RGC를 눌러 변경 내용 적용 / 거부 옵션을 선택하여 수락 또는 거부 할 변경 내용을 결정할 수 있습니다. 이렇게하면 Excel이 강조 표시된 모든 변경 내용을 검토합니다 ...

Excel에서 셀에 설명을 추가하는 방법 2016 - 문자

Excel에서 셀에 설명을 추가하는 방법 2016 - 문자

Excel 2016 워크 시트의 특정 셀에 주석을 달 수 있습니다. 댓글은 스티커 메모의 전자 팝업 버전과 유사합니다. 셀에 주석을 추가하려면 다음과 같이하십시오. 셀 포인터를 이동하거나 주석을 추가 할 셀을 클릭하십시오. 새 주석을 클릭하십시오.

Excel 피벗 테이블에 계산 된 필드를 추가하는 방법 - 더미

Excel 피벗 테이블에 계산 된 필드를 추가하는 방법 - 더미

피벗 테이블 내부의 값을 계산합니다. 계산 된 필드 및 항목을 표에 추가 할 수 있습니다. 계산 된 필드를 추가하면 새로운 행이나 열을 피벗 테이블에 삽입 한 다음 수식을 사용하여 새 행이나 열을 채울 수 있습니다. 예를 들어 다음과 같이 나타납니다.

편집자의 선택

포토샵 CS6에서 히스토리 기능으로 채우기를 사용하는 방법 - 더미

포토샵 CS6에서 히스토리 기능으로 채우기를 사용하는 방법 - 더미

채우기 Adobe Photoshop의 기능 Creative Suite 6는 선택을 원할 때 유용합니다. 특정 상태로 바꿀 영역을 쉽게 선택할 수 있으면 기록으로 채우기 기능을 사용할 수 있습니다. 특정 이미지에서 하늘이 마음에 들지 않는다고 가정 해보십시오. 선택한 항목 ...

Photoshop CS6에서 패싯 필터를 사용하는 방법 -

Photoshop CS6에서 패싯 필터를 사용하는 방법 -

Photoshop CS6의 이미지는 먼지와 스크래치를 줄이거 나 날카로운 모서리를 부드럽게하는 것입니다. 패싯 필터는 포스터 라이징 효과를 사용하여 이미지를 분할합니다. Photoshop CS6에서 이미지를 흐리게 처리하려는 한 가지 이유는 먼지 및 스크래치를 줄이거 나 밝기를 비슷하게하는 픽셀 블록을 모아서 기하학적 모양을 사용하여 단일 값으로 변환하기 때문입니다.

Photoshop CS6에서 손 도구 사용 방법 - 인형

Photoshop CS6에서 손 도구 사용 방법 - 인형

Photoshop CS6 손 도구는 이미지 문서에서 빠르게 이동하고 스크롤 막대와 유사하게 작업하여 작업을보다 신속하게 수행 할 수 있습니다. 손 도구는 손 도구를 클릭 할 필요가 거의 없기 때문에 실제 도구보다 기능이 더 많습니다. 간단히 ...