Query String TIL

2023.08.04

오늘의 회고

AWS와 후발대 강의가 있었다. 아직 배워야 할 것도 많고 밀린 강의도 있다. 주말동안 더 노력하자.

Query String

쿼리 문자열은 지정된 매개 변수에 값을 할당하는 단일 리소스 로케이터의 일부입니다. -위키백과

후발대 강의 중 알게된 Query String

후발대 강의 중 이었다. isDelete 값이 false인 data만을 map()메소드으로 화면에 뿌려주어야 했다. 즉 삭제되지 않은 정보만 나타내고 싶었다. 그래서 평소대로 filter()메소드를 사용해 주었다.

data.filter().map()

여기서 튜터님은 filter()메서드 대신 데이터를 받아올 때 삭제되지 않은 데이터만 받으셨다.

const response = await axios.get(`http://localhost:4000/boards?isDeleted=${false}`);

?isDeleted=${false} 삭제되지 않은 데이터만 받아오기 위해 Query String를 사용했다.

Query String의 구조

Query String는 이름대로 ?뒤의 문자열이다. key=value형식으로 구성되어 있다.
?isDeleted=${false}
만악 Query String을 여러 개 사용하고 싶으면 &을 이용하자.

(예시)
?isDeleted=${false}&id=${itemId}