210328 - 58일차

스프링 시큐리티 적용과 회원 가입 시 메일 인증을 한 부분을 그 당시에 기록하지 못하여 다시 적는다. 그리고 어제 구글 차트 api를 이용하여 관리자 페이지에서 책 데이터를 시각화하였다.
두 가지의 라이브러리를 적용하기 위해서 Member table을 수정하였다.

create table MEMBER(
	M_EMAIL varchar2(50 char) constraint M_EMAIL_PK primary key,
	M_PWD varchar2(200 char) not null,
	M_NAME varchar2(20 char) not null,
	M_RDATE date,
    
	-- Spring security를 적용하기 위해 필요했던 컬럼
    	-- enabled컬럼은 이메일 인증 로직에서 인증 여부를 판별하는 로직에도 쓰였다.
    	M_AUTH varchar2(50 char) not null,
	ENABLED number(1) not null,
	-- 이메일 인증을 위한 컬럼
	M_MAILAUTH varchar2(10 char), 
	-- 부가 정보
	M_ZIPNUM varchar2(10 char),
	M_ADDR1 varchar2(100 char),
	M_ADDR2 varchar2(50 char),
	M_PHONE varchar2(20 char)
);

1. 스프링 시큐리티

• 회원 서비스를 대부분 구현한 상태에서 시큐리티를 적용하느라 수정할 부분이 많아서 애를 먹었다.

• Maven을 이용하여 라이브러리를 가져오고, 대부분의 설정은 xml을 이용하여 구현하였다.

• 다음의 블로그를 참조하였음.
  https://codevang.tistory.com/ & https://bin-repository.tistory.com/128?category=879445 &

• csrf보안 설정을 도로명주소 api 때문에 결국 포기하게 되었음....

• 코드

2. 회원가입 구글 이메일 인증

• https://moonong.tistory.com/45, 이 블로그를 참조하였음.

• 처음 가입시 다른 정보를 미리 DB에 입력하고, 이메일 인증이 완료되었을 때, enabled 컬럼을 유효하도록 업데이트함.

• 코드

3. 구글 차트 적용

• Book 테이블의 정보를 시각화하여 보여주고 싶었음.

• 큰 카테고리 안에서 책이 많은 세부 카테고리 6개를 뽑아, 차트로 보여줌.

• 페이지가 로딩될 때, ajax를 실행시켜 서버에서 데이터를 가져옴.

• 한 번에 5개 카테고리의 정보를 가져오기 위해, List<List<Chart>> 타입의 DTO를 이용하였다.

• 자바스크립트의 구글 api 펑션에 파라미터를 추가하여 하나의 펑션으로 5개의 차트를 그리고 싶었는데 오류가 발생하였음.

• 코드