LabEx
로그인무료 가입

JavaScript 를 사용한 URL 친화적인 슬러그 생성

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 JavaScript 를 사용하여 문자열을 URL 친화적인 슬러그 (slug) 로 변환하는 방법을 살펴봅니다. 이 과정은 문자열을 소문자로 변환하고 특수 문자를 제거하여 정규화하는 것으로 시작하며, 공백, 대시, 밑줄을 하이픈으로 대체하는 과정을 거칩니다. 이 랩을 마치면, 주어진 문자열에서 슬러그를 생성할 수 있는 함수를 갖게 될 것입니다. 이를 통해 URL 및 기타 웹 기반 애플리케이션에서 슬러그를 더 쉽게 사용할 수 있습니다.

문자열을 URL 슬러그로 변환하는 함수

URL 에서 사용할 수 있는 슬러그로 문자열을 변환하려면 다음 단계를 따르세요.

  1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
  2. String.prototype.toLowerCase() 및 String.prototype.trim() 메서드를 사용하여 문자열을 정규화합니다.
  3. String.prototype.replace() 메서드를 사용하여 공백, 대시, 밑줄을 -로 바꾸고 특수 문자를 제거합니다.
  4. 다음 코드를 구현합니다.
const slugify = (str) =>
  str
    .toLowerCase()
    .trim()
    .replace(/[^\w\s-]/g, "")
    .replace(/[\s_-]+/g, "-")
    .replace(/^-+|-+$/g, "");
  1. slugify('Hello World!'); 입력을 사용하여 함수를 테스트하면 'hello-world' 출력이 반환되어야 합니다.

요약

축하합니다! 문자열을 슬러그로 변환하는 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.