목차 :
1. 프로젝트를 진행하며.
2. 프로젝트를 진행하며 느낀 점 및 반성할 점.
3. 프로젝트를 진행하며 본 코드 중 인상 깊었던 코드.
4. 프로젝트 마무리
컴포넌트 재활용을 해보았고 전에 배웠지만 완벽하지는 않았던
mockdata와props에대한것을 다시한번 배워보는 좋은 기회였다. (감사합니다 신영님!)
위처럼 미리 설정해놓은 데이터에 따라 회원가입 로그인페이지가 다르게 뜨게끔inputData를 지정해놓았고 위같은 데이터를props로 받아 회원가입과 로그인 페이지를 다르게 나타나게 하였다.
위는 미리 만들어 놓은 데이터!
위와같은 데이터를Input컴포넌트와Button컴포넌트에서 받을 수있게 설정해 놓은 것
Input컴포넌트위의errorMessage는 앞에 만들었던 모달을 참고하여 만들어보았다.
Button컴포넌트를 따로만들어props로 받아 버튼의 내용을 로그인 및 회원가입으로 나타나게 만들었다
유효성 검사!!
유효성검사의 로직을 짤때 재밌었던 에피소드는 코드의 로직을짜고 다시
몇번을 확인해봐도 맞는데 왜 안되지해서 도현님에게 도움을 청했었는데 내가 sign을 sing로 타이핑해서 안되는거였다... 이 사건이후로 내가 단어를 맞게 쳤는지 한번더 확인해보는 습관을 들여야겠다는 생각을 하게되었다.

.gif)
.gif)