173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요! 해당 강의는 react-rounter-dom v6.22 이던데 혹시 v7로 강의 업데이트 예정이실까요? 정환님이 말아주시는 리라돔 v7 강의는 어떨지 하여 기대감에 여쭤봅니다!
미해결
React Router 완전 정복
코드 제공 됩니까?
미해결
React Router 완전 정복
안녕하세요. action 과 Form 을 이용해서 submit 처리하기 강의 중 submit 버튼 클릭 시 preventDefault() 작성하는 부분이 없어서 페이지가 새로고침 되던데 강의에서는 새로고침이 안되고 있네요 이유를 알 수 있을까요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
react-router-dom 을 공부하다가 의문이 생겨서 질문글에 올립니다. 다이어리 상세 페이지로 이동시킬 때 useNavigate hook을 활용하고 있는데, useNavigate hook은 <a>태그로 렌더링되지 않고 키보드로도 접근이 안 돼서 공식 문서에서는 <Link>를 더 권장하는 거 같더라구요. https://reactrouter.com/en/main/start/concepts#navigating 어떤 걸 쓰는 게 더 좋을까요?
미해결
지금 바로 React 시작하기
안녕하세요, 강사님! 강의 정말 재밌게 듣고 있습니다ㅎㅎㅎ 제가 React Router 강의에서 나온 퀴즈를 codesandbox에서 풀었는데 이렇게 사용하는게 맞을까요? 수정해야할 부분이 있다면 알려주시면 다시 공부해보고 싶습니다! codesandbox : https://codesandbox.io/s/react-router-dom-v6-practice-nxvwlm?file=/src/App.jsx
해결됨
파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
안녕하세요. Route 컴포넌트를 사용하는 방법이 조금 바뀐거같습니다. (v6 이후) < Routes > < Route path ="/about/*" element = {< AboutPage />}/> < Route path ="/about/company/" element = {< AboutCompanyPage />}/> < Route path ="/profile/" element = {< ProfilePage />}/> < Route path ="/blog/" element = {< BlogPage />}/> </ Routes > 위에처럼 Route 바깥에 Routes로 감싸줘야 하는것으로 보이구요. 또 about아래에 여러 URL을 지원하려면 *를 붙여줘야 하는거 같습니다. (exact 속성도 지원하지 않는다고 합니다.) 다만 about/abcd 이런식으로는 접속해도 URL매칭은 되지만 about/company/로 슬래시로 끝내면 매칭이 되지는 않네요. 원만한 강의 진행을 위해서는 v5로 낮추어서 듣는게 좋을까요? https://stackoverflow.com/questions/69866581/property-exact-does-not-exist-on-type https://stackoverflow.com/questions/49162311/react-difference-between-route-exact-path-and-route-path
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
App.js 에서 react-router-dom v6 버전에 맞게 문법을 Switch 대신 Routes 로 바꾸는 부분과 component 대신 element 로 바꾸시고 꼼수(?)로 Auth로 감싼 컴포넌트를 새로 정의해서 넣으시면 작동은 됩니다..
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요. 그랩 강사님 제가 react-router-dom을 이용한 강의를 듣다가 에러 사항이 발생해서 질문 드리게 되었습니다. product 폴더를 만들로 강의 내용 대로 코드를 작성했는데 브라우져에서 동작에 문제가 발생하고 있습니다. [문제 이미지] 위의 붉은 색으로 표시한 바와 같이 product 폴더 아래에 index.js 코드에서 id 값을 받을 수 있도록 useParams를 사용하였는데 실제 브라우져에서 확인해 보면 아래와 같이 나옵니다. 이렇게 에러가 나오면서 정상적으로 동작하지 않습니다. 에러 코드를 보면 useParams가 문제 인거 같은데 어떻게 해결해야 할지 잘 모르겠습니다. 해당 오류 해결 방법을 가르쳐 주시면 감사하겠습니다. 언제나 빠른 답변과 도움 감사합니다.
