Web/javascript
[브라우저] 로컬스토리지, 세션 스토리지 , 캐시
로컬스토리지, 세션 스토리지 , 캐시 로컬 스토리지(localStorage)와 세션 스토리지(sessionStorage)는 HTML5에서 추가된 저장소이다. 간단한 키와 값을 저장할 수 있다.( 키 : 밸류 ) 이 둘의 차이점은 데이터의 영구성이다. 로컬 스토리지 : 사용자가 지우지 않는 이상 계속 브라우저에 남아있다.(단, 캐시삭제하면 제거된다.) 세션 스토리지 : 윈도우나 브라우저 탭을 닫을 경우 제거된다. *단, 비밀번호 같은 중요한 정보는 저장하면 안된다. 클라이언트에 저장하는 것이기 때문에 털릴 가능성 100% 쿠키 : 만료 기한이 있는 키-값 저장소이다. 4kb 용량 제한이 있고, 매 서버 요청마다 서버로 쿠키가 같이 전송된다. 두 스토리지는 모두 window 객체()안에 들어있다. 스토리지 ..
[자바스크립트] 자바스크립트 정리
1. 변수 만드는 규칙 - 영문자, 숫자, _- 숫자로 시작할 수 X- 특수문자로 시작할 수 X- 공백은 허용되지 X- 자바스크립트 문법안에서 규정한 예약어(키워드)는 변수로 사용할 수 X 2. 연산자 1(산술, 대입, 증감, 비교연산자) - 산술연산자 - 대입연산자 - 증감연산자++, -- -비교연산자 3. 연산자 2(논리연산자, 비트, 삼항 연산자, 기타연산자) -논리연산자
[자바스크립트] 모바일 웹일 때 주소창이 사라지게 설정
위 소스를 모바일 사이트에서 사용자의 편의성을 고려하기 위해 주소창을 가리는 방법이다.이는 사실 주소창이 사라지는 것이 아니라 페이지의 x, y 값을 0, 0으로 설정해 주소창이 사라지는 것처럼 보이게 하는 것으로 사용자에게는 편의성을 제공할 수 있다. 다만 페이지 로딩이 느리면서 주소창이 있는 상태로 로딩되다가 갑자기 페이지가 위로 올라가기도 하는데, 이 사이에 사용자가 화면을 터치하며 원하지 않는 곳으로 페이지가 이동할수고 있으니 주의해야한다. ★ CDATA는 SGML이나 XML에서 문자열(string)을 표현할 때 사용하는 기본 요소이다. 안에 들어있는 내용은 문자열 데이터라는 뜻이다. 하위 태그는 무시해도 되는 태그라는 것을 파서에게 알려주므로 오동작이나 오류를 막을 수 있다.
[제이쿼리][자바스크립트] 영문만, 숫자만, 한글만 입력.
/* 2018 03 29 추가*/ // 한글 영어만 $(".name_blank input").keyup(function(event) { if (!(event.keyCode >= 37 && event.keyCode >>>> 상단 빨간색 정규식 부분을 기호에 맞추 수정하면 된다. 숫자만: 영문만: 영문,숫자만: 한글만: keyCode: ############## 정규표현식 1. 확장문자 (: backslash) - s : 공백 문자(스페이스, 탭, 폼 피드, 라인 피드) - b : 단어의 경계 - B 이를 제외한 모든 문자 매칭 - d : 숫자 - D : 숫자가 아닌 문자 [^0-9] 와 동일 - w : 알파벳, 숫자로 된 문자, 밑줄 기호(_) [A-Za-z0-9] - W : w의 반대 문자 [^A-Za-..
[자바스크립트] 연산자
[JS] 자바스크립트 강좌(4) #각종 연산자들 수학에서 더하고 빼고 나누고 곱하는 것들은 기본적으로 알고 계실 것입니다. 하지만 도대체 이것들을 어디에다가 써야 하나, 수학은 왜 배우지? 하는 의문을 가지신분들도 계실겁니다. 저의 경우 수학의 배움의 의미를 잘 몰랐기 때문에 흥미를 못느꼈던 사람중에 하나입니다. 하지만 프로그래머가 된다는 것은 수학과 밀접한 관련이있습니다. 수학을 잘 못한다면 좋은 프로그래머가 될 수 없다고 할 수 있습니다. 때문에 이번회에서 다룰 연산자는 수학의 도구라고 말 할 수 있으며 중요한 단원이라고 할 수 있으니 주의깊게 봐주시기 바랍니다. [1] 연산자의 종류 산술연산자 +, -, *, /, % 증가/감소연산자 ++, -- 대입연산자 +=, -=, *=, /=, %=, >>=..
[자바스크립트] 함수
★이번 장에서 기억해야 하는 구문 - 익명 함수 선언function(){ } - 함수function { } ★이번 장에서 기억해야 하는 용어- 호출 : 함수 내부의 코드를 실행하는 것을 호출이라고 표현합니다.- 매개변수 : 함수에 자료 값을 넘기기 위해 사용하는 것을 매개변수라고 합니다.- 리턴 : 함수를 실행한 결과로 나오는 것을 리턴이라고 합니다.- 콜백 함수 : 함수의 매개변수로 함수를 전달할 때, 해당 함수를 콜백 함수라고 합니다. ---------------------------------------------------------------------------------------------- 1) 익명 함수 function(){} 형태는 함수지만 이름이 없으므로 '익명 함수'라고 부릅니다...
[자바스크립트] 배열
배열자바스크립트 배열은 값의 순차 컬렉션을 나타내는데, 각 값은 0부터 시작하는 인덱스 숫자를 가지고 있다. 자바스크립트에서는 배열명 다음에 대괄호로 인덱스를 감싸는 식으로 배열에서 값을 가져올 수 있다.배열에는 어떤 타입의 자바스크립트 데이터도 담을 수 있으며, 자바스크립트는 명시적인 타입이 없는(untyped) 언어이므로 배열의 원소가 반드시 같은 타입일 필요는 없다.Array() 생성자 함수를 이용한 자바스크립트 배열 생성배열은 Array() 생성자 함수를 이용해 생성할 수 있다. 다음 예제를 보자.var array1 = new Array();array1[0] = "Hello";array1[1] = 123;array1[2] = true;console.log(array1.length); // 3Arr..
[자바스크립트] for 반복문
★반복문★for 문for 반복문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복합니다.for (초기문:초기화 식1; 조건문:다시 반복할지 확인하는 식 2; 증감문:변화를 주기 위한 식3) 문장;(