4. 쇼핑몰 웹사이트 만들기 (13)

마우스 커서 모양 바꾸기 

아무거나...

 

 

로그인으로 가서 login-button으로 이동(App.css)해서 cursor: pointer; 이라는 것을 추가해준다.

 

<결과>

오른쪽 상단 로그인이라는 곳에 마우스 커서를 올려놓으면 I 표시에서 손 표시로 바뀐다!!

 

클릭했을때 로그인 페이지가 나와야 한다.

로그인페이지로 가는거... useNavigate라는 리액트 훅!을 임포트한다.

 

useNavigate가 제공해주는 함수

=> const navigate = useNavigate()

 

navigate('/login') = navigate를 이용해서 login페이지로 가겠다.

 

<결과>

상단 일부

로그인 버튼을 눌러서 로그인 페이지에 왔지만 아직 내용이 없다.

 

<리액트 부트스트랩 사용>

 

복사

붙여넣기

 

<실행>

오류발생 ㅠㅠ

<해결>