# Query String

37개의 포스트

TIL_003 | Vanilla Javascript에서의 QueryString

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

어제
·
0개의 댓글
·
post-thumbnail

[Servlet] Servlet에서 Request Parameter 읽기

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

2일 전
·
0개의 댓글
·
post-thumbnail

리액트 쿼리스트링

쿼리스트링은 URL의 한 부분이며 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용한다.쿼리스트링은 이름 그대로 문자열 타입이며 key = value로 표현된다. 또한 URL의 일부로 쿼리스트링의 시작점은 "?" 으로 표시된다.예시)https:/

2023년 11월 21일
·
0개의 댓글
·

[React] useSearchParams 과 useParams 초간단 사용법

초 간단 요약 useSearchParams - Query String에 사용 ex) localhost:8080/users?id=123 useParams - Path Variable에 사용 ex) localhost:8080/users/123

2023년 9월 30일
·
0개의 댓글
·
post-thumbnail

JavaScript 서버에서 데이터 받아오기

자바스크립트로 서버에서 어떻게 데이터를 받아올 수 있을까? API와 restful API, 비동기 통신(Async) 과 동기 통신(Sync), fetch와 then함수에 대해 알아보자!

2023년 8월 9일
·
1개의 댓글
·

URI(URL)에서 파라미터(parameter)와 질의 문자열(query string)의 차이

HTTP 완벽 가이드 1장 공부 내용 정리 parameter 리소스에 대한 특정 매개변수를 지정할 때 사용 사용자 123에 대한 정보를 JSON 형식으로 요청한다는 의미 리소스의 특성이나 옵션을 지정하는데 사용 query string 쿼리 매개변수를 지정할 때

2023년 7월 29일
·
0개의 댓글
·
post-thumbnail

Django 배우기(4)

📎 생성기능 구현 👉 목표 이번에는 글을 작성하는 부분을 만들어본다. title을 작성하는 부분과 글의 body를 작정하고 제출 버튼을 누르면 topics에 추가가 된다. 그리고 새로 생성된 topic을 클릭하면 그 페이지의 상세보기 페이지로

2023년 5월 2일
·
0개의 댓글
·

useSearchParams를 이용한 query string 여러개 구현

프로젝트로 명품 대여 서비스 사이트 구현중인데 카테고리, 브랜드 필터링이 필요해서 이런식으로 url 구현이 필요했다. useSearchParams를 이용하면 쉽게 구현할 수 있다기에 카테고리를 일단 필터링 해봄 Filters.jsx 받아올 쿼리스트링이 늘어나

2023년 3월 7일
·
0개의 댓글
·

Query String 쿼리스트링이란?

사용자가 입력 데이터를 전달하는 방법중의 하나로, url 주소에 미리 협의된 데이터를 파라미터를 통해 넘기는 것을 말한다.형식정해진 엔드포인트 주소 이후에 ?를 쓰는것으로 쿼리스트링이 시작함을 알린다parameter=value로 필요한 파라미터의 값을 적는다파라미터가

2023년 2월 17일
·
0개의 댓글
·
post-thumbnail

react

Query StringuseNavigateuseNavigate 뒤로가기

2023년 2월 11일
·
0개의 댓글
·

[React] 쿼리 스트링(Query String)

URL의 한 부분으로서, 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용 (구체적으로 더 정렬되고 특정된 형태의 정보를 요청) 형태 쿼리스트링: key=value 형태의 문자열로 표현 (key=value 페어의 개수 제한은 없음) ? : 쿼리스트링의

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

[React] 쿼리 스트링

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

2022년 9월 24일
·
0개의 댓글
·
post-thumbnail

[TIL] Path Parameter & Query Parameter (ft. Routing Hooks)

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

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

Query String feat. useLocation & useSearchParams

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

2022년 9월 16일
·
0개의 댓글
·
post-thumbnail

[Django] 장고 Forms를 활용한 효율적인 데이터 유효성 검사 및 저장#1

1) > forms의 method의 enctype은 POST 타입에서 유효하다. GET 타입에서는 urlencoded 방식이 강제되기 때문이다. urlencoded라 하면, 예를 들어 네이버 검색창에 특정 검색어를 입력했을 때, 주소창에서 query string이 ? 다음에 key=value& 조합이 반복되는 인코딩 방식을 말한다. 강사님께서 '인코딩된 문...

2022년 7월 8일
·
0개의 댓글
·

Query String vs Path Variable

Query String이란 서버에게 무엇이 필요한지, 혹은 클라이언트에게 무엇이 필요한지 묻는 문자열을 뜻한다.Query String은 key=value 형태로 나열되어 있으며, 여러 파라미터를 받아올 경우에는 &을 붙여 연결해준다.과 같이 ? 뒤에 key-value값

2022년 6월 20일
·
0개의 댓글
·

HTTP API Request

HttpServletRequest 웹브라우저로부터 WAS가 전달받은 request 정보를 저장한 객체로 Header정보, Parameter, Cookie, URI, URL과 body를 담고 있고 이에 대한 읽기 메소드를 지원하고 있다. HttpServletRespon

2022년 4월 25일
·
0개의 댓글
·

Path variable, Query String

웹에서 특정 데이터를 전송하고 받기 위해서는 어떤 경로(End-Point)에 요청할 것인가는 중요한 문제이다. 우리는 데이터를 받고, 때로는 전송을 하기 위해서 다양한 방식을 쓰는데 이 때 효율적으로 경로(End-point)를 설정하는 방식에 대해 알아보고자 한다.만약

2022년 4월 10일
·
0개의 댓글
·
post-thumbnail

[동적라우팅]다중필터 처리하기 (3편: 카테고리 depth별 서로다른 queryString 만들기)

지난시간까지 했던 다중필터는 의류의 TYPE이라는 카테고리가 지닌 top, bottom, acc라는 속성안에서는 잘 돌아가지만, 카테고리가 바뀌어버리면 백엔드에 올바른 queryStringd을 줄 수 없다는 문제가 생겼다.이에 신박한 접근을 떠올리게 되는데,,,클릭의

2022년 4월 2일
·
1개의 댓글
·
post-thumbnail

[동적라우팅]다중필터 처리하기 (2편:Query Parameter를 사용해보자)

이번에는 좌측에 위치한 필터들을 클릭했을 때, 해당 필터에 해당하는 제품들을 보여주는 기능을 구현해보고자 한다.한 번 클릭하면 필터가 활성화되고, 두 번 클릭하면 해제되는 형태이다. 토글등등 다양한 방법을 고민해보았는데, 결국 아래 3단계로 완료할 수 있었다.필터를 클

2022년 4월 2일
·
0개의 댓글
·