-
질문 & 답변
카테고리
-
세부 분야
모바일 앱 개발
-
해결 여부
미해결
Network Image
21.04.15 10:48 작성 조회수 112
0
가르쳐 주시는대로 따라 만들고 있는데
user의 이름부분의 데이터는 잘 가져오는데
Image load 부분에서 이미지가 오지않는경우는 어떻게 해야하나여? .resume도 하고.. 제가 봤을때는 아무 문제 없어 보이는데..
혹시 파일 따로 받을수는 없나요?
답변을 작성해보세요.
1
DevAccount app
2021.08.10
강의에 나오는 url을 그대로 사용하면 사진이 로드되지않네요
mockapi에서 새로 url 생성해서 사용하면 이미지 로드가 됩니다 ㅎㅎ
0
Tae hyun Kim
질문자2021.04.22
// Image
class ImageLoader: ObservableObject {
// Fields
@Published var image : UIImage?
var urlString : String
init(urlString: String) {
self.urlString = urlString
// URL 가져온후 function 호출
self.loadImageFromURL()
}
func loadImageFromURL(){
guard let url = URL(string: urlString) else {
return
}
URLSession.shared.dataTask(with: url) { (data, response, error) in
guard let hasData = data else {
return
}
guard let loadImage = UIImage(data: hasData)else{
return
}
// Background Thread 로 되면 안되서. 비동기 방식으로 해야함 _> self.image = loadImage 이거만 적으면 안됨.
DispatchQueue.main.async {
self.image = loadImage
}
}.resume()
}
}
// Protocol
struct URLImage: View {
@ObservedObject var loader: ImageLoader
// 위의 function을 쓸려면 View에서 URL넣는게 강제사항이 되버리는 경우다.
init(urlString : String) {
self.loader = ImageLoader(urlString: urlString)
}
var body: some View{
// image data를 받아오기전에 실패 해버렸을 경우 Optional
Image(uiImage: loader.image ?? UIImage(named: "placeholderImage")! )
.resizable()
.aspectRatio(contentMode: .fit)
}
}// Image
class ImageLoader: ObservableObject {
// Fields
@Published var image : UIImage?
var urlString : String
init(urlString: String) {
self.urlString = urlString
// URL 가져온후 function 호출
self.loadImageFromURL()
}
func loadImageFromURL(){
guard let url = URL(string: urlString) else {
return
}
URLSession.shared.dataTask(with: url) { (data, response, error) in
guard let hasData = data else {
return
}
guard let loadImage = UIImage(data: hasData)else{
return
}
// Background Thread 로 되면 안되서. 비동기 방식으로 해야함 _> self.image = loadImage 이거만 적으면 안됨.
DispatchQueue.main.async {
self.image = loadImage
}
}.resume()
}
}
// Protocol
struct URLImage: View {
@ObservedObject var loader: ImageLoader
// 위의 function을 쓸려면 View에서 URL넣는게 강제사항이 되버리는 경우다.
init(urlString : String) {
self.loader = ImageLoader(urlString: urlString)
}
var body: some View{
// image data를 받아오기전에 실패 해버렸을 경우 Optional
Image(uiImage: loader.image ?? UIImage(named: "placeholderImage")! )
.resizable()
.aspectRatio(contentMode: .fit)
}
}// Image
class ImageLoader: ObservableObject {
// Fields
@Published var image : UIImage?
var urlString : String
init(urlString: String) {
self.urlString = urlString
// URL 가져온후 function 호출
self.loadImageFromURL()
}
func loadImageFromURL(){
guard let url = URL(string: urlString) else {
return
}
URLSession.shared.dataTask(with: url) { (data, response, error) in
guard let hasData = data else {
return
}
guard let loadImage = UIImage(data: hasData)else{
return
}
// Background Thread 로 되면 안되서. 비동기 방식으로 해야함 _> self.image = loadImage 이거만 적으면 안됨.
DispatchQueue.main.async {
self.image = loadImage
}
}.resume()
}
}
// Protocol
struct URLImage: View {
@ObservedObject var loader: ImageLoader
// 위의 function을 쓸려면 View에서 URL넣는게 강제사항이 되버리는 경우다.
init(urlString : String) {
self.loader = ImageLoader(urlString: urlString)
}
var body: some View{
// image data를 받아오기전에 실패 해버렸을 경우 Optional
Image(uiImage: loader.image ?? UIImage(named: "placeholderImage")! )
.resizable()
.aspectRatio(contentMode: .fit)
}
}
////-----////-----////-----////-----////-----////-----////-----////-----////-----////-----
ContentView
////-----////-----////-----////-----////-----////-----////-----////-----////-----////----
NavigationLink(
destination:
UserDetailView(user: user),
label: {
HStack
{
URLImage(urlString: user.avatar)
.frame(width: /*@START_MENU_TOKEN@*/100/*@END_MENU_TOKEN@*/, height: /*@START_MENU_TOKEN@*/100/*@END_MENU_TOKEN@*/)
Text("\(user.name)")
Spacer()NavigationLink(
destination:
UserDetailView(user: user),
label: {
HStack
{
URLImage(urlString: user.avatar)
.frame(width: /*@START_MENU_TOKEN@*/100/*@END_MENU_TOKEN@*/, height: /*@START_MENU_TOKEN@*/100/*@END_MENU_TOKEN@*/)
Text("\(user.name)")
Spacer()
iOS Developer - 이정
지식공유자2021.04.25
안녕하세요
좀 확인을 해봤는데 제가 강의 예시로 든 mockapi 사이트의 image url이 제대로 나오질 않네요.
mockapi사이트를 무료로 테스트하면서 제한이 있는건가 싶네요.
코드상에서는 문제는 없는걸로 보입니다.
답변 2