Topic

자바스크립트

A collection of 197 posts
자바스크립트

[javascript] 문자열 리터럴과 템플릿 리터럴, 그리고 태그드 템플릿

문자열 리터럴 리터럴은 선언과 동시에 값을 적용해 생성하는 방식을 말합니다. let str = '문자열';  이런 선언 방식을 리터럴이라고 하며, 문자열을 이런 방식으로 생성하는 것을 문자열 리터럴이라고 합니다. 그와 달리 let str =  new String('문자열 객체'); 처럼 객체로 생성하는 방식도 있습니다. 리터럴은 선언과 동시에 해당되는 변수에 값을 대입해 생성하는 방식이므로  let obj
5 min read
자바스크립트

[javascript] 문자열 합치기

간단하게 '+' 연산자를 이용해 두개의 문자열을 연산하면 하나의 문자열로 합해집니다. '문자열1' + '문자열2' // '문자열1문자열2' 를 반환 조금 더 복잡하고 고급스러운 문자열 합치기를 하려면 문자열 메서드인 concat()를 사용하면 됩니다. concat() 메서드는 문자열 메서드이기 때문에  const str1 = '문자열1';const str2 = '문자열2'; console.log(str1.concat(str2)); // '문자열1문자열2' 를 반환 이렇게 사용해야
2 min read
자바스크립트

[javascript] 문자열 바꾸기와 대소문자 변환하기

문자열 바꾸기는 replace() 메서드를 사용합니다. 문자열에서 찾는 문자열을 대상 문자열로 바꿉니다. 단, 처음 나오는 찾는 문자열 1개만 바꿉니다. 문자열 안의 모든 찾는 문자열을 대상 문자열로 바꾸려면 정규식을 함께 조합해서 사용해야 합니다. 문자열 1개 바꾸기 const str1 = 'GOOD MORNING, GOOD AFTERNOON, good evening, and good night'; //처음 나오는 찾는 문자열을 대상
4 min read
자바스크립트

[javascript] 문자열이 아닌 데이터를 문자열로 변환하기

숫자를 문자열로 변경하는 내장 메서드는 toString() 입니다. 다른 개발 언어들과 같은 기능을 하는 메서드이며, 자바스크립트 내장 기본 데이터 타입에는 모두 toString() 메서드가 있습니다. 다양한 내장 데이터 타입들을 toString() 메서드를 이용해 문자열로 변환해봅니다. const num1 = 123;const num2 = 123.45;const bool = true;const str = '문자열타입';const arr = [1,2,'a',
2 min read
자바스크립트

[javascript] 문자열 자르기

문자열을 자르는 방법은 크게 문자열에서 시작 위치와 끝 위치 인덱스를 지정해 그 사이의 문자열을 가져오는 방법과 시작위치에서부터 길이만큼 문자열을 자겨오는 방법 2가지로 나눌 수 있습니다. 시작 위치와 끝 위치를 지정해 가져오는 방법은 slice(), substring() 메서드가 있고 시작위치에서 길이만큼 가져오는 방법은 substr() 메서드가 있습니다. substring() 과 substr()을 자주 혼동하기 때문에
7 min read
자바스크립트

[javascript] 문자열의 공백 제거하기

문자열 데이터는 원 데이터를 그대로 사용하기 보다는 가공을 해서 원하는 형태로 변경한 후 사용하는 경우가 더 많습니다. 문자열에서 가장 문제가 많은 것은 공백 문자입니다. 문자열 앞뒤의 공백 제거 입력 폼에서 사용자 입력을 받은 경우, 또는 엑셀에서 셀 데이터를 복사해서 붙여넣은 데이터를 가져온 경우 가장 흔하게 발생하는 문제가 문자열 앞, 뒤,
3 min read
자바스크립트

[javascript] 문자열과 문자열 객체의 차이

자바스크립트에는 문자열을 저장하는 2가지 데이터 타입이 있습니다. 자바스크립트에 원래 있던 문자열 타입(원형 문자열), 그리고 문자열 객체가 있습니다. 둘은 문자열 데이터를 담는 면에서는 같지만 그 사용 방법은 여러가지로 다른 데이터 타입입니다. let str1 = '문자열';let str2 = new String('문자열'); str1은 문자열 타입입니다. 문자열 리터럴(작은 따옴표, 또는 큰 따옴표로 값을
5 min read
자바스크립트

HTML 테이블을 CSV 파일로 다운로드 하기

현업에서 테이블 형태로 정리된 데이터를 엑셀 파일로 다운로드 받는 것은 생각보다 빈번하며 중요합니다. 웹으로 모든 걸 구현해 온라인에서 해결할 수 있지만, 원시데이터를 다운로드 받아 엑셀에서 재가공하는 방식은 여전히 현실에서는 강력한 위력을 가지고 있습니다. 다만, 엑셀 파일로 테이블 데이터를 다운로드 하는 방식은 코스트가 많이 듭니다. 서버에서 네이티브 엑셀 파일을 생성하는 기능을
5 min read
자바스크립트

ES2015, ES2016, ES2017, ES6, ES7, ES8 ? 자바스크립트 버전의 이해

자바스크립트는 함수형 스크립트 언어이고 사용되어 온지 오래된 언어이기 때문에 이런 저런 부족한 부분이 많았습니다. 언어의 특성상 헛점들도 많았고, 무엇보다 최신 언어들에서 지원되는 개념들을 거의 지원하지 못했습니다. 그런 자바스크립트가 2015년부터 지속적으로 기능이 확장되면서 기능 확장 단위를 구분하기 위해 버전 명칭을 부여하기 시작했습니다. 그런 자바스크립트 버전 명칭이 ES6, ES2015와 같은 식으로 붙은
6 min read
자바스크립트

자리수 만큼 남는 공간을 0으로 채우기

숫자를 웹상에 문자로 표현을 할 때 자리수만큼 앞에 0을 채워야 하는 경우가 있습니다. 예를들어 년-월-일 날짜의 경우 "2020-05-09" 와 같은 표시를 하는 경우 월과 일 앞에 0을 채워서 자리수를 10자리로 맞춰야 하는 경우가 있습니다. 또는, "003", "0001" 과 같이 숫자 앞에 일정 갯수만큼 0을 채워넣어서 표시를 해야하는 경우도 있을 수
5 min read