hogumachu / toyprojects

Hogumachu 😎

Blog

• 미라클 모닝 후기
• 탑다운 회사에서 개발자로 잘 자라기
• [iOS] SwiftUI, TCA 모듈화 그리고 RIBs
• [OOP] SOLID 원칙 for iOS
• [iOS] ViewController 테스트 작성하기
• [iOS] 테스트를 작성해야 하는 이유

toyprojects's Issues

ChatViewController UI 변경

// sendButton
button.titleLabel?.adjustsFontSizeToFitWidth = true
button.setTitleColor(.white, for: .normal)
button.layer.cornerRadius = 10
button.backgroundColor = .smu

// chatTextField
textField.layer.borderColor = UIColor.smu.cgColor
textField.layer.cornerRadius = 10
textField.layer.borderWidth = 1

• MainViewController 와 통일성을 주기 위해 smu Color 와 white Color 만 사용.
• sendButton 과 chatTextField 와 mainViewButton 의 color 변경.
• sendButton 과 chatTextField 에 border 를 그려줬음.

• 변경된 UI

Database 변경 (로컬 -> AWS), 테이블 전체 수정

django 에서 사용하는 데이터베이스를 로컬로 돌리다보니 다른 사람이 접속이 불가능함
-> django 도 AWS 로 옮기는 김에 데이터베이스도 같이 옮기자

Realm, CoreData 또는 Firebase 를 사용하려 했는데
너무 iOS 에만 한정하는 것 같아서 (나중에 웹도 사용할 수 있음) 일반적인 DB 로 함

Model - ChatViewController 연결

// ChatViewController
let model = Model()
// 중략
@objc func sendMessageAciton(sender: UIButton) {
        guard let text = chatTextField.text else {
            return
        }
        model.responseDjango(sendText: text)

• ChatViewController 에서 어떤 방식으로 Model 을 불러 올 것 인가.
• Dispatch 나 RxSwift 사용해보자.

• ViewController 에서는 최대한 View 만 그리게 하자

Invalid MainViewController Animation

Console 에서 뭐라뭐라 에러가 나옴 ...

일단 화면은 잘 나오지만 추후 문제가 될 수 있으므로 해결해보자.

MVVM

• MVVM 으로 갈아탑시다.
• ViewModel 이랑 Model 잘 설정하자.
• Protocol 도 잘 생각해서 만들어봅시다.
• Rx를 이용해서 다 해결해봅시다.

MainViewController Button UI 변경 및 위치 수정, 전체적인 UI 수정

• startButton 과 infoButton 을 조금 더 버튼스럽게 만들기
• 각 Button 의 위치도 애매함. 위치 변경하기.
• 전체적인 디자인도 너무 단조로움. 색을 2개만 쓰지말고 하나 더 추가해보자.

InfoViewController 상세 내용 추가

• InfoViewController 에 상세 내용 추가하기.
• 상세내용: SMUChatbot 이 어떻게 동작하는지, 사용법 등 (길라잡이)
• backgroundcolor 도 변경하기. (UI 제대로 설정하자)

MainViewController 제약 변경, Button 변경

label.font = .boldSystemFont(ofSize: 70)

• label 의 크기를 고정하니 Device 마다 다른 느낌 연출.
• 크기를 동적으로 할당하자.
• view의 비율로 접근하면 될 듯.
• startButton, infoButton 위치도 변경하고 디자인도 변경하기 (color, highlighted)

Shadow Error

The layer is using dynamic shadows which are expensive to render.
If possible try setting shadowPath, or pre-rendering the shadow into an image and putting it under the layer.

dynamic shadow 를 이용해서 랜더링 하는데 비용이 많이 든다는데

imageView.layer.shadowPath = UIBezierPath(roundedRect: imageView.bounds, cornerRadius: 10).cgPath

이걸 추가하면 된다해서 추가해봤으나
기존에 있던 shadow가 모두 지워짐

찾아보니 shadow 는 layout 이 모두 그려진 후 사용해야 한다해서

override func layoutSubviews() {
        super.layoutSubviews()
        applyShadows()
}

func applyShadows() {
        imageView.layer.shadowPath = UIBezierPath(roundedRect: imageView.bounds, cornerRadius: 10).cgPath
        imageView.layer.shadowColor = UIColor.black.cgColor
        imageView.layer.shadowRadius = 15
        imageView.layer.shadowOpacity = 1
        imageView.layer.shadowOffset = CGSize(width: 20, height: 0)
}

이런 식으로 구현했는데

처음에는 shadow 가 그려지지 않았고
중간부터 shadow 가 그려지고
다시 그려지지 않은 cell 에 가보니 cell 이 업데이트 되었음.