Stupid Computer/4. JavaScript 썸네일형 리스트형 [자바스크립트] Cordova 란 ? 안녕하세요, kimgaga 블로그 주인장입니다. 이번 글은 회사에서 업무를 보다가, cordova를 사용해야 하는 상황이 생겨서 알아 보았습니다. cordova에 대한 간단한 설명이에요. 연결해주는 역할을 한다고 보시면 될거 같네요 .. http://cordova.apache.org/여기에 더 자세한 설명및 다운로드가 가능하니 가서 확인해보셔도 될거 같아요 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ( 매우 무책임 ..)간단히 설명드리자면 ㅎㅎApache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaSc.. 더보기 [자바스크립트] 화면, 페이지 전환! 페이지 돌아오기 ! 출처 : http://sharphail.tistory.com/4[ 개요 ]자바스크립트를 이용한 페이지 이동 방법 : history를 이용한 이전 페이지 이동 : 문서 루트를 활용한 강제 페이지 이동 1. 이전(후) 페이지 이동 [ 기 본 ] [ 설명 ]A와 B둘다 기능은 똑같습니다. 다만 B의 방법이 값을 조절할수 있기 때문에 좀 더 다양하게 이용할 수 있습니다.결론적으로는 브라우저의 히스토리(방문기록)을 추적하여 이동하는 만큼 앞뒤로 드나들었던 페이지만 이동이 가능하다고 생각하시면 됩니다.(즉, 방문하지 않았던 페이지는 이동 불가능 > 아래 참고) 2. 강제 페이지 이동[ 기본 ] [ 설명 ]위와 같이 location을 호출하여 직접 페이지 주소(DIR)을 부여함으로서 강제로 페이지 이동을 할 수 있습.. 더보기 [자바스크립트]div태그와 span태그 비교/ innerHTML예제 출처 : http://blog.naver.com/javaking75?Redirect=Log&logNo=140160292268[javaScript] div태그와 span태그 *태그 : "문장 단위로 텍스트 영역을 지정하는것" 단어단어 결과> 단어단어 *태그 : "문단 단위로 영역을 지정" 단어단어 결과> 단어 단어 1) div- division의 약자- 레이어를 만들때 가장 많이 사용되는 태그- 블록 레벨 요소- 줄 바꿈이 일어나 상하로 분리 됨- 한줄 전체를 영역으로 함 (가로의길이가 100%를 차지함.)- 웹사이트 화면 전체의 레이아웃을 잡을때 효과적으로 사욤됨=> Float속성을 사용하여 div태그로 전체 레이아웃을 조정할수있음.- 2) span- div와 비슷하게 사용되나 인라인 엘리먼트임- 한줄로.. 더보기 [자바스크립트] \n, <br>   줄바꾸기 정리 ! 자바스크립트에서 BR태그 vs \n, & nbsp vs 공백문자 자바스크립트 차원과 HTML 차원의 줄바꿈은 사실 다릅니다. HTML 에서는 pre, xmp 태그를 제외한 줄바꿈은 반드시 태그를 쓰셔야 줄바꿈이 인정됩니다. 그렇지 않으면 하나 또는 여러 엔터는 모두 공백 1칸만 인정되며, 줄바꿈이 인정 되지 않습니다. 코드 A B 웹브라우저 출력결과 A B 그런데, JavaScript 에서는 HTML 문서로 보여지는 결과가 아닌 이상 엔터 문자를 br 태그 대신에 \n(＼n; 역슬래시 n) 을 씁니다. 대표적인 예로는 alert, confirm, textarea의 내용 .value 이 3가지가 많은데요. 예제를 통하여 알아봅시다. 코드 웹브라우저 출력결과 이와 같이 \n은 줄바꿈으로 인정하되, 은 줄바꿈.. 더보기 [자바스크립트] 한글 깨짐현상 고치기~ js파일 내에서 한글 사용~ 안녕하세요 kimgaga 블로그 주인장입니다 ㅎㅎ이번 블로그 글은 javascript를 사용할때 한글이 깨져서 나오는 현상을 방지하기 위한 글입니다. !!!! 출처 : http://plasticradio.tistory.com/8html 문서 내에서 직접 자바스크립트 언어를 사용할 경우에는 문제가 없지만, 자바스크립트 언어를 js 파일로 생성한 후 html 문서에서 연결하여 사용하는 경우에는 js파일 내에서 사용된 한글이 깨져서 표시 될 수 있습니다. 아래의 코드를 보면 alert 메소드를 사용해 한글 경고 메세지를 띄우는 자바스크립트를 수행하는 jquery.test.js 파일을 html에서 연결해 사용하고 있는데, 이를 실행하면 한글이 깨지는 현상이 발생합니다. html 파일 ?1 js 파일 ?1aler.. 더보기 [Ajax] XMLHttpRequest 객체 사용(responseText) JavaScript / Ajax / jQuery2011 출처 : http://ggoreb.tistory.com/122Ajax를 사용하려면 가장 먼저 기본적으로 XHR(XMLHttpRequest) 객체를 구현해주어야 한다익스플로러에서 ActiveX Component 형식으로 구현되었고 이 밖에 다른 브라우저들은 native javascript 객체로 구현되었다 따라서 초기화(?) 코드는 아래와 같다 [XHR 객체 생성]var xmlHttp; function createXMLHttpRequest() {if(window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");} else if(window.XMLHttpRequest) {xmlHttp = new XMLHttpRequest();}} [실제 동.. 더보기 [자바스크립트] Eclipse javascript 자동완성 플러그인 JSDT 설치 ~ 출처 : http://blog.naver.com/PostView.nhn?blogId=mjuzhj23&logNo=140174398220 Eclipse로 웹 프로젝트 개발시 항상 자바스크립트를 개발하는데서 꽤나 고생을 한다. 또 다른 플러그인들을 찾아보던중 발견한 JSDT를 소개해 드릴께요~~ JavaScript Development Tools (JSDT) 는 Eclipse 홈에서 제공하고 있습니다. Step#1- JSDT는 여타 다른 plug-in들과 같이 이크립스 마켓을 통하여 다운로드를 지원하고 있습니다. Help -> Eclipse Marketplace 클릭! find에서 jsdt를 검색 하신뒤 Install 버튼을 눌러주시면 됩니다. ( 저는 이미 설치한 뒤라 Uninstall과 Update 버튼이.. 더보기 [자바스크립트] 함수의 정의 및 호출 ( 마우스 클릭, 오버 이벤트) 출처 : http://math88.com.ne.kr/computer/js/JSmanual/함수를 사용하게 되면 한번 정의 해 놓은 함수를 어느 위치에서나 쉽게 호출하여 사용할 수 있습니다. 어느곳에서나 호출하여 사용하려면 함수선언을 HEAD 부분에서 해 줍니다예를들어 아래와 같은 함수를 선언하였습니다.즉, 안녕하세요? 라는 메시지창을 열어주는 함수 스크립트입니다.이 함수를 문서가 열리자마자 호출하여 인사하게 하려면 태그안에 다음과 같이 넣어 줍니다 페이지를 열면 인사를 합니다 즉, HEAD 부분에서 선언한 함수 greeting() 은 17번째 줄에서 문서 로딩이 완료되면(onLoad) 호출됩니다.앞서 이벤트 핸들러에 대해 배웠습니다. onLoad 는 "웹문서의 로딩이 완료되면" 이라는 이벤트 핸들러입니다.. 더보기 [자바스크립트] Eclipse Javascript Code Assist 가 되지 않을때~ 안녕하세요, kimgaga 블로그 주인장입니다. 이번 블로그글은 javascript를 이클립스에서 사용 할 때, code assist가 안될 경우 해결 방법입니다. javascript 관련 plug-in을 설치 하셨는데도, 안된다 싶으면 아래 글대로 한번 해보세요 !저는 아래 방법대로 했더니 잘되더라구요 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ출처 : http://stove99.tistory.com/7프로젝트 생성시 프로젝트를 Dynamic Web Project 로 생성을 하면 Javascript 코드 작성시 쩜을 찍었을때 쓸수 있는 메소드를 뽓뽓 알려준다. 하지만 일반 Java Project 나 Maven Project 등 다른 프로젝트로 생성을 하면 쩜을 찍어도 아무 반응이 없다. Javascript Code Assist.. 더보기 [자바스크립트] 객체와 반복문 for in 키워드 사용 더보기 이전 1 2 3 다음