js(5)
-
드래그 앤 드롭 - draggable 속성, 기본 동작
draggable 속성 · img요소와 href 속성이 마크업된 요소는 원래 드래그할 수 있는 요소로 규정되어 있습니다. · img요소와 href속성이 마크업된 요소들외에 모든 요소를 HTML5에서는 draggable 속성을 true로 지정함으로써 드래그할 수 있도록 규정하고 있습니다. · HTML5에 새롭게 추가된 draggable속성은 true, false, 값 없음 값을 가질 수 있습니다. draggable 속성 지정 · draggable은 드래그 대상이 웹 애플리케이션 안의 요소라면 그 요소에 draggable속성을 지정합니다. · draggable 속성이 true 이면 drag 할 수 있는 것이고, false 면 drag를 하지 못합니다. · 값을 지정하지 않았을 때는 기본 동작을 그대로 사용한..
-
기본 이벤트(default event), 기본 이벤트 제거
기본 이벤트(default event) 일부 HTML 태그는 이미 이벤트 핸들러를 가지고 있는데 이벤트가 발생할 때 이벤트 연결 없이 사용할 수 있는 이벤트가 있는데 이벤트를 기본 이벤트라고 합니다. 기본 이벤트 제거 · 기본 이벤트가 있는 HTML 태그에 이벤트 연결을 하면 이벤트 연결에 의해 새롭게 호출되는 이벤트 핸들러와 기본 이벤트에 의해 고유의 이벤트 핸들러가 함께 호출되기 때문에 원하는 형태의 이벤트 처리가 어려워집니다. 따라서 기본 이벤트를 제거함으로써 원하는 이벤트 연결이 가능하게 처리해야 합니다. · HTML 요소에 클릭(click) 이벤트가 발생하면 브라우저는 지정된 주소로된 새로운 웹 페이지를 열게 됩니다. 이렇게 특정 이벤트는 미리 지정된 기본 동작을 가지고 있습니다. · 하지만 p..
-
Sencha, 개별 파일선택 후 인코딩 - 인코딩 방식 설정 방법 3
개별 파일선택 후 인코딩 설정하기 해당 파일 선택 > 마우스 우클릭 > Properties Resource > Text file encoding-Other > UTF-8 설정 > OK 파일의 인코딩 방식이 바로 변경되어 한글이 깨지게 됩니다. 그러므로 인코딩 방식 변경 전에 해당파일의 내용을 다른 곳(메모장, Sublime, EditPlus등)에 복사 한 후 인코딩 방식을 변경하시기 바랍니다. 그 다음 인코딩 방식을 변경한 후 복사해 놓은 내용을 해당 파일에 다시 붙여 넣기 하여 인코딩 변경 후에도 한글이 깨지는 문제를 쉽게 해결할 수 있습니다. 임시로 저장한 js파일 내용 다시 이클립스의 js파일로 붙여넣기 한 화면
-
Sencha, JavaScript Source File(.js)만 인코딩 - 인코딩 방식 설정 방법 2
JavaScript Source File(.js)만 인코딩 설정하기 메뉴 > Window > Preferences > General-Context Types > Content types:-Text-JavaScript Source File 선택 Default encoding: UTF-8 입력 > Update > OK 이제 부터 새로 만들어지는 js파일은 UTF-8로 지정되어 있습니다. app3.js생성 후 등록정보 확인
-
js파일 인코딩 방식 설정 방법 3가지
인코딩 방식 설정 방법 Workspace 폴더 전체에 인코딩 설정하기 JavaScript Source File(.js)만 인코딩 설정하기 매번 개별 파일선택 후 인코딩 설정하기