[React] 로그인 페이지 개발

 

알림

 

본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다.

 

App.js

 

화면에 보여지는 곳입니다.

 

 

path="/ ~ "는 뒤에 붙은 텍스트를 치면, 지정해준 component로 이동하는 것입니다. 예를 들어,

 

 

localhost:3000을 접속하면 가장 먼저 뜨는 시작 페이지(LandingPage)는 App.js에서도 보시는 바와 같이, path에 아무것도 값이 입력되어 있지 않기 때문에 localhost:3000으로 접속하면 가장 먼저 보이는 화면인 것을 알 수 있습니다. 밑에는 path='/login'을 입력해줬기 때문에, localhost:3000/login을 입력하면 LoginPage로 가도록 component를 지정해준 것을 확인하실 수 있습니다.

 

 

이처럼요.