2019. 11. 5. 23:39ㆍ카테고리 없음
로그인/로그아웃 페이지 이동
→ 순수 react 의 state 이용
의문점!!!
로그인/로그아웃은 토큰 또는 세션을 통해 서버쪽에서 처리해주는 것으로 알고있었다.
- ex) 로그아웃 후 서버단에서 session destroy 후 redirect('/') 처리
검색을 해 보니 순수 리액트(+리덕스??) 로 로그인/아웃 기능을 구현할 수 있는 것 같다.
→ 말이되는 건지 의문, 조사가 필요함
- localstorage 라는 것을 이용하는 것 같은데 아직 명확하지 않다.
- redux 와 많이 관계된 것 같음. (logged 등 내장 함수 이용??)
- 위와같은 경우 쿠키(토큰) 는??? 어떻게 관계되는 것인가?
일단 프론트단에서 로그인/회원가입/로그아웃 등 각종 페이지 이동은 구현하였으나,
서버와 연동이 되지 않은 상태(연결부위 만들지 않고 순수 state로 관리)로 의미가 있는 것인가?
일단은 페이지 이동 및 구현에 초점을 두었음.
알게된 점
* 로그인 / 로그아웃은 가장 기본적인 기능이지만 생각보다 쉽지않다? ㅠㅠ
- 리액트에서 state나 function을 props로 내려주고, function 사용 및 state 변경, 관리의 연습.
- 작성한 api문서대로 클라이언트 - 서버 통신하기
- 삼항연산자의 활용
- route 의 component 와 render 활용의 차이점 ( history, location, match )
- redirect 을 이용한 페이지 전환
느낀점
- 새로운 것을 있는 그대로 받아들이는 것도 연습이 필요할 것 같다.
- 경우에 따라, 하나하나 꼬치꼬치 이해하려고 하는 것이 오히려 독이 될 수도 있다?