I T H

- 백앤드 : node.js / mongoDB를 사용 - 백앤드 구조는 다음과같이 설정하였다. 데이터를 주고받는데에 효과적이고 중간에서의 매개역할과 같은 middleware 와 컬렉션(=테이블) 스키마를 관리하는 model, url경로를 효과적으로 관리하는 route로 설정함. 1. node.js의 환경을 만들어보자! 1) npm init - npm init를 적게 되면 package.json파일이 뜰 것이다. 2) npm install express - save - express를 다운로드 받자. - espress는 node.js를 빠르고 편하게 사용할수 있게 도와주는 프레임워크임. 3) 전에 받아놨던 dependencies 라이브러리들이 있다면 복사 붙여넣기 해주자. - 전에 했던 프로젝트들이 있다면..

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

사용자 로그인 페이지를 구현하기 전에 사용자로 등록할 수 있는 회원가입 페이지를 구현하고자 한다. 사용자 정보는 아이디 중복체크만 진행하여 받도록 처리한다. 스프링 시큐리티 설정을 완료한 상태로 가정하고 진행한다. 스프링 시큐리티는 연습용 프로젝트를 참고 [ 테이블 생성 ] - 사용자 정보를 저장하기 위한 데이터베이스 테이블을 1개 생성한다. CREATE TABLE `TBL_USER_INFO` ( `USER_ID` varchar(20) NOT NULL, `USER_PWD` varchar(100) NOT NULL, `USER_NAME` varchar(100) DEFAULT NULL, `USER_AUTH` char(1) DEFAULT NULL, `USER_TEL` varchar(20) DEFAULT NULL..