오늘은 SNS 팀 프로젝트 S.A. 작성과 와이어프레임을 그려보았다.
역할분담을 하고 발표자를 정하고 카카오 오븐을 사용하여 와이어프레임을 그렸다.
앱을 시작할때 스플래시 화면을 구현하여 배너를 띄우고(임시로 띄운 이미지)
첫 화면에서 로그인 화면과 회원가입 화면으로 넘어갈 수 있는 화면이 있다.
로그인 화면에서는 이메일과 비밀번호를 통해 로그인하게 했고
회원가입 화면에서는 비밀번호를 확인하는 기능을 넣고 싶어서 가능하다면 구현해볼 생각이다.
메인화면에서는 인스타그램과 같이 각 상단바에 프로필 사진을 누르면 마이 페이지로, 게시글을 누르면 디테일 페이지로 넘어갈 수 있도록 설정해 주었다.
마이 페이지에서는 이름, e mail을 회원가입 페이지에서 받아오고 팀원들의 프로필 사진과 한줄 소개, 그리고 게시글에는 TIL과 같은 게시글로 이어질 수 있도록 설정해주었다.
디테일 페이지에서는 사진이나 동영상을 중앙에 배치하고 이메일과 프로필 사진을 상단쪽에 게시글을 하단에 배치해주었고 뒤로가기 버튼을 통해 바로 전 화면으로 갈 수 있도록 설정해주었다.
조에서 마이 페이지를 담당하게 되어서 일단 UI만 구현해보았고 여기서 데이터 값을 가져오는 기능과 각 조원분들의 TIL과 GIT과 같은 주소를 게시글로 응용해볼까 싶다.
UI는 얼추 완성하였고 이 과정에서 아래 게시글에 ScrollView 기능을 넣었는데 계속 기능을 못하여 구글링을 통해 scrollView 내부에 constraint 레이아웃은 권장되지 않는다하여 NestedScrollView를 사용해줬다.
결과는??
스크롤이 생겼다!
주의할 점은 ScrollView의 제약 조건범위를 모두 명시하여야 정상적으로 작동한다.
하루의 마무리
-
오늘은 회의하고 깃연동하고 하느라 하루를 다 쓴것 같다.
저번에 형한테 혼나가지고 좀 제대로 이론부터 꼼꼼히 파악하면서 가야겠다 ㅠㅠ
