sol의 개발로그

🔎 Location이란? 현재 페이지의 주소 정보를 가지고 있어서 페이지 관리를 위해서는 꼭 필요한 객체이다. 해당 API를 사용하면 웹 애플리케이션은 사용자의 현재 위치를 확인하고 위치에 관련된 작업을 할 수 있다. 🔎 Location 속성 1. href : 전체 URL 주소 2. protocol : 프로토콜 3. hostname : 도메인 이름 4. pathname : 도메인 이후 경로 5. host : 포트 번호를 포함한 도메인 이름 6. port : 포트 번호 7. hash : 해시 정보(페이지의 ID) console.log(location); location 객체를 확인하여 맞는 속성값을 사용할 수 있다. 🔎 Location 메서드 1. assign(주소) : 해당 '주소'로 페이지 이동 2. ..

console MDN console - Web API | MDN console 객체는 브라우저의 디버깅 콘솔(Firefox 웹 콘솔 등)에 접근할 수 있는 메서드를 제공합니다. 동작 방식은 브라우저마다 다르지만, 사실상 표준으로 여겨지는 기능도 여럿 있습니다. developer.mozilla.org 🔎 console(콘솔) 이란? 웹 개발과 디버깅에 사용되는 도구로, 브라우저 개발자 도구와 Javascript 환경에서 주로 활용된다 콘솔은 텍스트 기반의 사용자 인터페이스를 제공된다. 🔎 console(콘솔) 사용 목적 1. 디버깅(Debugging) : Javascript 코드를 실행 중에 발생하는 오류를 식별하고 해결하는 데 사용되며 콘솔을 통해 변수의 값을 출력하고 오류 메시지를 확인하며 스크립트 실..

🔎 Cookie(쿠키)란? 웹 애플리케이션에서 사용자 정보나 세션 정보 등을 클라이언트 브라우저에 저장하고 관리하기 위한 작은 데이터 조각으로 쿠키는 클라이언트 측에서 저장되며 이름-값 쌍으로 구성되어 있고 영구적 저장은 불가능하다. 도메인단위(사이트)로 데이터를 저장할 수 있는 개념이며 표준안을 기준으로 사이트당 최대 20개 및 4KB로 저장제한이 되어있다. 🔎 Cookie 옵션(구성요소) 알아보기 Cookie는 값을 지정할 때 옵션 사용이 가능하다. 1. Name : 쿠키를 식별하는 데 사용되는 이름 2. Value : 쿠키에 저장되는 데이터 3. Domain : 쿠키가 유효한 도메인 4. Path : 쿠키가 적용되는 URL 경로 5. Expires(만료날짜) : 쿠키의 만료 날짜(UTC Date) ..

🔗 MDN바로가기 웹 플랫폼의 일부로 제공되는 javascript API로 URL의 쿼리 문자열을 다루는 기능을 제공하여 URL의 쿠리 매개변수를 읽고 조작할 수 있도록 해준다. 웹 애플리케이션에서는 URL에 쿼리 매개변수를 사용하여 다양한 정보를 전달할 수 있다. 예시로 검색어, 필터링옵션, 페이지 번호 등을 쿼리 매개변수로 전달할 수 있으며 쿼리 매개변수를 쉽게 다룰 수 있는 도구로서 사용이 된다. 객체 생성 : const params = new URLSearchParams("?name=test%age:55") 쿼리 매개변수 읽기 : get(), getAll(), has() 메서드를 사용하여 특정 쿼리 매개변수를 조회할 수 있다. get() : 단일값을 반환한다 getAll() : 모든 값을 배열로 ..

History MDN History - Web API | MDN History 인터페이스는 브라우저의 세션 기록, 즉 현재 페이지를 불러온 탭 또는 프레임의 방문 기록을 조작할 수 있는 방법을 제공합니다. developer.mozilla.org 🔎 History(히스토리)란? 웹 브라우저의 세션 히스토리(방문기록)를 조작하고 관리해 줄 수 있도록 하는 Javascript API로 해당 API를 통해 개발자는 뒤로 가기 및 앞으로 가기 버튼을 프로그래밍 방식으로 제어할 수 있다. 🔎 History의 주요 메서드와 속성 1. 속성 history.length 등록된 히스토리 개수 history.scrollRestoration 히스토리 탐색시 스크롤 위치 복원 여부 확인 및 지정 (auto, manual) hi..