자바스크립트의 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,961

댓글 0

    함께 읽은 게시물

    바이브 코딩? 소버린 AI? 2025년 상반기 정리 및 하반기 AI 트렌

    1

    ... 더 보기

    바이브 코딩? 소버린 AI? 2025년 하반기 AI 트렌드 예측 : 오호츠크 리포트

    55check.com

    바이브 코딩? 소버린 AI? 2025년 하반기 AI 트렌드 예측 : 오호츠크 리포트

    < 가장 뛰어난 사람들은 ‘결정’을 아껴 쓴다 >

    1. 2년, 3년 앞을 미리 생각해야 합니다. 2~3년 앞을 생각한다면 왜 오늘 100개의 결정을 해야 할까요?

    ... 더 보기

    🤖 최초의 AI 브라우저, Dia 직접 써봤습니다! 🌐

    ... 더 보기

    아직 나도 정립되지 않은 상태이긴한데, 실무에서의 바이브 코딩은 다르다.


    비단 개발자 관점에서만이 아니라, 기획자, 디자이너도 마찬가지로 다른 방식을 써야한다.


    ... 더 보기

    AI와 코딩할 때, 혹시 결과만 말하고 계신가요?
    얼마 전 프로필 페이지를 AI와 함께 만들면서 이상한 걸 발견했어요.

    ... 더 보기

    - YouTube

    youtu.be

     - YouTube

     • 

    저장 13 • 조회 1,337


    < 퇴근길 작은 트럭에게 약속의 무게를 배우다 >

    1

    ... 더 보기