iOS 개발자 지망생

Custom Cell Tableviewcell에서 custome cell을 만들기 위해서 cell 위에 있는 contentview에 UI를 추가하는 형식으로 진행된다. Contentview 위에 imageview도 올리고, label도 올리게 되는 것이다. 그렇게 되면 어떻게 해야할까?? UITableViewCell을 상속한 class하나를 만든다. 이 클래스에서 우리는 Custom Cell을 만들면된다. 1. 변수선언💡 여기서 이미지와 제목과 상세정보를 나타내고 싶기때문에 일단 변수를 만들어준다. 여기서 중요한 점은 변수를 imageView와 같은 이미 default로 있는 이름과 겹치게 만들면 안된다. (cell에는 default 값으로 imageView, title 등이 존재한다. 이는 tablev..

autoLayout 2021. 7. 10. 20:21

※ 오토레이아웃 주제는 야곰님의 강의를 듣고 공부한 내용을 정리한 내용이다. 로그인뷰를 만드는 것이 생각보다 쉬운일은 아니었다. 글씨를 크게 만들었을때는 우리는 scrollview를 해줘야할 것이고, 그렇지 않을떄는 scroll이 안되야할 것이다. LoginView를 구현할떄 필요했던 것은 scollview사용법, stackview 사용법이었다. 강의를 들으면서 디자인에 맞는 화면을 구성하기 위한 팁을 여러개 얻을 수 있었다. TIP1💡 요소간의 간격을 맞춰주기위해서 하얀색 혹은 투명한 view를 사용할 수 있다는 것이다. stackview의 spacing이 8이라고 한다고 했을때, 2개의 요소사이가 최소 46pt 떨어져있다면, 8 + 30 + 8이다 그렇게 되기 위해서는 view.height >= 30..

autoLayout 2021. 7. 10. 19:38

scrollView에 content가 늘어가면서 계속 스크롤이 가능하다가, content가 사라지면, scroll이 되지않게 만드는 예제이다. ScrollView 먼저 storyboard로 버튼 2개와 스크롤뷰를 만들어준다. Add 버튼과 Remove 버튼을 만들고 stackView에 넣어놓고, stackview는 safeArea에서 10씩 떨어트리고, 그리고 scrollview와는 바로 붙여준다. scrollview의 오토레이아웃은 scrollview1탄의 기본편과 동일하게 만들어준다. 대신에 이번에는 우리는 Contentview를 하나 만드는 것이 아닌, stackview를 만들어서 scrollview에서 나타낼 것이다. scrollview의 오토레이아웃 하는 법은 scrollview 1탄에서 확인하..

autoLayout 2021. 7. 10. 19:00

ScrollView ScrollView는 일반적으로 view에 대한 오토레이아웃을 적용하는 것과 다르다. 그렇다면 어떻게 진행될지는 apple의 autolayout Guide를 참고할 수 있다. 1. 먼저 scene에 scrollview를 추가한다. 2. 그리고 scrollview를 오토레이아웃을 잡아준다. superview에 constraint를 잡아줘도 되고, safearea에 constraint를 잡아줘도 된다. 3. Scrollview안에 View 하나를 추가한다. 그리고 그것을 contentView라고 이름 짓는다. 4. Contentview를 scrollview에 맞게 오토레이아웃을 또 잡아준다. scrollview에 엣지에 우리는 contentview의 constraint를 잡아주면된다. 이..

autoLayout 2021. 7. 8. 21:24

사실 코드로 오토레이아웃뿐만 아니라, 코드로 버튼도 잘 안 올려봐서 꽤 생소한 강의 부분이었다. 더 열심히 해야겠다는 생각이 드는 강의였다...! 하지만 뭐 이야기를 들어보니, 스토리 보드던, 코드던 정답은 없다는 것 같다. 하지만 둘 다 할 줄 알아야지...! 하는 마음에 공부를 더 해봐야겠다. 이런 식으로 그려지게 만들어야 한다. 하지만 단순히 safeArea에서 20만큼 띄워주게 오토레이아웃을 짜게 된다면, 각각의 기기마다 달라지는 것을 볼 수 있다. 오른쪽의 화면은 아이폰 se2고 왼쪽은 아이폰 12이다. 아이폰 se2는 하지만 홈 인디케이터가 없기 때문에, 아이폰 se2에서 20만큼 띄어준다고 한다면, 아이폰 12에서는 54포인트가 띄어지게 된다. 그렇기 때문에 오토레이아웃에 priority 설..

autoLayout 2021. 7. 8. 01:30

※ 오토레이아웃 게시물은 야곰님의 강의를 듣고 공부한 내용을 기록한 것입니다. 스택뷰는 겹쳐서 쓸 수 있다. 이것을 Nested Stackview라고 한다. 또한 Stackview를 쓰면서 constraint 적용을 통해서 원하는 화면을 구현할 수 있다. Apple document에 있는 예제를 약간 변형한 예제를 살펴본다면 다음과 같다. 위의 autolayout을 만들어야한다. Nested Stackview를 진행하면서 우선 label과 textfield를 stack으로 묶어준다. 이 3개를 stackview로 또 묶어준다. 이 3개의 stackview를 fill로 묶어준다면, 어떤 label이 fill을 충족하게 하기위해 커질지 모른다. 그렇기 때문에 fillequally를 적용해서 같은 비율로 st..

autoLayout 2021. 7. 7. 16:24

StackView에서 알아야하는 기능 axis : Vertical과 Horizontal로 나눠짐 distribution: 스택 뷰 내의 요소들의 사이즈를 어떻게 분배할 것인가? alignment: 스택 뷰 내의 요소들의 위치를 어떻게 할 것인가? spacing : 스택뷰 내의 요소 간의 거리 Distribution UIStackView.Distribution.fill 스택 뷰 전체에 요소들을 전부 채우는 것이 fill이다. 하지만 요소들을 전부 채우는 과정에서 요소들이 마음대로 크기가 조정될 수 있다. 그렇기 때문에 fill을 쓸때 어떤 친구가 더 늘어날지 모르는 일이 발생할 수 있다. 이때 필요한 것은 Hugging priority이다. Hugging priority를 통해서 어떤 친구는 intrins..

autoLayout 2021. 7. 7. 15:26

※오토레이아웃 게시물들의 내용은 apple document와 야곰님의 오토레이아웃 강의를 듣고 공부한 내용을 기록합니다. Content Compression, Content hugging 1. Content Compression Resistance: 컨텐츠를 외부에서 누르려고 할때 content가 버티는 힘. Content가 최대한 잘리지 않으려고 버티는 힘이다. 2. Content Hugging: content가 intrinsic size에 꼭 맞게 줄어드려고 하는 힘이다. 즉, 늘어나지 않으려하는 힘이다. 결국 컨텐츠보다 더 늘어나지 않으려는 힘이라고 생각할 수 있다. 이 2가지는 Priority를 기준을 가지고 움직이다. 이것을 이해하려면 무조건 예시가 필요하다!! 이런식으로 label을 3개를 두..

autoLayout 2021. 7. 5. 02:19

Intrinsic Content Size Intrinsic Content size란 button, Labels와 같이 내부의 내용으로 사이즈가 정해진다는 말이다. 애플 다큐먼트에 있는 표를 보자면, UIView같은 경우는 빈 뷰이기 떄문에, intrinsic content size가 없다. 반면에 button, Label은 height과 width가 정해져있어서 view위에 올릴 경우 위치만 잡아주면 되는 경우이다. Slider의 경우는 위의 표에서는 Defindes only the width라는 말이 있다. 이말은 width만 정의해주면 된다는 소리이다. 즉 height는 정해져있다는 의미이다. Text View의 경우에는 스크롤이 enable이냐 아니냐에 따라서 갈린다. 스크롤이 가능하다면, text..

autoLayout 2021. 7. 5. 01:42

Constraint Inequalities (부등식 성립) 오토레이아웃에서 항상 방정식처럼 제약조건이 성립하는 것은 아니다. 부등식도 우리는 오토레이아웃에서 사용할 수 있다. 애플다큐먼트를 보면 이렇게 부등식이 성립하는 경우가 있다. 여기서 보면 결국은 40

autoLayout 2021. 7. 4. 23:42