inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Part1: 진짜 왕초보 iOS 배우기(SwiftUI, SwiftData, 2024)

JSON으로 받은 데이터로 이미지 및 섹션 타이틀 삽입하기(2)

6-7) 이미지 사이즈 지정 위치 질문드립니다.

해결된 질문

169

drfranken

작성한 질문수 1

1

안녕하세요 애구마님!

6-7) 7:50 쯤에 이미지의 사이즈를 지정해주기 위해 frame() 작성하시는 부분에 질문이 있습니다.

bigBanner의 이미지 사이즈 지정 시

AsyncImage(url:URL(string:bigBanner)) { image in image
         .resizable()
         .cornerRadius(10)
         .aspectRatio(contentMode: .fit)

         // 여기서 사이즈 지정
         .frame(width: 300, height: 525)
}

poster의 이미지 사이즈 지정 시

 AsyncImage(url: url) { image in
        image
           .resizable()
} placeholder: {
        ProgressView()    
           .tint(Color.white)
}
// 여기서 사이즈 지정
.frame(width: 100, height: 175)

첫 번째 AsyncImage를 작성하셨을 때 이미지 사이즈는 image에서 직접적으로 작성하셨는데 두번째 포스터들의 이미지 사이즈를 작성하실 때는 placeholder 아래쪽에 작성하신 이유가 궁금합니다.

답변 부탁드립니다.

감사합니다 :)

ios swift swiftui swift5.5

답변 1

0

밤낮 코딩

drfranken님 안녕하세요!

먼저 강의 수강해주셔서 감사드립니다

날카로운 질문인데요 ㅎㅎ

저도 왜 그랬을가 고민해봤는데, 큰 뜻이 없었던것 같습니다.

 

다만 코드 설명을 살짝 드리자면, 아래 두 코드는 같은 코드입니다.

.frame을 바깥에 두면 image의 크기와 placeholder내부의 뷰 크기를 둘다 제어해주고요.

만약 개별적으로 사이즈를 다르게 하고 싶다면, 내부에 각각 써주면 됩니다.

강의에서는 image크기와 placeHolder의 크기가 같기 때문에, 밖에 적으나 안에 적으나 상관이 없을거 같아요.

그래서, 두 코드를 다르게 작성했던거 같습니다.

감사합니다!

AsyncImage(url: url) { image in
    image
        .resizable()
        .cornerRadius(10)
        .aspectRatio(contentMode: .fit)
        .frame(width: 300, height: 525)
} placeholder: {
    RoundedRectangle(cornerRadius: 10)
        .fill(Color.gray)
        .opacity(0.4)
        .overlay(
            ProgressView()
                .tint(Color.white)
       )
        .frame(width: 300, height: 525)
}

 

AsyncImage(url: url) { image in
    image
        .resizable()
        .cornerRadius(10)
        .aspectRatio(contentMode: .fit)
} placeholder: {
    RoundedRectangle(cornerRadius: 10)
        .fill(Color.gray)
        .opacity(0.4)
        .overlay(
            ProgressView()
                .tint(Color.white)
       )
}
.frame(width: 300, height: 525)

 

확인 버튼 만들 때 폰트 색상 화이트 주는 위치 문의드려요.

1

64

2

Button(action: label:)이 강의와 달라요!

1

60

2

HStack과 VStack에서 alignment와 spacing 방향이 이해가 잘 안갑니다.

1

68

2

modifiers 창이 안보여요.

1

97

2

showAlert 변수 mvi 패턴에서의 사용법

1

53

2

swift vs swiftUI

1

64

1

끝말잇기 로직 구현 중 ios 16 (iphone 16) 시뮬레이터 영어 입력 불가

1

81

1

@Binding된 객체는 자동으로 저장이 되나요?

1

96

2

섹션5. Class로 Todo 데이터 관리하기 부분에서 질문 있습니다.

1

82

2

JSON_Decodable.playground에서 print문이 안찍히는 문제

0

120

2

List를 넣으니 위치가 제대로 조정이 되던데 그럼 Spacer는 따로 넣을 필요가 없는걸까요?

1

104

1

콘솔창에 값이 안찍히고 있습니다.

1

141

2

todo 앱에서 미리 적어놨던 요소들은 왜 안나오나요?

1

131

2

Swift 6 업데이트 이후 Todo 예제 실행 오류

1

186

2

ToDo 앱 @Observable 기능(?) 질문입니다

0

209

2

Todo 앱 @Observable 질문입니다

2

191

2

VStack, HStack으로 뷰 구성하기 강의 padding 질문입니다

1

222

1

@State 특성(?) 질문입니다

1

161

2

강의 자료를 모아보는 프로그램을 제작해보려고 합니다!

0

179

1

NavigationLink 질문

1

149

1

서적 추천 부탁드립니다!

2

191

1

질문합니다. 섹션 4 - 10 [투두 삭제기능 구현하기(onDelete)]

1

217

2

섹션4-4 'NavigationStack' 오류가 납니다

1

228

1

강의를 들으면서 앱을 만들어보고 있습니다

1

261

3