playddit 메시지 기능 구현 설명 저희 팀에서 중간 발표로 준비중인 playddit 프로젝트 에서는 메시지 기능을 선보일 예정입니다. 학원 학생들이 사용하는 SNS라는 프로젝트 주제에서, 구현하고자 하는 기능들을 분류할때 '회원가입 & 로그인', '피드', '공지사항' 에 이어 '메시지, 알림' 또한 필수 기능으로 분류했습니다. 채팅을 구현한다고 하니, 소켓을 이용한 실시간 서버에서의 채팅으로 생각하는 분들이 많았는데요, 데이터 베이스를 이용한 '쪽지' 개념으로 접근하였습니다. 개인 간의 메시지와 단체 메시지는 비슷하지만 다르게 구현을 했습니다. 개인 메시지에서 메시지 테이블은 수신자,송신자가 모두 users 테이블의 user_..

자바 수업시간에 쿠키와 세션에 대해 배웠습니다. 서버에서 이루어지는 세션은 그렇다 쳐도, 어차피 사용자의 컴퓨터에 저장될 쿠키데이터를 위해 서블릿까지 추가하는건 좀 부담스러워서 쿠키를 다루는 사항들은 웹페이지에서 바로 다뤄보려고 합니다. 진행중인 프로젝트에서 처음으로 쿠키를 사용할 곳은 '아이디 저장' 기능입니다. 아직 테스트중인 페이지이기 때문에 시안이 좀 투박하나 양해 부탁드립니다. 아이디 저장을 해놓고 로그인을 하면 다음부터 해당 페이지에 접속했을때에는 굳이 아이디를 한번 더 칠 필요가 없도록 구현하려고 합니다. 안그래도 본 프로젝트에서 이메일주소를 아이디로 쓸 계획을 하고 있다보니, 아이디 입력이 번거로워 꼭 필요한 기능입니다. 프로젝트가 어느정도 완성궤도에 오르면 그때는 세션을 이..

이메일 전송 준비 이메일 인증을 만드는 이유 준비중인 프로젝트인 play ddit에서 웹사이트에 회원가입시 저희는 '이메일'을 회원 아이디로 할 예정입니다. 이메일을 통해 대부분의 확인을 할 예정이기때문에 회원가입시 입력한 이메일이 본인의 것이라는게 확인이 되어야만 합니다. 백엔드 서버를 Servlet으로 구현할 예정이기 때문에, 자바에서 입력한 이메일로 본인의 이메일임을 확인 할 수 있는 코드를 보낼 예정입니다. 해당 코드는 랜덤으로 생성한 난수를 보낼 것이며, 정확히 입력시 본인의 이메일임을 증명할 수 있습니다. SMTP 설정 시작에 앞서 본인이 사용하실 이메일의 SMTP 설정을 확인해주세요. 저는 gmail을 기준으로 설명하겠습니다. 지메일의 SMTP 기본 설정이 아래와 같으니, gm..

Figma는 UI/UX design 프로토타이핑 툴 입니다. 처음에는 sketch 무료 1개월 체험을 이용해 프로젝트를 진행해보려고 했습니다. 디자인이나 웹쪽에 전혀 지식이 없었어도 어렵지 않게 어느 정도 활용 할 수 있길래 sketch를 사용하려고 했지만 프로젝트 팀에서 혼자만 맥을 사용하다 보니, 협업에서 더 유리한 프로그램을 찾다 Figma를 선택하게 되었습니다. 일단 불과 한시간 정도의 분량이지만 sketch 에서 작업한 .sketch 파일을 바로 불러 올 수 있다는게 크게 매력적으로 다가왔습니다. 처음 가입을 하고 프로젝트를 생성하면 이런 화면이 나옵니다. Community에서 버튼이나 아이콘 등 다른 이용자들이 만들어 무료로 배표해둔 자료들을 손쉽게 이용할 수 있는것도 마음에 듭니다. 연습용으..

follow 테이블 설계 follow table은 유저들간의 follow를 구현하기 위해 만든 테이블 입니다. users 테이블에 있는 각각의 유저들은 서로를 follow 할 수 있습니다. 해당 기능을 위해서는 유저들간의 관계를 맺어주는 테이블이 필요합니다. follow 관계에 대한 정보를 가지고 있는 follow 테이블을 생성했습니다. FOLLOW 테이블은 어떤 유저가 어떤 유저를 follow 하고 있는지에 대한 정보를 담고 있습니다. follower 는 'follow'를 하는 유저 followee 는 follower 에게 follow를 받는 유저를 뜻합니다. follower 와 followee 모두, users 테이블에서 Foreign key 로 연관되어 있습니다. ID Column은 ..