Hooks

-공지-

목요일 7 - 9을 토요일 9시반부터 시작하는걸로 옮겨서 할 예정(이때 리액트의 기본적인것 끝)

 

그다음주 토요일은 노드실습

 

그다음주 토요일은 next.js & typescript로 바꾸기 예정

 

시간이 되면 RN을 껍데기로 씌우기

 

- 대댓글 -

오라클을 쓴다면 connect by로 pid를 조인걸면 댄다.

 

 

 

< useContext >

 

로그인컨텍스트를 세션컨텍스트라고해보고

const SessionContext = createContext();

를 선언한다.

 

그러면

<SessionContext.provider>

<App/>

</SessionContext.provider>

 

이러한 모습이 된다.

여기에서 제공해줄 아이를 value={}에 적어주면

세션컨텍스트가 감싸고있는 모든컴포넌트는 바로 value에 접근할수 있다.

 

// App안의 Nav컴포넌트속에서 외부의 didLogin을 참조
const {didlogin} = useContext(SessionContext);

 

커스텀훅스로 한번 만들어본다면

파일명은 session-ctx.js 등등으로 자주 쓴다. 

 

// hooks/session.js

const [myInfo, setMyInfo] = useState({});
const [didlogin, setDidlogin] = useState(false);

//로그인값은 true보다 그것을 암호화해서 쿠키에 내려주는게 좋다.
const checkLogin = async ()=>{
	const res = await fetch(url);
    const myInfo = await(res());
    setLogin(!!myinfo?.id);
    setMyinfo(myinfo);
}