항해 99 - 2022.02.22.THU (로그인토큰)

이번 챕터 일정

• 02/18 (금) 19:00 까지 : 클론 코딩 주차 S.A. 제출 ✅
• 02/21 (월) 저녁 : 클론 코딩 주차 중간 멘토링  ✅
• 02/22 (화) ~ 02/23 (수): 담당 매니저와 1:1 선택 면담 ✅
• 02/23 (수) 10:00 ~ 21:00 : 리더/부리더 신청 & 다면평가 진행
• 02/24 (목) 10:00 ~ 21:00 : 알고리즘 스터디 신청
• 02/24 (목) 오후 : 리더/부리더 선별 면담
• 02/24 (목) 19:00 까지 : 클론 코딩 완성본 제출
• 02/24 (목) 저녁 : 클론 코딩 주차 회고 멘토링
• 02/25 (금) 09:00 : 실전 프로젝트 주차 발제

오늘 내가 할 일 

• 로그인 회원가입시 전체 페이지에서 토큰 주고 받을수 있게 하는 작업 & 로그인 된사람만 호스팅 가능하게 ✅
• 호스팅 뷰 작업 ✅
• 가격 인풋에서 ,자동으로 찍히게 하는 작업 ✅
• 드롭박스 값 가져오기 ✅
• 푸터뷰 작업 완료 ✅

자잘 자잘하게 계속 수정 들어와서 일단 많은걸 했지만 별로 남은 게 없는 거 같은 느낌
막판엔 안쉬고 빡집중해서 했는데 그래서 저 정도로 끝나지 않았나,, 싶다...
내일도 열심히,, 해야 해,,
진짜 사람이 너무 풀어지면 조금 이렇게까지 그럴 수 있나 싶기도 하고,,,,,
알고리즘도 어제 하기 싫어서 풀고자 하는 열정도,,0 그냥 다 0,,,
세상 속상했어도 할 건 했던 하루 ,,, 이게 모하는 짓이냐궄𐌅𐨛𐌅𐨛𐌅ㅋ

 

//user.js

//로그인 체크 미들웨어
const loginCheckDB =()=>{
    return function(dispatch, getState, {history}){
        axios.get('/api/auth',
        {headers: {Authorization : `Bearer ${localStorage.getItem("is_login")}`}})
        .then((response)=>{
            console.log(response)
            dispatch(setUser({
                is_login: response,
                user_id:response.data.user.user_id,
                user_nick:response.data.user.user_nick
            }))
            // history.push('/')
        })
        .catch((error)=>{
            window.alert(error)
        })
    }
}

//app.js

  const dispatch =useDispatch()
  const is_login = localStorage.getItem("is_login")? true : false;
  console.log(is_login)
  const user = useSelector((state) => state.user);
  console.log(user)

  React.useEffect(()=>{
    if(is_login){
      dispatch(userActions.loginCheckDB());
    }
  },[])

로그인 체크해주는 api를 서버 쪽에서 만들어 주셔서 너무 쉽게 로그인 확인이 가능한~

ㅋ캬캬캬 그냥 미들웨어 작업하고

젤 최상위에서 useEffect로 확인하는 작업을 시행했똬!!