URL 경로 세그먼트 추출 및 변수 변환
복잡한 URL의 경로(Path) 슬래시 단위를 쪼개어 세그먼트 인덱스별 변수로 매핑하고 라우트 패턴 추출
웹 개발자가 dynamic routing 패턴을 설계할 때 URL 전체 경로를 슬래시(`/`) 기준으로 한눈에 매핑하고, 세그먼트별 파라미터 변수명을 부여하여 Express나 Next.js용 최적화 라우팅 규칙 코드를 얻을 수 있는 설계 분석 도구입니다. 별도의 프로그램 설치나 복잡한 회원가입 없이 웹 브라우저에서 즉시 실행되며, 입력한 데이터는 외부 서버로 유출되지 않고 안전하게 로컬 환경에서 처리됩니다.
도구를 불러오는 중…
🔒 이 도구는 100% 브라우저에서 처리됩니다. 업로드한 파일과 입력한 내용은 서버로 전송되지 않습니다.
사용 방법
- 파싱 분석을 원하는 전체 URL 주소나 경로 패턴을 기입합니다.
- 하단에 인덱스별로 추출된 슬라이스 칸에 맞추어 원하는 변수명(예: userId, category)을 매핑해 줍니다.
- 실시간 계산된 Express.js 라우트 형태(`:userId`)나 Next.js 폴더 매핑 구조(`[userId]`) 코드를 복사해 사용합니다.
자주 묻는 질문
- URL 뒤쪽 물음표(?) 이하 쿼리 파라미터도 파싱되나요?
- 네, 경로 세그먼트 분할 분석과 동시에 URL 끝부분에 매달린 쿼리 스트링(`?ref=blog&theme=dark`) 파라미터들의 키-값 테이블도 하단에 실시간으로 추출하여 함께 보여줍니다.
- 경로에 한글이나 %20 같은 퍼센트 인코딩된 문자가 들어 있어도 정상적으로 분석되나요?
- 네, 인코딩된 상태(%ED%95%9C%EA%B8%80 등) 그대로도 세그먼트 구분은 정상적으로 이뤄지며, 화면에는 사람이 읽기 쉽도록 디코딩된 값(한글 등)도 함께 보여주므로 실제 경로 내용을 바로 확인할 수 있습니다.
- 경로에 한글이나 %20 같은 퍼센트 인코딩된 문자가 들어 있어도 정상적으로 분석되나요?
- 네, 인코딩된 상태(%ED%95%9C%EA%B8%80 등) 그대로도 세그먼트 구분은 정상적으로 이뤄지며, 화면에는 사람이 읽기 쉽도록 디코딩된 값(한글 등)도 함께 보여주므로 실제 경로 내용을 바로 확인할 수 있습니다.