학교커뮤니티개발(#1) - 프론트앤드개발

안녕하세요. 이번에 동아리에서 학교 커뮤니티를 만들게 되었습니다.

전체코드는 아래 링크에서 확인하실 수 있습니다.

https://github.com/seohayeon/community/tree/2.0.0

 

먼저 프론트엔드부터 만들어보았습니다.

먼저 홈페이지입니다.

아직 게시물이나 교내 소식이 안올라와 허전한 상태입니다.

위쪽에 급식과 일정은 나이스 api에서 파싱했습니다.

 

다음 화면은 게시판입니다.

아래 화면에서 게시판 선택이 가능하고 게시판을 터치하면 해당 게시판으로 이동합니다.

다음은 게시판 목록입니다.

아직 백엔드와 연동을 하지 않았기때문에 가상 데이터베이스에서 제목, 내용,작성자, 시간을 불러오고 댓글개수와 좋아요 개수도 불러올 생각입니다.

 

아래는 알림 화면입니다. 알림화면에서는 새로운 공지, 인기게시물선정,댓글 여부가 표시됩니다.

그리고 알림클릭시 해당 알림이 발송된 링크로 이동됩니다.

 

 

다음은 내정보를 볼수 있는 화면입니다.

개인정보는 가렸습니다.

내정보 화면에서는 학생증을 인증하고, 비밀번호나 기타 회원정보를 수정하거나 앱 정보를 볼수 있습니다. 앱 버전이 2.0.0인 이유는 ui와 백앤드를 갈아엎었습니다.

구버전은 아래링크에서 이용하실 수 있는데 헤로쿠에서 서비스하는거라 속도가 느립니다.

(Aws 최고!)

http://sookmyung.herokuapp.com/

다음 개발일지는 백앤드를 만들어 자잘한 기능들을 구현해보도록 하겠습니다.