
안녕하세요? 저는 지금 NHN 페이지의 '보도자료' 페이지를 만드는 중입니다. 만들기 전에는 뭐 onClick이벤트로 navigate를 써서 페이지 이동시켜주면 되겠지 라고 생각했는데 막상 만들다보니 그럼 각각의 기사에 맞는 세부 페이지로 어떻게 이동시켜야 되는 거지? 라는 의문이 들기 시작했습니다. 그래서 쉬운 것은 없구나라는 깊은 깨우침을 얻었습니다.. 먼저 결과물입니다 기사를 클릭하면 그 기사에 맞는 세부페이지로 이동합니다. 그렇담 만든 과정을 설명해보겠습니다? 👉 원리 route값을 설정한다(route path는파라미터 id값을 이용한다) -> 기사마다 onClick 이벤트로 url 파라미터에 만들어 놓은 객체의 id 값을 넘겨준다. 👉 코드 [사용한 컴포넌트] App.js(route naviga..
프로젝트 노트 📝
2022. 11. 26. 15:41
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- reactQuery
- map
- state함수
- hover
- 리액트
- 리액트쿼리
- filter
- 리액트 hover
- 컴포넌트
- 리액트hover
- scaleX
- 장바구니
- 리액트 카테고리
- 스타일컴포넌트
- 리액트이벤트
- 리액트탭버튼
- 장바구니기능
- 탭만들기
- React
- Props
- 리액트댓글
- 리액트 filter
- URL파라미터
- API호출
- 리액트 애니메이션
- 리액트함수
- react-query
- map함수
- 리액트소셜로그인
- 리액트 밑줄효과
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함