SA 템플릿

SA🐾

깃허브 링크:

1. 프로젝트 제목 / 간단 설명

아이디어 브레인 스토밍

•  

앱 기획

• 제목 : 
• 목적 : 
• 화면 구성 : 
• 기한 : 

2. 와이어프레임

(피그마 링크)

3. 개발 기능 정의

1) 메인 페이지

• 게시물 영역게시물 있는 영역만 스크롤 되게 하기사용자 이름이 있는 구역을 누르면 디테일 페이지로 이동하기 (⭐필수⭐)더보기를 누르면 잘려있던 게시글이 전부 보이게 하기
• 게시물 작성자, 이미지, 게시글 순으로 레이아웃 구성
• 이미지 또는 하트를 누르면 좋아요 숫자 증가 & 좋아요 이미지 변경시키기
• 스크롤뷰 사용하여 게시물 리스트가 스크롤 가능하게 하기 (⭐필수⭐)
• 사용자 리스트 영역가로로 스크롤 되게 하기
• 스크롤뷰 사용하여 사용자 리스트가 스크롤 가능하게 하기
• 사용자 이름이 들어가 있는 상단바 영역인사말 속 이름이 사용자에 따라 변하도록 설정하기 (⭐필수⭐)
• 프로필 이미지를 누르면 마이 페이지로 이동하기 (⭐필수⭐)

2) 디테일 페이지

• 상단 영역자신의 프로필이 아닐시 편집 버튼 보이지 않게 하기
• 자신의 프로필이 아닐시 로그아웃 버튼 보이지 않게 하기
• 좌측 상단에 뒤로가기 버튼을 누르면 메인 페이지로 이동하기 (⭐필수⭐)
• 해당 사용자가 게시한 게시물 영역게시물 있는 영역만 스크롤 되게 하기이미지, 게시글, 댓글 순으로 레이아웃 구성
• 더보기를 누르면 잘려있던 게시글이 전부 보이게 하기
• 이미지 또는 하트를 누르면 좋아요 숫자 증가 & 좋아요 이미지 변경시키기
• 스크롤뷰 사용하여 게시물 리스트가 스크롤 가능하게 하기 (⭐필수⭐)

3) 로그인 페이지

• 아이디 입력
• 회원가입하고 돌아왔을 때 채워져있기 (⭐필수⭐)
• 비밀번호 입력회원가입하고 돌아왔을 때 채워져있기 (⭐필수⭐)
• 비밀번호는 보안을 유지하기 위해 ***로 표시하기 (⭐필수⭐)
• 로그인 버튼
• 로그인 버튼을 클릭하면 메인 페이지로 이동하거나 또는 오류 메세지 출력하기 (⭐필수⭐)
• 회원가입 버튼
• 회원가입 버튼을 클릭하면 회원가입 페이지로 이동하기 (⭐필수⭐)
• 예외처리
• 아이디가 틀리거나 비밀번호가 틀렸을 때에 안내 메세지 표시

4) 회원가입 페이지

• 아이디 입력아이디 존재 여부 확인 기능 구현하기 (⭐필수⭐)
• 아이디 중복 체크 기능 구현하기 (⭐필수⭐)
• 비밀번호 입력비밀번호는 보안을 유지하기 위해 ***로 표시하기 (⭐필수⭐)
• 유효성 검사하기 (⭐필수⭐)
• 비밀번호 확인칸 입력비밀번호 확인칸은 보안을 유지하기 위해 ***로 표시하기 (⭐필수⭐)
• 비밀번호와 비교하기 (⭐필수⭐)
• 회원가입 버튼활성화된 회원가입 버튼 클릭 시 프로필 이미지 선택 페이지로 이동 (⭐필수⭐)
• 모든 조건(입력칸이 비어있지 않고 각각의 카테고리 검사를 통과) 만족 시 활성화하기
• 예외처리
• 안내 메세지 표시

5) 프로필 이미지 선택 페이지

• 이미지 선택 영역
• 하나의 이미지만 선택 가능하게 하기 (⭐필수⭐)
• 다음 버튼선택한 이미지 미리보기
• 활성화된 다음 버튼 클릭 시 메인 페이지로 이동하기 (⭐필수⭐)
• 이미지를 선택하면 활성화하기(기본은 첫번째 이미지)

6) 마이 페이지

• 회원정보 수정 기능
• 편집 버튼 클릭시 회원가입 페이지를 재활용한 편집 페이지로 이동
• 사용자 정보 출력
• 회원정보가 수정됐다면 바로 반영하기 (⭐필수⭐)
• 사용자가 게시한 게시물 목록게시물 있는 영역만 스크롤 되게 하기이미지, 게시글, 댓글 순으로 레이아웃 구성
• 더보기를 누르면 잘려있던 게시글이 전부 보이게 하기
• 이미지 또는 하트를 누르면 좋아요 숫자 증가 & 좋아요 이미지 변경시키기
• 스크롤뷰 사용하여 게시물 리스트가 스크롤 가능하게 하기 (⭐필수⭐)

7) 이외의 기능

• Activity 전환 시 animation 구현액티비티 시작될 때와 끝날 때에 적용
• overridePendingTransition() 사용하기
• 영어 버전으로 변경 적용res/values-en 디렉토리 활용하기
• string.xml에서 문자열 관리하기
• 원형 이미지뷰 구현
• 모든 프로필 이미지에 적용
• 다크모드 구현
• res/values, res/values-night 디렉토리 활용하기
• 사용자 정보 관리 구현더미 데이터 추가
• add, get, edit, match 함수 추가
• object class, data class 사용

4. 역할 분담

•  

5. 마감 기한

• 12/26
• 12/27
• 12/28
• 12/29

6. 협업 관련 사항 조정

• 안드로이드 스튜디오 사용
• 에뮬레이터는 Nexus 5 API 31 사용
• 풀 리퀘스트 전에는 말해주기
• 풀 리퀘스트에는 최대한 이름과 내용을 자세히 기록하고 팀원을 리뷰어로 등록해 최소 1명에게 확인받은 후 merge 진행
• Readme.md를 이용해서 개발 진행 기록 작성

7. 코드 컨벤션

‘베이스로는 Kotlin 스타일 가이드에 맞춰 진행’

클래스 이름 : PascalCase

함수 이름 : camelCase

변수 이름 : camelCase

문자열 리소스 이름 : snake_case

문자열 이름 : (페이지_)용도

레이아웃 이름 : 속성_페이지_위치

뷰 이름 : 속성_페이지_용도(_사용방법)

리스트 내 변수 : 엔터로 정리

enum class 내 변수 이름 : 모두 다 대문자

drawable 내 이미지 이름 : img(_위치)_용도

drawable 내 셀렉터 이름 : selector(_위치)_용도

drawable 내 아이콘 이름 : ic(_위치)_용도

by lazy : 엔터로 구분

조건이 3개 이상일 때 : when 사용

코드 한 줄을 여러 줄로 작성하는 경우 : 안드로이드 스튜디오의 흰 줄을 넘어가는 경우

기본적인 코드 정리 : CTRL + ALT + L

• 삭제할것들
• 

Commit Convention 추가