I T H

frontend의 회원가입의 흐름과, 어떤함수들을 사용하고, 타입스크립트를 어떻게 적용하는지에 대해 작성할 것임. 들어가기에 앞서 이번챕터의 사용할 훅들과 함수들을 미리 알아보자! - useForm: form을 관리하는 커스텀훅으로 state와 onChange함수의 많은 양을 줄이고 반복적인 코드의 양을 줄일 수 있다. 회원가입과 같이 입력받을 컬럼들이 많을 경우 사용하면 유용할 훅이라고 볼수있다. useFrom은 여러가지의 리턴 props을 가지고 있다. 필자는 register, handleSubmit, reset, watch 등을 사용했다. - 입력받을 변수 타입들에 대한 ts파일을 만들어서 import해서 사용함. - 지난 챕터에서 미리 만들어둔 useAddDispatch를 사용해 리듀서를 호출할 ..

화면단 (프론트) 작업이 끝났으므로 이제는 백엔드 작업을 진행하기로 함. 회원가입 백엔드 쪽 로직은 두가지로 구분 1. 회원가입 전 아이디 중복체크를 위해 사용자 테이블에서 아이디가 존재하는지 확인 2. 회원가입 데이터 저장 전 원문 패스워드를 암호화된 패스워드로 변경 후 데이터 테이블로 저장 * 패스워드 암호화 처리는 스프링 시큐리티에서 제공하는 기본 클래스를 사용함. 백엔드 폴더 구성은 아래와 같음. 1. 컨트롤러 (Controller) 화면에서 버튼 클릭 등의 이벤트로 URL 호출 시 매핑할 URL 경로 및 메소드를 지정 2. 서비스 (Service) 데이터베이스 테이블 내 데이터 저장, 수정, 삭제 시 서비스 클래스를 호출하여 트랜잭션 처리를 하기 위함 3. 마이바티스 인터페이스 및 쿼리 매핑 x..