원본: 자바스크립트에서 랜덤 문자열 생성하는 방법 랜덤 문자열은 사용자 ID, 비밀번호 생성, 토큰 생성 등 다양한 목적으로 사용됩니다. 이 포스트에서는 자바스크립트를 사용하여 무작위 데이터인 랜덤 문자열 생성하는 방법을 알아보겠습니다. 랜덤 문자열 필요성 이는 소프트웨어 개발 시 사용자 ID, 비밀번호, 토큰 등을 구성하는데 필요합니다. 웹 애플리케이션을 만든다고 가정했을 때 각각의 사용자가 로그인 할 수 있도록 임의의 … Read more
원본: 자바스크립트 정규 표현식으로 특수문자 제거 알파벳이나 숫자가 아닌 구두점, 악센트, 기호 등 읽을 수 없는 문자를 특수문자 라고 합니다. 문자열을 읽거나 이해하기 더 쉽도록 문자열에서 특수문자 제거를 해야합니다. 이 작업을 가장 간단하게 하는 방법은 정규 표현식을 사용하는 것 입니다. 포스트를 시작하기 전에 자바스크립트의 정규 표현식에 대해 간단하게 살펴보고 넘어가겠습니다. 자바스크립트의 정규 표현식 정규 표현식은 … Read more
원본: 자바스크립트에서 문자열 제거 방법 자바스크립트의 문자열은 기본 자료형으로 작은따옴표(‘), 큰따옴표(“), 백틱(`)으로 묶인 일련의 문자를 가집니다. 문자열은 수정할 수 없습니다(immutable). 즉, 문자열을 변경하려면 원래 문자열은 놔두고 새 문자열을 만들게 됩니다. 문자열을 조작해주는 빌트인 메소드로 문자열을 수정하고 변환할 수 있으며, 이는 더 적은 코드로 작업을 더 쉽게 만듭니다. 문자열을 조작하는 작업 중 하나는 문자열에서 문자를 제거하는 … Read more
원본: JavaScript Substring Method 이번 포스트에서는 자바스크립트의 substring() 메소드를 효과적으로 사용하는 방법에 대해 알아보겠습니다. 여기서는 메소드의 작동 방식을 알아보기위해 예제와 패턴, 특이점 등을 확인해 보겠습니다. 일반적으로 substring() 메소드는 문자열의 일부를 추출하고 저장할 때 사용하는 String 객체의 메소드입니다. 추출하는 동안 원본 문자열은 그대로 유지되며 대상 부분만 새 문자열로 리턴됩니다. 문자열의 특정 부분을 가져올 때 사용하기 좋습니다. … Read more
원본: 자바스크립트의 템플릿 리터럴 사용 방법 템플릿 리터럴은 ES6에서 도입된 자바스크립트의 기능입니다. 이는 문자열 작업 시 보다 유연하고 유지 관리가 쉽도록 도와줍니다. 이 포스트에서는 템플릿 리터럴을 사용하는 방법, 구문, 이점 및 사용 사례를 알아보겠습니다. 또한 태그가 지정된 템플릿 리터럴(tagged template literals)이라는 강력한 기능에 대해서도 알아보겠습니다. 템플릿 리터럴 이란? 템플릿 리터럴은 문자열 작업을 편리하게 수행할 수 … Read more
원본: The best way to pad a string in JavaScript (padStart) 자바스크립트는 문자열에 다른 문자를 채우는 다양한 방법을 제공합니다. 하지만 모두가 여러 방법 중 가장 효율적인 방법을 사용하고 싶어 합니다. 이 포스트에서는 문자열에 다른 문자를 채우는 가장 좋은 방법을 알아보겠습니다. 조건문으로 문자열 채우기 문자열 채우기란 문자열에 다른 문자열이나 문자 시퀀스를 채우는 것을 의미합니다. 예를 들어, … Read more
원본: JavaScript indexOf Polyfill 자바스크립트의 indexOf() 메소드는 배열이나 문자열 내 요소의 위치를 찾는 편리한 도구입니다. 이 메소드는 빌트인 메소드지만 상황에 따라 구현을 커스터마이징해야 할 때도 있습니다. 이렇게 polyfill을 만드는 것은 교육적이면서도 실용적일 수 있습니다. 이 포스트에서는 indexOf의 개념을 알아보고, polyfill 생성이 왜 중요한지 설명하고 실제로 구현해 보겠습니다. indexOf() 메소드의 이해 polyfill 생성에 대해 알아보기 전에 … Read more
원본: JavaScript toLowerCase() – How to Convert a String to Lowercase and Uppercase 이 포스트에서는 자바스크립트 문자열을 소문자 및 대문자로 변환하는 방법을 설명합니다. 또한 단어의 첫 글자만 대문자로 만드는 방법과 문장의 모든 단어의 첫 글자를 대문자로 만드는 방법도 알아보겠습니다. toLowerCase 사용 방법 이 메소드는 문자열을 소문자로 변환합니다. 사용 구문은 다음과 같습니다: 위의 구문에서 보이는 바와 … Read more
자바스크립트에서 공백 제거 목적으로 문자열의 내용을 치환하는 작업은 그리 쉽지 않습니다. 하지만 String 객체의 빌트인 메소드를 사용하면 간단히 원하는 내용을 다른 내용으로 변경할 수 있습니다. 이 포스트에서는 다양한 빌트인 메소드를 사용하여 문자열 내의 공백 문자를 제거하는 방법을 알아보겠습니다. trim() 메소드로 공백 제거 자바스크립트 문자열의 공백을 제거하기 위해 trim() 메소드를 사용할 수 있습니다. 이는 문자열의 시작 … Read more
원본: How to Trim Strings in JavaScript form 필드에서 문자열을 다룰 때 문자열의 시작과 끝에 있는 공백은 제거하는 것이 좋습니다. 이번 포스팅에서는 자바스크립트의 공백(whitespace)과 개행 문자(LF: line feed, CR: carriage return)에 대해 설명하고, 문자열의 시작/끝에 존재하는 공백과 개행 문자를 제거하는 방법을 알아보겠습니다. 공백과 개행 문자 실제 trim() 메소드에 대해 알아보기 전에 이 기능이 어떤 특수 … Read more
원본: Replace All String Occurrences in JavaScript 자바스크립트에서는 특정 문자열을 모두 다른 문자열로 바꾸는 간단한 방법이 없습니다. 이 포스트에서는 문자열 치환을 위해 문자열을 분할한 후 결합하는 방법과 String.replace() 메소드에 정규식을 사용하는 방법으로 모든 문자를 치환하는 방법을 알아보겠습니다. 또한 한번에 문자열의 모든 문자를 바꿀 수 있는 새로운 replaceAll() 메소드도 알아보겠습니다. replaceAll() 메소드는 사용하기 가장 편리한 방법이지만 … Read more
원본: 자바스크립트 String endsWith 메소드 자바스크립트로 개발을 하다보면 주어진 문자열의 끝 문자를 확인해야 하는 상황이 있을 수 있습니다. String 클래스의 endsWith() 메소드는 주어진 문자열이 특정 문자열로 끝나는지 여부를 확인합니다. 이 메소드는 주어진 문자열의 끝에서 단일 또는 여려 분자를 검색하고 해당 문자가 발견되면 true를 리턴합니다. endsWith 문법 구문 메소드의 문법 구문은 다음과 같습니다: 매개변수 매개변수로 다음의 … Read more
원본: 자바스크립트 String startsWith 메소드 자바스크립트의 startsWith() 메소드는 이름에서 알 수 있듯이 주어진 문자열이 특정 문자열로 시작하는지 확인합니다. 문자열이 특정 문자열로 시작하면 true를 리턴하고 그렇지 않다면 false를 리턴합니다. startsWith 문법 구문 이 메소드의 문법 구문은 다음과 같습니다: 여기서 string은 검사할 문자열 입니다. 이는 “searchString”과 “position” 두 개의 매개변수를 받습니다. 매개변수 메소드는 매개변수로 searchString과 position을 받습니다. … Read more
원본: https://www.freecodecamp.org/news/javascript-split-a-string-string-to-array-js-method/ 문자열을 배열로 자르려면 자바스크립트의 split() 메소드를 사용할 수 있습니다. split 메소드의 기본 구문 optional-separator 매개변수는 문자열을 여러 조각으로 자를 위치를 알려주는 패턴입니다. optional-limit 매개변수는 잘려진 하위 문자열의 갯수를 제한하는 값 입니다. split 메소드 코드 예제 첫 번째 예제에서는 “I love shinyks.com” 문자열을 사용해 보겠습니다. 메소드에 optional-separator 구분자를 전달하지 않는 경우 전체 문자열을 하나의 … Read more