본문 바로가기

Javascript

(5)
[Javascript] 자바스크립트 URL 인코딩, 디코딩 인코딩 인코딩은 특정 데이터를 다른 형식으로 변환하는 과정이다. URL 에서는 특수문자나 공백과 같은 문자를 전송하게되면 오작동을 일으킬 수 있으므로 특정한 형식으로 변환해야한다. 디코딩 인코딩된 데이터를 원래 데이터로 되돌리는 것이다. 인코딩 / 디코딩 함수 설명 escape() / unescape() - 영문 알파벳과 숫자, 일부 특수문자를 제외하고 모두 인코딩. 특수문자(@, *, -, _, +, ... /) - 1바이트 문자는 %XX의 형태로, 2바이트 문자는 %uXXXX 형태로 변환 encodeURI() / decodeURI() - escape() 함수에서 인터넷 주소에 사용되는 일부 특수문자는 변환하지 않음. 일부 특수문자(ex. https:// , https://와 같은 :, ;, /, =,..
[javascript] 즉시 실행 함수 표현(IIFE : Immediately Invoked Function Expression) IIFE : 즉시 실행 함수 표현 자바스크립트 기반 라이브러리나 api를 사용하다 보면 (function () { /.../ })(); 이러한 형태의 코드문법을 본적이 있을 것이다. 이는 Self-Executing Anonymous Function 으로 알려진 디자인 패턴이고 크게 두 부분으로 구성된다. 첫 번째는 괄호((), Grouping Operator)로 둘러싸인 익명함수(Anonymous Function)이다. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지할 수 있을 뿐 아니라 IIFE 내부안으로 다른 변수들이 접근하는 것을 막을 수 있는 방법이다. 두 번째 부분은 즉시 실행 함수를 생성하는 괄호()이다. 이를 통해 자바스크립트 엔진은 함수를 즉시 해석해서 실행한다. 예시 (..
[Javascript] Ajax / readyState와 status readyState 상태 값 설명 의미 0 객체만 생성(open 메서드가 호출되지 않음) Uninitilalized 1 open메서드 호출 Loading 2 send메서드 호출, status에 헤더가 도착하지 않은 상태 Loaded 3 데이터의 일부를 받은 상태 Interactive 4 데이터 전부 받은 상태 Completed status.stateText - 서버로부터의 응답 상태. 값(status) 텍스트(statusText) 설명 200 OK 요청 성공 403 Forbidden 접근 거부 404 Not Found 페이지 없음 500 Internal Server Error 서버 오류 발생
[javascript] Array Method / 배열 메소드 정리 arr.pop( ); 배열 뒷부분 삭제 1 2 3 var arr = [ 1, 2, 3, 4 ]; arr.pop(); console.log( arr ); // [ 1, 2, 3 ] arr.push( Value값 ); 배열 뒷부분에 값을 삽입 1 2 3 var arr = [ 1, 2, 3, 4 ]; arr.push( 5 ); console.log( arr ); // [ 1, 2, 3, 4, 5 ] cs arr.unshift( Value값 ); 배열 앞부분에 값을 삽입 1 2 3 var arr = [ 1, 2, 3, 4 ]; arr.unshift( 0 ); console.log( arr ); // [ 0, 1, 2, 3, 4 ] cs arr.shift(); 배열 앞부분의 값을 삭제 1 2 3 var arr =..
[JavaScript]회원가입 정규식 문자 클래스의 종류 문자 클래스 설명 [xy] x 또는 y를 찾습니다. [^xy] x, y를 제외하고 문자 하나를 찾습니다(문자 클래스 내의 ^은 not을 의미) [x-z] x부터 z사이의 문자 중 하나를 찾습니다. \^ ^(특수문자)을 식에 문자 자체로 포함합니다. \b 문자와 공백 사이의 문자를 찾습니다. \B 공백을 제외한 문자와 문자 사이의 문자를 찾습니다. \d 숫자를 찾습니다. \D 숫자가 아닌 값을 찾습니다. \s 공백 문자를 찾습니다. \S 공백이 아닌 문자를 찾습니다. 자주 사용되는 패턴 데이터 형식 패턴 숫자만 /^[0-9]*$/ 영문자만 /^[a-zA-Z]*$/ 한글만 /^[가-힣]*$/ 영문자와 숫자만 /[a-zA-Z0-9]*$/ 이메일 ^[0-9a-zA-Z]([-_\.]?[0-9a..