UIKit | 팀소개 만들기 - 1일차

학원 다닌지 언..3일

스토리보드와 친하지 않고 코드로만

기깔나게 만들고 싶었지만 아직 기능을 잘 모르는 저는

방황하고 헤매고..

요상한 프로젝트가 만들어지는것 같은건 느낌적인 느낌이지만

 

코드로 하는게 편해서 코드로 기능을 다 구현하고

스토리보드로 넘어가는걸로 잡았습니다

(보통은 스토리보드지만.. 제가 혼자서 다루니까 이것저것 모르는게 많아서

강의를 듣고 한 번 기깔나게 만들고 싶어 미루기로 했습니다?..읭?

그렇게 따지면 코드도....라고 생각할 수 있지만 무튼 코드가 더 편해!)

 

이틀동안 기능 디벨롭과 유용하게 활용할 수 있는 부분들을 찾는걸로 기한을 잡았고

 

우여곡절 끝에 1일차를 끝냈지만.. 아직도 할 일이 수두룩...

(학원 끝나고 밤 11시부터 새벽4시까지한건 안비밀..)

 

제가 원하던 기능 구현은

 

1페이지

팀 명 - 팀 소개

 

첫 페이지는

 

팀명과 팀 설명에 대하여 라벨로 사용하여 구현하였습니다

근데 제가 라이브러리를 보니 텍스트 뷰라는 오브젝트가 있더라구요?

추후 기능을 다 만들고 텍스트 뷰로 구현을 변경해서 한 번 더 변경해보고자 합니다

 

 

 

 

그다음 페이지로 넘어가게되면

스택뷰로 구현한

 

2 페이지

팀원 리스트

 

 

위치를 중간 정렬이 아닌 위부터 정렬하게끔 수정할 계획입니다

그리고 버튼 크기가 글씨 크기에 맞게 조절이 되는데 크기도 조절할 예정입니다

 

 

3페이지

팀원 세부 사항

 

이것또한 스택뷰로 좋아하는걸 구현하였습니다

스택뷰 안에 라벨 뒤에 이미지뷰를 추가하여 하위 layer에 들어가게끔 설정하였습니다

 

그리고 깃 아이콘을 누르게 되면 제 github 계정의 사이트로 이동하게 됩니다

버튼으로 제작했는데

버튼이 아닌 이미지로도 가능하지 않을까 라는 생각을 하게되어 프로젝트가 끝난 후 한 번 찾아볼 계획입니다

 

 

그리고 화면상 이름이 동일하게 보이지만 이미 구조체로 붕어빵 찍어내듯이

예를들어 화면처럼 동일한 이름이 아닌

zizi

mimi

kiki

로 설정하고 세부 내용을 입력하면

정보값만 받아서 넘겨주는 형식으로 구성하였습니다

 

하지만 더 좋은 구조가 있을것 같은데 한 번 더 고민해보고자 합니다

 

---

구현해야할 부분

 

스텍뷰로 보유기술 추가하기

 

만들면서 더 디벨롭해야할 부분과 찾아볼 부분

이미지관리 잘 하는법

줄간격 띄우기도 """ """일 때 제가 구현한 기능에서 적용이 잘 안되는 걸 볼 수 있어서

스택뷰 더 쉽게 다루는법

이미지로 버튼 클릭하듯이 사이트 이동하는 방법

스택뷰와 테이블 뷰 좀 더 다뤄보기

스택뷰 정렬 다시 하고 스택뷰 내부 사이즈도 조절하기