자바스크립트의 URL API로 웹 주소 다루기

웹 개발에서 URL을 다루는 일은 참 빈번하게 발생하죠? 프론트엔드에서는 URL로 다른 웹페이지로 링크를 걸고, CSS와 자바스크립트 코드를 불러오며, 이미지, 오디오, 비디오와 같은 멀티미디어도 제공할 수 있습니다. 반면에 백엔드에서는 요청 URL의 경로에 따라서 DB에 저장되어 있는 데이터를 조회하고 URL의 쿼리 스트링으로 넘어온 매개변수에 따라서 다른 데이터 처리를 해줄 수 있습니다.


이번 시간에서는 웹 주소를 좀 더 안전하게 다룰 수 있도록 도와주는 자바스크립트의 URL API에 대해 알아보겠습니다.


📺 동영상: https://youtu.be/dSnJ3GnrKg0

📝 포스팅: https://careerly.co.kr/comments/100004


  • URL이란?

  • URL API 소개

  • URL 객체의 생성

  • URL 객체의 속성 읽기

  • URL 객체의 속성 쓰기

  • URL 객체의 메서드

  • Base URL 활용

자바스크립트의 URL API로 웹 주소 다루기

youtu.be

자바스크립트의 URL API로 웹 주소 다루기

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 4월 15일 오후 7:43

 • 

저장 7조회 2,951

댓글 0

    함께 읽은 게시물

    사이드 프로젝트 34개를 만들고 느낀점 10가지

    1️⃣ 아이디어의 가치는 실행했을 때 비로소 생긴다.

    ... 더 보기

     • 

    댓글 1 • 저장 131 • 조회 5,192


    커리어를 쌓아야 할 때 알아야 하는 잔인한 사실들

    1

    ... 더 보기

     • 

    저장 38 • 조회 1,458


    Vibe Coding 매뉴얼

    ... 더 보기

    Vibe Coding 매뉴얼: AI 지원 개발을 위한 템플릿 :: ROBOCO

    roboco.io

     Vibe Coding 매뉴얼: AI 지원 개발을 위한 템플릿 :: ROBOCO

     • 

    저장 18 • 조회 5,335


    리트코드 261. Graph Valid Tree

    ... 더 보기

    Graph Valid Tree | 알고달레

    알고달레

    Graph Valid Tree | 알고달레

     • 

    저장 4 • 조회 2,223


    리액트에서 Overlay를 다루는 갓벽한 5분컷 방법

    O

    ... 더 보기

    GitHub - toss/overlay-kit: A library for handling overlays more easily in React.

    GitHub

    GitHub - toss/overlay-kit: A library for handling overlays more easily in React.

    (번역) Create React App 지원 종료

    C

    ... 더 보기

    (번역) Create React App 지원 종료

    www.harimkim.com

    (번역) Create React App 지원 종료