어른이의 비밀스런 일기장
를 소재로 팀원들과 함께 미니프로젝트를 진행하였다.
크게 로그인 세션, 글쓰기, 글목록, 비밀일기의 html을 나눠 진행하였다.
로그인 세션
은 JWT를 활용한 로그인 방식을 사용하였는데, 토큰에 ID 값을 저장하여 각 세션마다 사용자임을 확인할 수 있는 방법을 사용했다. 하지만 이 방법이 사용자 계정 보안에 있어서 취약하지 않을까 하는 생각이 있다.
프로젝트를 진행하면서 처음에 API를 설정 하는 과정의 세부내용들이 얼마나 중요한지 알았다. API를 중간에 수정할 때 겪는 수정 작업들이 얼마나 많은 시간을 잡아먹는지, 생각하지 못했던 것들이 무엇이 있는지... 조금만 더 생각했더라면 더 많은 기능들을 구현할 수 있었을텐데 하는 아쉬움이 많다.
와이어 프레임
와이어프레임 가이드
- 로그인
Method : GET / POST
URL : /api/login
request : { id: 'id', pw : 'pw', token : 'mytoken'}
response : 로그인성공>글목록 / 로그인실패 > MSG출력
- 회원가입
Method : GET / POST
URL : /api/membership
request : {'id': id, 'pw' : pw, id_check : 'id_check', ps_check : 'ps_check'}
response : 가입완료메세지
- 글 목록
Method : GET
URL : /api/posts
request : { id = "id", num = "num" , isSecret = true, like = 1, comment = "", date = "", img = ''", state = "", title=""}
response : 글리스트
- 글 작성
Method : POST
URL : /api/posts
request : { id = "id", num = "num" , isSecret = true, like = 1, comment = "", date = "", img = ''", state = "", title=""}
response : 글쓰기완료메세지
- 비밀일기
Method : GET
URL : /api/posts
request : { id = "id", num = "num" , isSecret = true, like = 1, comment = "", date = "", img = ''", state = "", title=""}
response : 글리스트
- 내일기장
Method : GET
URL : /api/posts
request : { id = "id", num = "num" , isSecret = true, like = 1, comment = "", date = "", img = ''", state = "", title=""}
response : 글리스트
- 댓글
Method : POST
URL : /api/ment
request : {num="id_13022933", ment=""}
response : 댓글 완료 메세지
- 댓글
Method : POST
URL : /api/post
request : {num="id_13022933", like=""}
response : 좋아요++