ALL

자바스크립트 jQuery Form 데이터 배열, 쿼리 형식으로 전송하기

텍스트 박스에 입력한 값을 jQuery를 사용해 처리할 로직에 전달해야 하는 경우가 많습니다.또는 체크박스나 라디오 버튼등 입력할 수 있는 항목이 많은 경우도 있습니다.로직은 자바나 PHP 등등 따로 만들어 놓은 경우가 많기 때문에 POST 또는 GET으로 전송합니다.이렇게 로직 부분에 입력한 값을 전송할때 항목이 여러 개일 경우 배열로 전송하면 값을 취득하기 편리합니다.serializeArray 배열 형식serializeArray를 사용하면 데이터를 전송할 때 배열 형태로 전송을 할 수 있습니다.예제를 보면서 사용방법을 보도록 하...

ALLIT자바스크립트

자바스크립트 문자열 뒤에서부터 자르기 slice

문자열을 자르기 위해 대표적으로 substring 함수를 사용합니다.앞에서부터 문자열을 자른다면 substring로 충분하지만 뒤에서부터 자르고 싶은 경우에는 slice 함수를 사용해야 합니다.문자열에서 substring 함수와 slice 함수의 자세한 차이점을 아래를 참조해주세요.자바스크립트 문자열 자르기 slice와 substring 차이점 링크링크slice 함수로 문자열을 뒤에서부터 자르는 방법을 보겠습니다.slice 문자열 뒤에서부터 자르기slice (시작위치, 종료위치)기본적인 사용방법은 아래 예제처럼 사용합니다.앞에서 부...

ALLIT자바스크립트

자바스크립트 문자열 자르기 slice와 substring 차이점

slice 함수는 배열을 자를때 많이 사용하지만 문자열을 자를 때도 사용합니다.그리고 문자열을 자르기 위해 substring 함수를 많이 사용합니다.slice 함수와 substring 함수로 문자열을 자를때 차이점을 보도록 하겠습니다.slice와 substring 차이substring(시작위치, 종료위치)slice(시작위치, 종료위치)예제1var str = "ABCDEFGHIJK";var subRs = str.substring(0,2);var sliceRs = str.slice(0,2);console.log("substring : ...

ALLIT자바스크립트

자바스크립트 LocalStorage 사용 방법과 쿠기와 차이점

자바스크립트를 사용하면서 값을 저장해야 하는 경우 변수를 사용합니다.화면 이동이 있거나 영구적으로 저장해야 하는 경우 DB에 저장을 하거나 임시적으로 저장하고 싶은 경우 쿠키(cookie)를 사용하기도 합니다.이처럼 일정 시간 또는 영구적으로 값을 저장하고 싶은 경우에 사용할 수 있는 것이 WebStorage API인 로컬 스토리지(LocalStorage)가 있습니다.LocalStorage란?・데이터를 사용자 로컬에 보존하는 방식.・데이터를 저장, 덮어쓰기, 삭제 등 조작 가능.・자바스크립트(JavaScript)로 조작.・모바일에서...

ALLIT자바스크립트

자바스크립트 ==와 === 차이점과 Object.is 사용 방법

자바스크립트에서 값을 비교하는 경우 == 또는 === 을 사용해 값을 비교합니다.비교 연산자인 == 와 === 의 차이점에 대해서 알아보려고 합니다.이미 알고 계신 내용이라면 끝가지 읽지 않으셔도 괜찮습니다.그리고 Object.is 대해서도 살펴보도록 하겠습니다.== 와 === 차이먼저 비교 연산자 == 와 === 에 대해서 살펴보겠습니다.자바스크립트를 공부하면서 값을 비교하기 위해 사용하는 연산자로 ==를 배우게 됩니다.하지만 == 보다는 ===를 사용하는 경우가 더욱 많습니다.이유는 ==에는 형변환 기능이 암묵적으로 발생하기 때...

ALLIT자바스크립트

자바스크립트 console 사용 방법 크롬 콘솔 출력하기

이번에 소개할 것은 자바 스크립트 console 메서드입니다.대부분 console.log로 디버그 확인용으로 많이 사용을 합니다.log 외에도 많은 함수들이 있으며 디버깅에 도움이 되는 기능도 많이 있기 때문에 정리를 해보았습니다.브라우저는 크롬(Chrome)을 사용하도록 하겠습니다.console.log()〇 문자 리테랄log메서드 안에서 문자 리테랄을 사용할 수 있습니다.사용할 수 있는 형식은 다음과 같습니다.・%o / %O - for objects;・%d / %i - for integers;・%s - for strings;・%f...

ALLIT자바스크립트

자바스크립트 for…of(이터레이터) 반복문 사용 및 예제

자바스크립트에서 for...of를 사용하여 반복문을 사용하는 방법과 예제를 보도록 하겠습니다.지금 까지 사용해왔던 for문은 아래 예제처럼 사용해왔습니다.for문 예제1var forItera = ;for (var i = 0; i < forItera.length; i++) { var value = forItera; console.log(value);}일반적으로 가장 많이 볼 수 있는 for문의 작성방법이기도 합니다.그리고많이 볼 수 있는 for문의 작성 방법으로는 다음과 같은 방법도 있습니다.for문 예제2var forItera = ...

ALLIT자바스크립트

Perl 제어문 if 조건문 for 반복문 사용 방법 예제

조건 제어문인 if문과 반복문인 for문에 대해서 알아보겠습니다.참과 거짓제어문으로 조건식이나 반복문을 학습하기 전엔 참(true)과 거짓(false)에 대해서 살펴보겠습니다.참과 거짓의 정의는 다음과 같습니다. 거짓숫자 0문자열 "0"공백문자열 ""미정의 값 참위 외의 것조금 더 구체적으로 보면은 다음과 같습니다.0숫자 0이므로 거짓1숫자 1이므로 참-1숫자 0이 아니므로 참3-3계산 결과 0이므로 거짓0.0숫자 0이므로 거짓"0"문자열 0이므로 거짓"0.0"문자열 0.0과 0은 다르므로 참A문자열 A는 참""공백 문자열이므로 거...

Perl 해시 hash 사용 방법 예제

이전 포스팅에서 배열과 리스트에 대한 사용 방법을 알아봤었습니다.이번에는 키와 값으로 만들어 사용할 수 있는 해시에 대해 알아보겠습니다.해시 함수란해시 란 연상 배열이라고도 불리며, 와 을 한 세트로 해서 관련되어 있는 배열입니다.단, 배열 자체에 순서가 부여되지 않은 것이 특징 입니다.해시 변수명은 %(퍼센트) + 영문자로 시작하며 그 이후는 숫자 영문자 그리고 언더바(_)를 사용할 수 있습니다.그리고 대문자 소문자를 구별합니다.%a 와 %A는 별개로 취급합니다.해시 변수의 조작해시 변수는 키와 값을 세트로 해서 숫자나 문자열을 ...

다음 페이지로

1 … 24 25 26 … 77