본문 바로가기

JavaScript

[JavaScript] 자료형 검사(typeof 연산자) ■ 자료형 검사(typeof 연산자) 자바스크립트는 숫자, 문자열, 불리언 같은 것을 자료형(자료의 형태)이라고 부른다. 자료형을 확인하려면 typeof 연산자를 사용해야 한다. ex01.php 출력결과 typeof 연산자를 사용해 모든 자료형을 살펴보자. ex02.php 출력결과 더보기
[JavaScript] 모바일 장치 구분 ■ 모바일 장치 구분 스마트폰으로 http://naver.com에 접속하면 자동으로 http://m.naver.com으로 이동한다.네이버 페이지에 접속한 사용자가 스마트폰을 사용하는지 확인해 스마트폰이면http://m.naver.com으로 이동시키기 때문이다. 스마트폰을 확인할 때 일반적으로 navigator 객체의 userAgent 속성을 사용한다.userAgent 속성은 현재 웹 페이지를 실행하는 웹 브라우저의 정보를 나타낸다. userAgent.html 출력화면 스마트폰 환경에서 위 코드를 실행하면 위와같이 경고창에 브라우저와 관련된 정보가 표시된다. 스마트폰 브라우저의 useAgent 속성에는 브라우저를 구분할 수 있는 고유한 문자열이 있다. ● iPhone ● iPad ● iPod ● Opera.. 더보기
[JavaScript] window.parent.location.href를 이용한 iframe 탈출방법 ■ 에러 발생상황 iframe을 사용하여 이미지만 변경을 해주다가.급하게 로그인을 통한 게시판기능을 사용해야 했고.게시글을 작성하기위해 로그인을 하면 iframe 영역안에해당사이트의 페이지가 나타나는 상황이 발생했다. ■ 해결방법 자바스크립트로 window.parent.location.href을 이용하여 해결했다.window.parent.location.href를 이용하면 해당 브라우저의 URL이 변경됨으로서로그인페이지로 이동 새롭게 사용할 수 있게되었다. javascript 코드 수정 위와같이 URL을 변경함으로서...iframe을 벋어나는 새로고침 효과를 얻을 수 있었다. 더보기
[JavaScript] CKEditor 연동하기 01. CKEditor 사이트에 접속하여 CK에디터를 다운받는다.(http://ckeditor.com/download) ※ Basic Package, Standard Package, Full Package가 있는데 여기서는 우선 Standard Package로 진행한다. 02. 다운받은 ckeditor.zip 파일의 압축을 해제하고 압축해제된 파일을 CK에디터를 적용할 프로젝트에 위치시킨다. 03. 기본적으로 설정을위해 04-1. textarea의 class로 지정하는 방법 04-2. id를 지정하여 스크립트로 불러오는 방법 ※ name의 경우 데이터를 전달하기 위하여 id를 사용하였고 문제없음을 확인했다. 05. 이제 확인하면 아래와 같이 CK에디터가 적용된 것을 확인 할 수 있다. 더보기
[JavaScript] 자바스크립트 대화창에서 띄어쓰기 01. 띄어쓰기를 하지않은 alert 팝업 alert("안녕하세요!! 흔들바람 입니다. 최근 페이스북 페이지를 OPEN 하였으니!! 많은 방문 바랍니다."); 02. 띄어쓰기를 적용한 alert 팝업 alert("안녕하세요!!\n흔들바람 입니다.\n최근 페이스북 페이지를 OPEN 하였으니!!\n많은 방문 바랍니다."); ※ '\n'의 적용 -. alert( ), confirm( ), prompt( )에 다 적용이 가능하다. 더보기