개발공부/끄적정리
next.js 등에서 사용되는 slug란?
hamsterDev
2024. 11. 8. 23:46
웹 개발에서 사용하는 "slug"라는 용어는 원래 문학적, 생물학적 의미에서 나왔지만, 현재는 URL에 친숙한 문자열을 의미하는 용어로 자리잡았습니다. 'slug'는 문장에서 쉽게 찾고 읽을 수 있도록 변환된 "사람이 읽을 수 있는 URL 끝부분"을 말하며, 예를 들어 게시물의 제목을 기반으로 고유한 URL 식별자를 생성하는 데 사용됩니다.
이 용어는 신문 출판 업계에서 사용되던 'slug'와 관련이 있습니다. 신문에서는 기사 제목을 간결하게 표시하거나 간단히 식별할 수 있도록 'slug'라는 단어를 사용했죠. 이와 마찬가지로, 웹에서는 페이지 제목을 짧고 간결하게 URL로 만들 때 'slug'라는 용어를 차용하게 되었습니다.
따라서 Next.js와 같은 프레임워크에서는 동적 라우트와 파일 이름을 기반으로 하는 URL 구조에서, slug를 사용하여 해당 페이지나 리소스를 간단히 식별할 수 있게 하고, 검색 엔진과 사용자가 더 쉽게 URL을 읽고 이해할 수 있도록 돕습니다.
신문 출판 업계에서 사용된 "slug"는 원래 인쇄와 편집 과정에서 기사의 제목이나 주제를 간단하게 표시하기 위해 사용된 용어로, 그 기원은 더 오래된 인쇄업 용어에서 비롯되었습니다. 인쇄술이 주로 사용되던 시대에는 인쇄 공정에서 "slug"가 납으로 만들어진 인쇄판의 짧고 무거운 금속 조각을 뜻했습니다. 이 조각에 간단한 텍스트가 새겨져 있어, 긴 제목 대신 편집자가 기사나 섹션을 쉽게 식별할 수 있었습니다.
이후 신문과 출판에서 "slug"는 제작 과정에서 임시로 붙이는 식별 코드나 제목을 지칭하는 데 사용되었습니다. 이러한 의미가 발전해 오늘날에는 짧고 의미 있는 URL 끝부분을 나타내는 웹 개발 용어로도 사용되고 있습니다.