본문 바로가기

Front End/HTML

(3)
[0822] 브라우저에 저장되는 데이터 #WebStorage / WebSQL / IndexedDB: 브라우저에 데이터를 저장하는 API● WebStorage : 작은 양의 데이터를 저장할 때 사용● WebSQL / IndexedDB : 많은 양의 데이터를 저장할 때 사용▷ 모든 데이터를 매번 서버에서 불러오게 되면 동일한 데이터를 여러 번 불러서 트래픽 비용이 증가할 수 있고 온라인이 아니면 사용할 수 없습니다.▷ 오프라인 상태에서도 데이터를 사용하게 하고 동일한 데이터를 중복해서 불러서 증가하는 트래픽 비용을 줄일 목적으로 브라우저에 데이터를 저장합니다.● WebSQL: 브라우저 안에 SQLite라고 하는 관계형 데이터베이스를 이용해서 데이터를 저장하는 API▷ 안드로이드, iPhone, Embedded 기기 들이 대부분 이 데이터베이스를 ..
[0821] HTML5 canvas #동기와 비동기▷ 동기 : 순서대로 수행되는 것.작성 순서와 실행 순서가 같다. ▷ 비동기 : 작성한 순서대로 수행되지 않음.스레드 처럼 현재 작업은 작업대로 진행하고자신의 작업을 수행 한다.그래서 항상 콜백메소드를 잘 보고 찾아서 작성해야 한다. ▷ HTML5에서 image 객체는 이미지 파일의 내용을 비동기적으로 읽는다.그리고 이미지 파일을 메모리에 전부 로드 하면 onload 이벤트가 발생한다.이미지 파일의 경로는 src 속성에 설정한다. ▷ 이미지를 읽어서 출력 : 비동기적으로 작동하고 onload 이벤트가 발생하면 이미지를 모두 읽은 것이다. Var image = new image();Image.src=“이미지 파일의 경로를 설정”image를 사용하는 코드 // (실수 주의) 이 줄은 동작하지 ..
[0820] HTML5 XML 파일 생성 방법[WebContent]→[New]→[Other...] 선택[XML File] 선택이름 작성 후 [Finish] 선택SDK(Software Development Kit) - API(Application Programming Interface)프로그램을 개발하기 위한 도구Java SDK : JDK : Java API어떤 운영체제나 기기의 프로그램을 개발하고자 하면 제일 먼저 할 일이 그 운영체제나 기기의 SDK를 다운로드 받아서 설치하는 일 입니다.게임에 관심 - 캔버스, 블럭체인, 보안 같은거 하면 좋음 직종에 대해서 찾아보고 좀 더 공부를 해야 함. 컨텐츠 같은거는 나이가 좀 있는 사람에게 조언을 구하는 게 좋음웹 RPC.캔버스, 웹소켓 중요 HTML5 문서 구조 검증문서 검증 : ..