로그인, 회원가입 구현 이후 추가 고민사항..

React Context를 알고 나서 아주 유용하게 써먹었다.

context에 ArrowFunction을 집어넣어서 .으로 접근하여 사용할 수 있게끔 했다.

 

막상 코딩하다보니 간단히 끝날 줄 알았는데 애초에 popup을 form형식으로 만들어 놓질 않아서

Form을 끼워넣는데 애먹었다. 최하윗단에다가 끼워넣으니 기존에 만들어놨던 디자인이 다 깨져서

content를 감싸고 있는 부모단에가서 render자식요소들을 form으로 감싸서 처리했다.

 

그리고 submit함수를 하나 만들어서 Onsubmit에다가 연결해줬는데 처음에 동작을 안했다.

찬찬히 살펴보니 Popup을 닫는 Onclose함수가 먼저 동작한게 원인이였다.

 

그래서 버튼 클릭하면 바로 동작하는 Onclose를 제거하고 submit함수를 먼저 호출하게끔 한 뒤에

submit함수 안에서 Onclose()를 호출했다.

 

이제 올바른 아이디와 비밀번호를 입력하면 회원가입과 로그인이 StatusCode와 함께 정상적으로 나온다.

추가적으로 올바르지 않은 email과 PW를 입력했을 때 나오는 Alaert와 창을 닫을 수 있는 닫기 버튼을 만들어야겠다..

 

 

코딩하면서 점점 나아가다보니 이거해야하고 저거해야하고 할 게 정말 계속 생긴다.

힘들긴한데 그래도 만들어나가는 재미가 있다.

풀스택은 또 처음이라 이런저런 애로사항을 많이 겪고 있는 것 같은데 다 피가되고 살이 될 것이라고 믿는다.