땅땅 Dev 💻

전편에 이어서 채팅방 UI를 구현해보겠다. 채팅방은 클럽하우스 앱의 UI를 참고하여 만들었다. 결과물 화면 결과물 예시 채팅방 상세 화면 구현 채팅방에는 각 유저별 프로필 사진이 들어가야 한다. 그렇기 때문에 프로필 화면도 구현해보자 프로필 화면 구현 프로필 화면의 프로필 사진은 추후 Amazon S3 를 활용해 관리할 예정이다. (REST API로 관련 URL 을 받을 예정). 그래서 이미지 URL 로 프로필 사진을 보여줄 수 있는 UI 가 별도로 필요하다. Swift 에서는 AsyncImage를 사용해서 이미지의 url로(html 에서 image 태그를 사용하는 것과 유사) 사진을 보여줄 수 있다. 아래 코드를 구현하면 다음과 같다. import SwiftUI struct ProfileItem: Vi..

현재 사내에서 키워드를 검색하여 관련 콘텐츠를 보여주는 앱을 구현하고 있다. 기술 기획 - 앱에 들어갈 기술 목록 검색 및 검색 결과 확인 검색 키워드 관련 콘텐츠(텍스트 콘텐츠 또는 채팅방) 텍스트 콘텐츠 음성 채팅방 로그인 첫번째로 텍스트 콘텐츠와 관련 UI를 구현해보자. 텍스트 콘텐츠 UI 구현 텍스트 콘텐츠 상세화면 구현 텍스트 콘텐츠 상세화면에 들어갈 요소는 제목, 출처, 작성일, MBTI 타입, 그리고 콘텐츠 내용이다. 이를 스위프트 UI로 구현하면 다음과 같다. import SwiftUI struct ContentDetail: View { var contItem: ContentDetailData var body: some View { VStack(alignment: .leading){ Gro..