# querystring

35개의 포스트
post-thumbnail

Controller Querystring and Path Variable Mapping

04 - 컨트롤러 쿼리스트림과 변수매핑, 데이터 전송

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

[TIL] 리액트 쿼리스트링

URL의 한 부분으로 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶은 경우 사용http://myhomepage.com/products?sort=popular&sort=newurl에서 ?를 통해 쿼리스트링이 시작된다는 표현을 할 수 있다 쿼리스트링은 ke

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

[React-Router-dom-v.6] useNavigate로 props 전달하기 (Querystring 포함)

토이 프로젝트 진행 중 router를 이용해서 Link to가 아닌, 특정 상황에서 input button을 클릭해서 fetch된 데이터를 전달해야하는 경우가 생겼다.useNavigate를 사용해서 가공된 데이터를 state로 보내준다.state로 받아온 데이터는 st

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

Query String

사용자가 원하는 정보를 검색하기 위해 요청하는 것사용자가 입력 데이터를 전달하는 방법url 주소에 데이터를 파라미터로 통해 넘기는 것Key = Value여러개 사용시 '&' 기호 사용

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

GET 요청과 QueryString

클라이언트는 기본적으로 Get 방식으로 요청을 한다.이를테면 https://www.naver.com을 브라우저 주소창에 때리면, Get 방식으로 https://www.naver.com에 요청을 하게 된다.그런데 이런 상황에서, 그냥 요청을 하는 것이

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

쿼리스트링(Query String)이란?

❓ 쿼리스트링(Query String) 이란 > - URL의 뒤에 입력 데이터를 함께 제공하는 가장 단순한 데이터 전달 방법이다. 웹개발에서 데이터를 요청하는 방식 중 주로 GET방식으로 데이터를 요청할 때 쓰이는 방법. URL주소뒤에 물음표(?)를 붙이고 key

2022년 10월 22일
·
1개의 댓글
·

정렬filter, pagenation 쿼리스트링으로 적용하기

팀프로젝트로 상품리스트 불러오기를 구현해 보았다.데이터베이스의 구조는 items Table의 id(pk)를 기준으로 sub_categories Table의 item_id(fk)가 참조하고 있고, sub_categories Table의 main_category_id(pk

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

[React] Link 컴포넌트로 페이지 이동하기

a링크 대신 리액트로 페이지 이동을 해보자

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

POST와 GET의 차이

HTTP란? > 웹상에서 클라이언트와 서버 간의 데이터를 주고받을 수 있는 프로토콜 클라이언트가 HTTP프로토콜을 통해서 서버에 요청을 보내면 서버가 이에 맞는 응답을 클라이언트에게 전송 💡HTTP Method 중 POST와 GET방식의 차이 • 클라이언트는 ur

2022년 7월 2일
·
0개의 댓글
·
post-thumbnail

[Node.js보충수업] 3교시 QueryString

네 할수 있습니다.url을 통해서도 정보를 전송할 수 있습니다. 웹 서비스를 이용하다 보면 주소창에 http://www.dss.com/search?sch=nodejs&id=test위의 형식과 같이 있는 것을 볼 수 있습니다. 여기에서 무엇이 어떤 역할을 하는지

2022년 5월 1일
·
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개의 댓글
·

[동적라우팅]다중필터 처리하기 (1편:라우팅개념)

url주소를 기준으로 다른 view를 보여주는 것화면을 이동하여 새로고침하지 않고, 동적으로 화면(뷰)를 그려주는 기술\-react에서는 recat-router-dom을 활용하여 SPA라우팅을 구현1)정적라우팅 : /, /users , /products와 같이 정해진

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

TIL-62 React 하나의 페이지에서 2개의 API 사용하기

하나의 페이지에서 2개의 API 사용하기

2022년 3월 1일
·
0개의 댓글
·
post-thumbnail

[KDT]FCFE - 8주1일 React - Router - DOM

주소 뒤에 ?key=value 를 입력하는 형식을 queryString 이라고 한다.사용법?name=mark내장 함수 사용하기.query-string npm으로 받아서 사용하기npm i query-string 여러 route 중 순서대로 먼저 맞는 하나만 보여준다.ex

2022년 1월 10일
·
0개의 댓글
·

[개발지식] URL 활용하여 variables 확보하기

query string 관련 - URL에서 변수 확보하기 https://velog.io/@yiyb0603/React-Router-dom%EC%9D%98-%EC%9C%A0%EC%9A%A9%ED%95%9C-hooks%EB%93%A4 window.location.path

2021년 12월 21일
·
0개의 댓글
·
post-thumbnail

Express (QueryString, Params)

노란색 형광펜: 값을 false로 설정하여 쿼리 파싱을 못하게 하거나 또는 쿼리파서를 설정한다.("simple" 또는 "extended" 또는 사용자 지정 쿼리 문자열 파싱 함수를 사용하기위해)참고자료\-http://expressjs.com/ko/api.htm

2021년 12월 7일
·
0개의 댓글
·

Week2 - Day3(REST API & Querystring)

지난 시간에 REST API를 사용하는 방법을 배웠다.그리고 이번 Day3에선 과제만 있었는 데, 여기서 삽질을 꽤나 해서 기록으로 남겨놔야겠다 싶었다.이번에 URL에서 querystring을 인자로 받아서 서버에서 처리해주는 게 과제로 나왔는 데, 진짜 오늘 하루종일

2021년 7월 27일
·
0개의 댓글
·
post-thumbnail

React 유용한 URL Hooks

오늘은 URL 관련 유용한 Hooks에 대해 알아보도록 할게요 : )

2021년 6월 3일
·
4개의 댓글
·