pycraft114 / sns_project

SNS_Project

참여자 : 박찬우, 엄호경, 박춘호

목표 : 미니 프로젝트 수행 간 협업을 체험해보고 어떻게 하면 더 나은 협업이 될지 고민해보고 토론하며 적용해본다.

사용 기술 : HTML, CSS, JS, Nodejs, MySql

프로젝트 예시 이미지

프로젝트는 크게 3가지 파트로 나뉘며 한 파트씩 담당한다.

• 게시물 작성 기능

담당자 : 박찬우

게시글 작성란 클릭시에 백그라운드 어두운색으로 투명 해진다. 게시글 작성 중에는 스크롤 고정한다. 게시글 작성 상태에서 나오면 다시 스크롤 가능 모드 . 게시글은 글, (/사진/보류)을 올릴수 있으며 기분과 활동을 나타내주는 버튼이 있다.

• 게시물 영역 기능

담당자 : 엄호경

게시글 upload시에는 최상단에서부터 아래로 밀어넣기.

스크롤 끝 까지 내려가면 그다음 게시물을 로드해 무한 스크롤링 되도록 한다.

게시글 우측 상단의 v버튼을 누르면 게시물 삭제, 게시물 수정 기능 들이 있다.

게시글 좌층 상단에는 아이디,프로필 사진이 있다.

아이디 아래에 작성시간 나타난다.

좋아요 기능 추가 댓글 기능은 x 공유하기 x

• 로그인 기능

담당자 : 박춘호

회원가입기능ㅇ

로그인,로그아웃 기능 ㅇ

Backlog

3.28 프로젝트 백로그 작성

DB

USER

  id VARCHAR(24) PRIMARY KEY
  pw VARCHAR(16)
  img VARCHAR(100)
  name VARCHAR(16)

POST

  userId VARCHAR(24)
  postTime DATETIME
  postNum INT(10) PRIMARY KEY AUTO_INCREMENT
  likeNum INT(5)
  content TEXT

Backlog

sns_project's Issues

4-7 회원가입 처리(서버)

"회원가입 요청시 id와 패스워드 디비에 저장
아이디가 있을 경우 중복처리 응답"

4h

4-4 게시물 요청 처리

4-9 게시물 삭제 처리

1-1-1 게시물 작성 칸 레이아웃 짜기

3-2-2 로그인 기능

회원가입 버튼 클릭시 회원가입창이 뜬다. 아이디 입력창의 아이디와 비밀번호 입력창의 비밀번호를 db의 user테이블의 값과 대조하여 일치하면 해당 아이디로 로그인이 됨, 일치하는 값이 없을경우 로그인 버튼 하단에 오류메시지("아이디와 비밀번호가 일치하지 않습니다.")를 출력

4h

3-2-1 회원가입 기능

비밀번호 입력창과 비밀번호 재입력(확인)창의 값이 다를경우 재입력창 하단에 값이 일치하지 않는다는 메시지를 보여줌. 아이디,비밀번호,재입력칸을 작성후 가입버튼을 누르면 db에 해당값들을 추가요청을 보냄. 아이디가 db에 존재할 경우 이미 사용중인 아이디라는 메시지를 출력.(가입버튼하단)

3h

3-2-3 로그아웃

로그아웃버튼을 누르면 로그아웃과 동시에 로그인페이지로 이동된다

4h

2-2-1 v버튼 클릭 기능

3-1-1 기본적인 로그인 레이아웃

아이디 입력창, 비밀번호 입력창 , 로그인 버튼, 회원가입 버튼

2h

2-2-4 좋아요 클릭 기능

2-2-5 페이징 기능

2-1-1 게시물 영역 레이아웃

4-5 로그인 처리(서버)

클라이언트에서 로그인 요청시 id와 패스워드 비교 응답

4h

4-8 좋아요 요청 처리

1-2-1 게시물 작성 기능 구현하기

title

5-1 데이터베이스

4-1 로그인 페이지(서버)

로그인 페이지 렌더링 클라이언트에 제공

2h

3-1-2 회원가입창 레이아웃

아이디 입력창, 비밀번호 입력창, 비밀번호 재입력(확인)창, 확인 버튼

2h

2-2-2 게시물 삭제 기능

4-6 로그아웃 처리(서버)

로그아웃

4h