🍎 1주차 워크북 / 야 실습 내용 추가해

 

---

 

프리뷰에 띄우는 방식

흠 근데 개인적으로 요즘 핸드폰 아이폰 다 그 크기? 비슷하지 않나 14인가 15에서 상단바 바뀐거만 제외하면

 

---

 

 

Text

 

.font() // 텍스트의 글꼴 크기
.foregroundStyle() // 텍스트의 색상
.underline() //텍스트 밑줄 추가
.strikethrough() // 텍스트에 취소선 추가
.lineLimit() // 텍스트가 너무 길 때 몇 줄까지만 보여줄지 설정
.kerning() // 자간
.lineSpacing() // 행간
.padding() // 패딩 - 텍스트 주위 여백
.overlay() // 텍스트뷰 위에 추가 레이어를 덮어씌움
.dynamicTypeSize() // 사용자 설정에 맞춰 텍스트 크기를 유동적으로 조정

---

 

Image 

 

.resizable() // 이미지 크기를 조절 가능하게 만듦
.frame() //이미지 가로세로 크기
.aspectRatio() // 이미지나 뷰의 비율을 유지하면서 크기 조절\
.background() // 이미지 뒤에 배경 뷰 추가
.border() // 테두리 추가
.clipShape() // 지정한 도형 모양으로 잘라냄
.foregroundStyle() // 이미지의 색상 또는 그라데이션 스타일 지정

 

.aspectRatio()의 매개변수 -   fit / fill / 미사용

.aspectRatio(contentMode: .fit)

• 비율을 유지하면서 컨테이너 안에 다 들어가게 맞춤.
• 남는 공간이 생겨도 잘리지 않고, 전체가 다 보여짐.
• 결과적으로 여백이 생길 수도 있음.

큰 네모 틀에 세로로 긴 사진을 넣으면 사진이 안 잘리고 다 들어가지만 좌우에 빈 공간 생김

 

---

.aspectRatio(contentMode: .fill)

• 비율을 유지하면서 컨테이너를 꽉 채우게 맞춤.
• 뷰의 크기에 맞게 넘치는 부분은 잘라냄 (clipping).
• 잘릴 각오를 하고 꽉 채우는 느낌.

큰 네모 틀에 세로 긴 사진을 넣으면 위·아래는 잘리고 옆으로 꽉 찬 상태

 

---

.aspectRatio() 미사용

• resizable()만 적용하고 frame()을 지정하면 이미지가 프레임에 강제로 맞춰지면서 비율이 깨질수 있음
• 비율을 강제하지 않기 때문에,
  가로/세로 길이를 다르게 주면 이미지가 찌그러지거나 늘어남.

---

Button

 

 

---

 

VStack (수직)

---

 

HStack (수평)

 

 

---

 

ZStack (여러 뷰 겹치기)

(overlay는 하나의 뷰 위에 다른뷰 덮어씌우기)

 

https://velog.io/@shseo/IOS-Swift-ZStack-Overlay

 

---

StackView끼리 조합하기 

---

 

이거 뭐여 

 

 

---

 

Frame() - hug vs fixed

 

 

---

코드 집어넣기

Group이란?? 

뷰를 묶어주는 역할, 하지만 레이아웃에 간격이나 정렬을 적용하진 않음

 

---

 

야 근데 나이거 피그마에서 이 간격으로 안뜨던데?? 얘도 실습 필요 

 

---

---

실습을 시작하려는데.. 

문제점..... 프리뷰 안떳던 문제...  ⬇️

 

꼬오오오옥 타겟 설정하기!!

 

야 실습 추가해

이내용 넣으시면 되겟네오ㅛ

Asset안에 추가하는 방법 : + 버튼 → import