Just Do it

1월 말에 생활 코딩 사이트에서 HTML과 CSS 기초 강의를 들으며 처음 깃헙에 가입했었다. 그리고 이후 2월 말부터 책으로 스프링을 공부하면서 예제3 중반까지는 깃헙에 공부한 코드를 조금씩 올렸으나 왠지 깃헙을 단순 코드 기록용으로만 사용하는 것 같아 더 이상 깃헙을 사용하지 않게 되었다. 당시에는 아직 내가 깃헙을 사용할 단계가 아니라는 생각이 들었다. 그래서 깃헙 대신 이 블로그에 매일 매일 공부 기록을 남기기 시작했다. 이제 나의 첫 스프링 공부의 결과물인 SJBoard 프로젝트를 마무리 지으려고 한다. SJBoard 프로젝트를 통해 기본적인 게시판 CRUD 기능, 스프링 시큐리티를 이용한 회원 가입 및 로그인, 로그아웃 기능, 그리고 관리자 페이지 기능을 구현하며 기초적인 스프링 원리와 개념을..

구글 차트는 JSON 형식으로 데이터를 받기 때문에 DB의 데이터를 구글 차트에 전달하려면 DB 데이터를 JSON 타입으로 바꿔줘야한다. 하지만 어제 나는 주간 현황을 보여주는 구글 차트를 구현하면서 따로 DB 데이터를 JSON 타입으로 만들어 뷰 페이지에 전달하지 않고, 뷰 페이지 내에서 자바스크립트로 모든 작업을 처리할 수 있게 만들었다. 그렇게 작업했던 이유는 이미 구글 차트 밑에 표를 만들어 컨트롤러를 통해 주간 일별 현황 값을 뷰로 전달하고 있었기 때문이다. (관련 글 : https://seojoo21.tistory.com/168) 그러나 오늘 구현하는 기간별 현황을 보여주는 기능의 경우에는 화면에서 입력받은 시작 날짜, 마지막 날짜를 기준으로 DB에서 기간 내 데이터를 가져와야 하기 때문에 D..

현재 만들고 있는 개인 프로젝트 SJBoard의 관리자 페이지에 주간 현황, 월간 현황 등의 데이터 정보를 담은 차트를 띄우고 싶었다. SJBoard의 경우 기본적인 게시판 기능만 있어 관리자 페이지의 기능이 그리 다양하지 않다. 하지만 나중에 이를 바탕으로 확장하여 다른 프로젝트를 할 때에는 관리자 페이지의 중요성이 훨씬 높아질 것이고 그 중 데이터의 시각화가 중요하다고 생각하기 때문에 미리 SJBoard의 관리자 페이지에 구글 차트를 적용해보고 싶었다. 그래서 먼저 구글 차트 공식 홈페이지에서 대략적인 설명을 읽어보았다. 꽤 친절하고 자세히 설명하고 있어 이해하는데 그리 어렵지 않다. https://developers.google.com/chart/interactive/docs Using Google..

관리자 페이지를 구현해보았다. 현재 SJBoard의 권한은 아래와 같이 매우 단순하다. ROLE_MEMBER: 일반 회원 ROLE_ADMIN: 관리자 관리자 페이지는 권한이 'ROLE_ADMIN'인 사용자가 로그인했을 때만 나타나며, 혹시라도 URL이 공개되어 관리자가 아닌 ROLE_MEMBER 권한의 일반 회원이나 로그인하지 않은 일반 사용자가 접근할 경우 해당 페이지에 접속하지 못하도록 스프링 시큐리티의 기능을 이용한다. 관리자 페이지의 기본 설계는 아래와 같고 이에 맞춰 관리자 페이지 기능을 구현할 것이다. ------------------------------------------------------------------------------------------------------------..