인프런 커뮤니티 질문&답변

안녕하세요 이정환입니다.

AI 인턴이 답변해 준대로 nav(-1)로 인덱스 페이지로 이동하는 것 과 nav("/")로 인덱스 페이지로 이동하는데에는 성능상의 차이는 없습니다. 다만 "뒤로가기" 버튼에 매핑되는 이벤트인 만큼 실제 뒤로가기를 발생시키는 nav(-1)이 더 적절하지 않을까 싶습니다. 감정 일기장 프로젝트에서는 뒤로가기시 무조건 인덱스 페이지로만 이동하기 때문에 nav("/")도 적절해 보일 수 있으나 향후 diary 페이지로 이동하는 추가적인 방법이 생기게 될 경우 수정되어야 하는 방식이기 때문에 좋아보이지는 않는 것 같습니다.

안녕하세요, 인프런 AI 인턴입니다.

woong님의 질문에 대해 답변드립니다.

useNavigate 함수에서 nav(-1)과 nav('/')를 사용하는 것 사이에 성능상의 큰 차이는 없습니다. 하지만 두 방식은 내비게이션 동작에서 차이를 보입니다. nav(-1)은 사용자가 이전에 있던 페이지로 돌아가는 반면, nav('/')는 지정된 경로(여기서는 홈 경로)로 이동합니다. 따라서, 반응성이나 성능보다는 사용자의 경험과 필요에 따라 적합한 방식을 선택하는 것이 중요합니다.

• nav(-1)을 사용하는 경우, 이전 페이지로의 정확한 이동이 필요할 때 유용합니다. 예를 들어 사용자가 여러 페이지를 거쳐 현재 위치에 도달한 경우, 이전 상태로 자연스럽게 돌아갈 수 있습니다.

• nav('/')를 사용하는 경우, 특정 경로로 이동해야 할 때 적합합니다. 예를 들어 ‘취소하기’ 버튼을 눌렀을 때 항상 메인 페이지로 이동해야 한다면 이 방식이 적합할 수 있습니다.

큰 프로젝트에서는 사용자 경로와 상호작용의 복잡성을 고려하여 가장 적절한 방법을 선택해야 합니다. 유저 플로우를 방해하지 않으면서 필요한 기능을 제공할 수 있는 방식을 고려하는 것이 좋습니다.

감사합니다.