728x90

스토리보드로 각 페이지 구성을 짠 다음 기능을 구현하고 데이터를 저장하기 위해서 DB를 구상했습니다.

우선은 회원정보를 저장할 member 테이블 그리고 3개의 게시판 데이터를 저장할 각각의 게시판 테이블입니다.

그 하위에는 각 게시판의 댓글을 저장할 테이블을 만들었습니다.

 

이미지는 eclipse의 ERMaster를 사용해 표현한 것이고 실제 DB는 oracleDB를 사용했습니다.

이미지를 붙이고 나니 각 게시판과 댓글에 작성자 부분이 빠져있는 걸 발견했습니다.

다른 부분도 놓친 게 없는지 확인하고 수정해야겠습니다.

728x90
728x90

각 페이지별 화면 구성을 짜 봤습니다.

index 페이지면서 추천 게시판의 글 목록을 보여줍니다. 

사이트 전체에서 글의 내용을 보고 싶으면 로그인을 해야 하고

로그인하지 않은 상태에서 글을 누르면 로그인 페이지로 이동합니다.

 

회원가입할 때 닉네임도 설정 가능하게 해서 로그인 이후에는 닉네임이 보이게 할까 고민입니다.

우선은 ID로 표시되게 할 예정입니다.

 

 아이디 찾기만 적어놓았는데 비밀번호 찾기도 이메일로 발송해 변경하게 구현할까 합니다.

로그인 버튼을 눌렀을 때 아이디와 비밀번호가 DB에 있으면 index 혹은 그 전 페이지로 이동하고

없을 경우 로그인 페이지에서 경고창만 띄웁니다.

 

아이디 찾기 페이지입니다. 일치하는 ID와 email이 있을 경우 새 페이지로 이동해서 보여줄지 

경고창같은 팝업을 띄워서 보여줄지 고민입니다. 일치하는 경우에는 새 페이지로 이동해서 보여주고

없는 경우에만 경고창을 띄워 알려주는 게 지금은 제일 나아 보입니다.

가벼운 사이트를 원하기 때문에 입력받는 내용이 별로 없습니다.

DB에 같은 ID가 있는지 체크하는 버튼을 만들고,

빠진 내용이 없었을 때 확인 버튼을 누르면 DB에 데이터를 추가합니다.

 

글 목록에서 글을 클릭할 경우 보이는 페이지입니다.

추천, 비추천 버튼과 신고버튼을 구현하고,

작성자 본인인 경우에 글을 수정할 수 있는 수정 버튼을 보이게 만듭니다. 

하단에는 글에 댓글을 달 수 있는 창을 만듭니다. 

댓글의 경우에는 DB를 어떻게 해야 할까요?

생각으로는 table을 하나 만들고 게시판에 글 번호를 외래 키로 받아 표시하면 될 거 같은데...

 

 글 쓰기, 수정하기 페이지입니다.

화면 구성은 같은 모습이지만 실제로 구현할 때 수정하기 페이지의 모습은 좀 다른데

원래 글의 제목과 내용을 그대로 받아올 예정입니다.

글 쓰기의 경우 등록을 누르면 DB에 새로운 데이터가 추가되고 

수정하기의 경우 update 구문을 사용합니다.

 

포트폴리오 페이지입니다.

각 회원마다 자신의 종목을 추가할 수 있고, 다른 회원에게 보여줄지 말지 결정할 수 있습니다.

그리고 자산 추이를 보여주는 그래프가 할당되는데 이 페이지는 구현할지 말지 고민하고 있습니다...

 

 이외에도 마이페이지와 비밀번호 변경 기능, 스크랩 기능, 스크랩 확인 페이지를 만들 생각하고 있습니다. 

728x90
728x90

처음으로 하는 개인 프로젝트입니다.

페이지 구성부터 서버 연동까지 혼자서 해보려니까 볼 때마다 빠진 부분이 보이네요.

그 부분은 프로젝트를 진행하면서 추가, 수정하도록 하겠습니다.

 

일단 만들려는 사이트의 주제는 넓은 의미에서 주식커뮤니티 사이트입니다.

좁은 의미에서는 종목추천 사이트로 각자 종목을 추천할 수 있는데 그에 대한 근거를 필수적으로 피력해야 합니다. 

 

구현 기능으로는 회원가입, 로그인, 로그아웃, 글쓰기, 댓글, 첨부파일 넣기 등을 생각하고 있습니다.

신고하기 기능도 필요할 것으로 보이고 뭔가 빠진 기능들이 있을 거 같은데 단순한 사이트를 생각해서 그런지

잘 생각나지 않네요.

 

필요 페이지로는 회원가입, 로그인, 아이디 찾기 페이지가 있고 글쓰기 1,2와 게시판 글 목록 1,2와 같이 숫자로 나누어져 있는데 이는 공지사항, 자유게시판, 추천 게시판을 나누어 표현한 것입니다. 

 

DB는 h2를 사용할지 mySql을 사용할지 아직 정하지 못했는데 테이블을 먼저 생각한다면 회원테이블과 각 게시판마다 테이블을 생성해 총 4개로 구현할 수 있을 거라 생각합니다.

대략적으로 구현기능과 필요 페이지, 테이블, 사용할 도구와 언어들을 정리해봤습니다.

화면 구성을 어떻게 해야할지 아직 감이 오지는 않습니다. 머릿속에는 단순한 사이트로 구현되어 있는데 이대로 하면 너무 휑하지 않을까 하는 생각이 들어서 그런 듯합니다.

navbar를 만들면 위쪽 상단에 만들까 왼쪽에 세로로 만들까 고민을 했는데 제일 위 상단에 만드는게 개인적으로 나아 보입니다. 

어제 고민을 많이하며 작성했는데 글로 풀어서 쓰니 양이 적네요.

아무래도 경험이 부족해서 뭐가 필요하고 어떻게 구성해야 하는지 몰라서 그런 듯합니다.

그리고 글로 작성하면서 느낀 건데 화면 구성이 너무 부족한 거 같네요 그 부분부터 추가해야겠습니다. 

읽어주셔서 감사하고요 앞으로 만들어가는 과정을 하나씩 올려보도록 하겠습니다.

728x90

+ Recent posts