RC 1st WEEK(4)-프론트 구현

YJ·2022년 12월 24일
0

라이징 캠프 13기

목록 보기
5/11
post-thumbnail

기록용을 위한 포스팅입니다.
삽질 투성이...

처음에 선택한 앱은
배달의 민족이었습니다...
여기서부터 멈추고 다른 데로 갔어야 함...

누끼따는 데의 문제와 너무 구현 할 수 있는 부분이 적은 것 같아 수정했습니다…

틀 만들어둔 거 기록



에이블리 앱으로 하겠습니다!

삽질 이유 분석

1) 이미지 누끼 어떻게????

→ 기본 누끼로 따오기에 시간이 너무 오래 걸렸고

View 사용법이 익숙하지 않아서 UI만 만드는데 시간이 오래 걸렸음

2) Autolayout 구글링만 했는데 유용한 정보를 얻지 못 했음

초보기 때문에 정말 처음부터 알려주는 것이 필요했는데, 개념만 빠삭하고 실제로

써먹어보지는 못 하는 상황이어서 과제 delay가 발생 → youtube에서 실습할 수 있었지만 직접 해봐야만 얻을 수 있는 skill들이 많았음

삽질 해결

1) 다양한 view를 쓸 수 있는 app을 찾아보던 중에 배민 보다 조금 더 좋은 조건인

ABLY 클론코딩하기로 결정

2) autolayout 모르겠으면 컴공 youtube 찾아보라, 공식문서도 더 자세히 읽어보자

3) 그래도 모르겠으면 하는 데까지 하자!

4) 이미지 누끼는 배민 만들다 삽질하면서 이미 통달함….

이제 굉장히 잘할 수 있을 것 같음

일단은 UI는 대충 다 구현
1차


2차

14pro로 만들었으니 매우 잘 되겠지만…

13promax랑 iphone 8로 가면 기껏 해놓은 autolayout이 무용지물이다…

scrollview로 해결이 가능할 것 같은데

일단은 오토레이아웃 여기까지 하고
화면 넘어가는 segue랑 scrollview해봐야겠다..

과제 제출이 다음 세션까지기 때문에 종강한 지 얼마 안되어서
마음이 엄청 급했음...
나만 초보자였다고 한다...팀원분들 다 너무 잘하셨다...
그냥 나만 못한 사람 됨...

그래도 어디 이정도까지는 왔다….

1) segue먼저

삽질한 이유

Tabbarcontroller 자꾸 embed 시켜서 하려고 해서 원하는 대로 못 했고

Storyboard reference가 뭐하는 거지? 하다가 구글링 해본 결과 제대로 된 자료 찾아서 다시 시도 했습니다!

참고자료

https://roniruny.tistory.com/132
https://swieeft.github.io/2020/02/24/StoryboardReference.html
https://swieeft.github.io/2020/02/24/StoryboardReference.html

그래서 segue를 정말 구현했습니다! 마침내!

나 너무 소소한 거에 기뻐하나...
나는 이 정도도 되게 잘한 것 같다고 생각했는데..
ㅎㅎ 팀원 분들이 다들 너무 잘해오시고 이슈가 거의 없어서
더 동기부여도 되었던 것 같고...
혼자 자책도 많이 했던 것 같다...

2) Scorllview를 사용해야 autolayout의 장점을 극대화시킬 것 같아서 좋은 정보들을 찾아보았고,

연습했지만 가로 스크롤뷰와 세로 스크롤뷰를 동시에 적용시키는 법

그리고 뷰 간의 영역을 나눠서 하는 법까지 할 수 있는 물리적인 시간이 나지 않았습니다…

[참고자료]

https://cherry-bambi.tistory.com/5
https://www.youtube.com/watch?v=x_JjtX4SCXY&list=PLgOlaPUIbynpvYsyKTrH2bpVlOCHkz6OY&index=7

연습한 흔적만 두고 가겠습니다…

멘토님께 웃음을 드릴 수 있어서? 다행이었습니다?
진짜 다들 scrollview까지 완벽하게 해왔다...ㅎㅎ
나만 이슈가 참 많았다...
나는 autolayout도 다 엉망진창이었는데 ㅎㅎ
다음주차까지 1주차 부분들 완벽하게 해오지 않으면 라이징테스트에
매우 큰 지장이 간다고...해주셔서 ㅎㅎ 열심히 해야겠다 ㅎㅎ
힘들다 ㅎㅎ
포스팅의 의미가 삽질 기록용인 것 같은데
이번에 과제하면서 구글링할 때 다들 완벽하게 구현하신 것들만
포스팅 하셨는데 저같이 힘든 분들도 계실테니까 제가 올린 거 보시면서
많은 위로를 받으셨으면 합니다..
못 할 수도 있죠 저 swift 이번에 처음 시작했어요 정말 1도 몰랐거든요
물론 처음에 잘할 수도 있지만 연습만이 살길이라는 거죠..머...
UI만들다 손목도 잃고 자신감도 잃고...이게 맞나...

그래서 최종 과제에서 사용한 View

UIButton, UIImageView, UILabel, UISearchBar, TabBarController
(도전정도..UISrollView, UIStackView)

삽질 이유 총 정리

1) swift UI 생초보 → 정말 정보가 없었기 때문에 직접 해보면서 배웠던 점, 구글링에 시간 많이 할애하게 됨

2) 정보 습득 후 실습까지 시간이 오래 걸렸음(특히 UI 구현하는 부분)

3) Autolayout 적용하는 데 시간이 오래 걸렸음

4) Tabbarcontroller, scroll view까지 시도해보려고 구글링과 정보 습득에 시간 많이 할애

해결하지 못한 이슈

1) Autolayout이 완벽하지 못함 → scorllview로 약간 해결해볼 수 있을 것 같은데 시간 투자가 필요할 것 같음

해결해보고 싶은 이슈

1) scrollview,stackview,stackview 가로 세로 둘 다 넣어보기

최종 과제 영상

아이폰 8

아이폰 8 시뮬레이터

아이폰 12promax

아이폰 12promax 시뮬레이터

최종과제사진

열심히 만들었는데

잘 만들지 못 해서 너무 아쉽습니다…

이 부분들 보완해서 다음 과제는 더 잘하고 싶습니다…

깃허브링크

ABLY 클론코딩 깃허브 링크

profile
why not?!?!

0개의 댓글