해결된 질문
작성
·
117
0
안녕하세요 선생님.
useNavigate 질문이 있습니다.
새 일기쓰기 페이지에서 '취소하기'를 누르면 뒤로 돌아갈때
nav(-1)을 쓰셨는데 사실 nav(-1)도 할 수 있지만 nav('/')를 할 수도 있는데 성능상의 차이가 있을까요??
반응 이라던지 좀 더 큰 프로젝트라면 어떤걸 쓰는게 안전하다던지 하는 차이가 있는지 궁금합니다. 감사합니다
답변 2
0
안녕하세요 이정환입니다.
AI 인턴이 답변해 준대로 nav(-1)로 인덱스 페이지로 이동하는 것 과 nav("/")로 인덱스 페이지로 이동하는데에는 성능상의 차이는 없습니다. 다만 "뒤로가기" 버튼에 매핑되는 이벤트인 만큼 실제 뒤로가기를 발생시키는 nav(-1)이 더 적절하지 않을까 싶습니다. 감정 일기장 프로젝트에서는 뒤로가기시 무조건 인덱스 페이지로만 이동하기 때문에 nav("/")도 적절해 보일 수 있으나 향후 diary 페이지로 이동하는 추가적인 방법이 생기게 될 경우 수정되어야 하는 방식이기 때문에 좋아보이지는 않는 것 같습니다.
0
안녕하세요, 인프런 AI 인턴입니다.
woong님의 질문에 대해 답변드립니다.
useNavigate
함수에서 nav(-1)
과 nav('/')
를 사용하는 것 사이에 성능상의 큰 차이는 없습니다. 하지만 두 방식은 내비게이션 동작에서 차이를 보입니다. nav(-1)
은 사용자가 이전에 있던 페이지로 돌아가는 반면, nav('/')
는 지정된 경로(여기서는 홈 경로)로 이동합니다. 따라서, 반응성이나 성능보다는 사용자의 경험과 필요에 따라 적합한 방식을 선택하는 것이 중요합니다.
nav(-1)
을 사용하는 경우, 이전 페이지로의 정확한 이동이 필요할 때 유용합니다. 예를 들어 사용자가 여러 페이지를 거쳐 현재 위치에 도달한 경우, 이전 상태로 자연스럽게 돌아갈 수 있습니다.
nav('/')
를 사용하는 경우, 특정 경로로 이동해야 할 때 적합합니다. 예를 들어 ‘취소하기’ 버튼을 눌렀을 때 항상 메인 페이지로 이동해야 한다면 이 방식이 적합할 수 있습니다.
큰 프로젝트에서는 사용자 경로와 상호작용의 복잡성을 고려하여 가장 적절한 방법을 선택해야 합니다. 유저 플로우를 방해하지 않으면서 필요한 기능을 제공할 수 있는 방식을 고려하는 것이 좋습니다.
감사합니다.