# Query String
TIL_003 | Vanilla Javascript에서의 QueryString
개발을 하던 도중 문득 Vanilla Javascript에서는 QueryString을 어떻게 가져오는지가 궁금했다.찾아보니 javascript에서는 location이라는 객체가 있고, 그 객채의 attribute인 search에 query string이 담겨져 있었다.

[Servlet] Servlet에서 Request Parameter 읽기
📍 Servlet에서 Request Parameter 읽기 > - ServletRequest 인터페이스 > HttpServletRequest 인터페이스 > getParameter 메소드를 사용한다. GET 요청, POST 요청 시 모두 동일하게 사용한다. Refe

리액트 쿼리스트링
쿼리스트링은 URL의 한 부분이며 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용한다.쿼리스트링은 이름 그대로 문자열 타입이며 key = value로 표현된다. 또한 URL의 일부로 쿼리스트링의 시작점은 "?" 으로 표시된다.예시)https:/
[React] useSearchParams 과 useParams 초간단 사용법
초 간단 요약 useSearchParams - Query String에 사용 ex) localhost:8080/users?id=123 useParams - Path Variable에 사용 ex) localhost:8080/users/123

JavaScript 서버에서 데이터 받아오기
자바스크립트로 서버에서 어떻게 데이터를 받아올 수 있을까? API와 restful API, 비동기 통신(Async) 과 동기 통신(Sync), fetch와 then함수에 대해 알아보자!
URI(URL)에서 파라미터(parameter)와 질의 문자열(query string)의 차이
HTTP 완벽 가이드 1장 공부 내용 정리 parameter 리소스에 대한 특정 매개변수를 지정할 때 사용 사용자 123에 대한 정보를 JSON 형식으로 요청한다는 의미 리소스의 특성이나 옵션을 지정하는데 사용 query string 쿼리 매개변수를 지정할 때

Django 배우기(4)
📎 생성기능 구현 👉 목표 이번에는 글을 작성하는 부분을 만들어본다. title을 작성하는 부분과 글의 body를 작정하고 제출 버튼을 누르면 topics에 추가가 된다. 그리고 새로 생성된 topic을 클릭하면 그 페이지의 상세보기 페이지로
useSearchParams를 이용한 query string 여러개 구현
프로젝트로 명품 대여 서비스 사이트 구현중인데 카테고리, 브랜드 필터링이 필요해서 이런식으로 url 구현이 필요했다. useSearchParams를 이용하면 쉽게 구현할 수 있다기에 카테고리를 일단 필터링 해봄 Filters.jsx 받아올 쿼리스트링이 늘어나
Query String 쿼리스트링이란?
사용자가 입력 데이터를 전달하는 방법중의 하나로, url 주소에 미리 협의된 데이터를 파라미터를 통해 넘기는 것을 말한다.형식정해진 엔드포인트 주소 이후에 ?를 쓰는것으로 쿼리스트링이 시작함을 알린다parameter=value로 필요한 파라미터의 값을 적는다파라미터가
[React] 쿼리 스트링(Query String)
URL의 한 부분으로서, 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용 (구체적으로 더 정렬되고 특정된 형태의 정보를 요청) 형태 쿼리스트링: key=value 형태의 문자열로 표현 (key=value 페어의 개수 제한은 없음) ? : 쿼리스트링의

[React] 쿼리 스트링
쿼리스트링은 URL의 한 부분이며 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용한다.기존 URL 요청 예시)프론트: /list -> 리스트 요청 /detail/ ->상세 페이지 요청백엔드: /signin -> 로그인에 대한 응답 /prod

[TIL] Path Parameter & Query Parameter (ft. Routing Hooks)
동적 Routing 관련한 Path Parameter & Query Parameter 의 개념과 차이에 대해 정리하고, URL Parameter 정보를 이용하기 위해 React에서 사용하는 Hook들을 정리해 보았다.url 경로에서 : 다음에 오는 값위의 예시에서는 i

Query String feat. useLocation & useSearchParams
우리가 웹 페이지를 돌아다니다 보면 어떤 상품이나 정보가 리스트로 나열 되어있는 것을 볼 수 있다. 만약 1억 개가 넘어가는 리스트가 있다면 우리는 쉽게 그 리스트를 볼수 없을것이다. 이때 Query String은 그 리스트를 최신순, 평점순 등 구체적인 요청이 가능하

[Django] 장고 Forms를 활용한 효율적인 데이터 유효성 검사 및 저장#1
1) > forms의 method의 enctype은 POST 타입에서 유효하다. GET 타입에서는 urlencoded 방식이 강제되기 때문이다. urlencoded라 하면, 예를 들어 네이버 검색창에 특정 검색어를 입력했을 때, 주소창에서 query string이 ? 다음에 key=value& 조합이 반복되는 인코딩 방식을 말한다. 강사님께서 '인코딩된 문...
Query String vs Path Variable
Query String이란 서버에게 무엇이 필요한지, 혹은 클라이언트에게 무엇이 필요한지 묻는 문자열을 뜻한다.Query String은 key=value 형태로 나열되어 있으며, 여러 파라미터를 받아올 경우에는 &을 붙여 연결해준다.과 같이 ? 뒤에 key-value값
HTTP API Request
HttpServletRequest 웹브라우저로부터 WAS가 전달받은 request 정보를 저장한 객체로 Header정보, Parameter, Cookie, URI, URL과 body를 담고 있고 이에 대한 읽기 메소드를 지원하고 있다. HttpServletRespon
Path variable, Query String
웹에서 특정 데이터를 전송하고 받기 위해서는 어떤 경로(End-Point)에 요청할 것인가는 중요한 문제이다. 우리는 데이터를 받고, 때로는 전송을 하기 위해서 다양한 방식을 쓰는데 이 때 효율적으로 경로(End-point)를 설정하는 방식에 대해 알아보고자 한다.만약

[동적라우팅]다중필터 처리하기 (3편: 카테고리 depth별 서로다른 queryString 만들기)
지난시간까지 했던 다중필터는 의류의 TYPE이라는 카테고리가 지닌 top, bottom, acc라는 속성안에서는 잘 돌아가지만, 카테고리가 바뀌어버리면 백엔드에 올바른 queryStringd을 줄 수 없다는 문제가 생겼다.이에 신박한 접근을 떠올리게 되는데,,,클릭의

[동적라우팅]다중필터 처리하기 (2편:Query Parameter를 사용해보자)
이번에는 좌측에 위치한 필터들을 클릭했을 때, 해당 필터에 해당하는 제품들을 보여주는 기능을 구현해보고자 한다.한 번 클릭하면 필터가 활성화되고, 두 번 클릭하면 해제되는 형태이다. 토글등등 다양한 방법을 고민해보았는데, 결국 아래 3단계로 완료할 수 있었다.필터를 클