Link to 질문드립니다.
150
작성한 질문수 28
<CategoryListWrapper>
{Object.entries(categoryList).map(([name, count]) => (
<CategoryItem
to={`/?category=${name}`}
active={name === selectedCategory}
key={name}
>
#{name}({count})
</CategoryItem>
))}
</CategoryListWrapper>
);
이 부분에서 to 경로에 ? 가 쓰이는 이유가 궁금해서 질문드립니다!
답변 1
0
안녕하세요, 케냐더블에이님!
일단 너무 늦게 답변드린 점에 대해서는 정말 죄송하다는 말씀을 드리고 싶습니다.. ㅠㅠ
군부대 내 자가격리로 인해 그동안 쌓인 질문 리스트를 제대로 확인하지 못했네요
일단 to라는 이름의 props는 CategoryItem 컴포넌트 내에 존재하는 Link 컴포넌트에 연결할 링크를 의미합니다.
그럼 전체 URL은 https://domain-main.github.io/?category=Web 의 형태가 되겠네요.
여기서 ? 부분은 URL에서 Query String이라고 하는데요, URL 주소를 통해 파라미터의 형태로 데이터를 전달하는 것을 의미합니다.
그래서 저 링크로 접속을 하면 서버측에 { category: "Web" }의 형태로 Query String 값이 전달됩니다.
저희는 카테고리별로 목록을 띄워주기 위해 저런 형식으로 category이라는 이름의 Query String 부분을 추가했습니다.
그래서 받은 데이터를 통해 일치하는 카테고리 값만 표시해줄 수 있는 것입니다.
쿼리오류 Field "thumbnail" must not have a selection...
1
872
1
타입스크립트를 설정할 때 jsxPragma 옵션을 뺀 이유는 무엇인가요?
1
605
1
마지막 배포 부분 질문드립니다!
1
623
1
'[username]/[username].github.io' -> 'username/reponame'
0
344
0
IntersectionObserver deploy( gatsby build) 시 오류(자답)
1
399
1
PostHead.tsx BackgroundImage 동작오류(자답)
1
296
0
19강 인피니티 스크롤 IntersectionObserver 코드 위치 수정이 필요합니다.
1
411
1
썸네일 이미지 제작 및 학습 방법 관련 문의
1
447
1
배포 후 포스트 업로드 방법
1
387
1
배포 질문이요!
1
528
1
gatsby develop 오류
1
940
1
깃허브 레퍼지토리 질문드려요
1
344
1
특정 게시글을 클릭하여 상세 페이지로 넘어가는 과정과 SPA에 관한 질문
1
285
1
Unhandled Runtime Error 가 뜹니다
0
506
2
sign in with GitHub 클릭 시
1
394
3
동작 반복 시 오류
1
351
2
const BackgroundImage 질문
1
212
1
오타 문의
1
305
2
Props로 받아 포스트 데이터 출력하기가 안됩니다.
1
203
1
index.tsx allMarkdownRemark 에러..
0
595
2
스네이크 케이스로 변수명을 짓는 이유
1
251
1
'Tagged Template Literal 방식을 통해 정의한 CSS 적용 방법'에서 발생하는 문제
3
353
2
상단 이미지를 썸네일 사용하지않고 다른 이미지를 쓰고싶습니다
1
284
1
여기까지 했는데 runtime 에러가 발생합니다
2
286
1