개발자

ALL

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

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

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

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

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

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

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

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

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

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

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

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

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는 참""공백 문자열...
ALL

Perl 해시 hash 사용 방법 예제

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

Perl 리스트와 배열 사용 방법 예제

리스트와 배열 리스트 란 스칼라에 순서를 붙여서 나열한 것으로, 리스트 안에서 스칼라 위치에 따라 자유롭게 접근할 수 있습니다. 그리고 그 리스트를 변수로 한 것을 배열이라고 합니다. ※리스트는 배열은 를 의미합니다. 배열 이름은 @(앳) + 영문자로 시작하며 그 이후는 숫자 영문자 그리고 언더파(_)를 사용할 수 있습니다. 그리고 대문자 소문자를 구별합니다. @a 와 @A는 별개로 취급합니다. 변수명에 사용가능한 문자@abc123변수명으로 사용 가능@123abc숫자로 시작하기 때문에 사용 불가@abc_123언더바(_) 사용 가능@...