2024. 6. 14. 예비군 끝,,, 시간이 너무 아깝다,, 흐르지마라 시간아,,

4일동안 훈련 받으면서 코딩 생각밖에 안 났다..

나 공부해야 되는데,,,,,,,, 여기서 이러고 있을 시간 없는데,,,,,,, 나라는 다른 사람들이 좀 지켜주면 안 되나.. 나부터,,,,

 

근데 막상 훈련 끝나고 공부 하려니 또 훈련 좀 더 해도 될 것 같다는 생각을 해버리는 나! 푸하하하하하~~

 

이번 심화 과제는 숙련 주차 개인 과제 (가계부) 에 로그인 기능을 구현하는 것

 

발제를 보고 슈퍼베이스를 쓰는건가? 했는데 

 

 

이게 왠걸,, 또 새로운 놈이네,, (막상 적용해보니 얘가 훨씬 간단함.. "나 슈퍼베이스 왜 배움?")

 

그리고 이번 과제는 다행히도 원성이 자자했던 Redux 는 코빼기도 보이지 않아 내심 다행이라고 생각했다.

 

일단 제출이라도 해보자는 마음에 일찍이 올라온 과제 해설을 보고 진행을 해봤는데, 이게 또 사람 욕심이란게

그냥 무작정 따라하는 것보다 천천히 보면서 이해하고 싶은 마음이 더 커서 시간 안에 완성은 못했다..

 

일단 JWT API 를 이용해 로그인 기능까지 구현해둔 뒤 제출했고, 다음 과제 발제 전까지 개인적으로 공부할 생각.

 

  return (

    <Container>

      <Form>

        <Input

          type="text"

          onChange={(e) => {

            setID(e.target.value);

          }}

          placeholder="아이디"

        />

        <Input

          type="password"

          onChange={(e) => {

            setPassword(e.target.value);

          }}

          placeholder="비밀번호"

        />

        <Button onClick={handleSignIn}>로그인</Button>

        <SignUpButton

          onClick={() => {

            navigate("/register");

          }}

        >

          회원가입

        </SignUpButton>

      </Form>

    </Container>

  );

};

 

그리고 <Form> 에 관해서 잘 몰랐던 사실인데, form 요소는 기본적으로 제출 (submit) 시에 페이지를 새로고침하는 동작을 한다. 회원가입, 로그인 테스트를 해보려고 하는데 토큰이 분명 찍히긴 하는데 금방 사라져서 이게 왜 이러나,, 하고 있었는데 event.preventDefault() 로 해결할 수 있었다.