모공모공 스터디

저번에 썼던 글을 좀 더 업그레이드 해서 가져와봤어요! 최대한 UIKit과 비슷하게 만들어볼려구 했습니다. https://sy-catbutler.tistory.com/18 [SwiftUI] TextField, Button, Toggle을 사용하여 SwiftUI로 간단한 로그인 화면 구현해보기 iOS 스터디가 있는데 매주 공부한 내용을 한번에 사용할 수 있는 화면을 구현해보고 있거든용 이번주 월요일은 로그인 화면을 구현하는 것을 목표로 잡고 스터디를 하기로 했어요. 왜냐? SwiftUI sy-catbutler.tistory.com 추가한 항목은 - Alert창 추가 - next 누르면 다음 TextField로 이동 - TextField 외에 뷰의 다른 부분 터치 시 자동을 키보드 내리기 - 앱 실행시 아..

모공모공 스터디에서 카카오톡 채팅 목록 화면 구현했던것을 정리해보려고 해용 먼저 완성 화면은 이렇습니다.. 빠르게 정리해볼게요! UIKit의 tableView와 동일한? 역할인 SwiftUI의 List를 활용해서 만들었어요. 먼저 채팅방에 대한 데이터는 하드코딩으로 넣어놓고 시작했습니다! 리스트에 대한 코드에요. 뭐가.. 되게 많고 지저분한데 (정리를 못했음요..) 일단 차근차근 보자면,,, Image("\(sortChatListByDate()[data].imageName)") .resizable() .frame(width: 60, height: 60) .clipShape(Circle()) .font(.system(size: 32)) .padding(.trailing, 10) ForEach로 데이터를 가..

스터디에서 유킷, 스유 퐁당퐁당 스터디를 하는데 저번에 스유로 로그인 화면을 했으니 이번에는 유킷으로 구현해보자!라고 해서 구현해본 화면입니당 아직은 정말 화면과 기능(?)만 구현했기 때문에.. 다음페이지로 넘어가는 그런거 업슴요.. (전체 코드는 맨 밑에 있어요!!) 구현 조건은 스유와 동일했어요! 이메일 텍스트 필드는 이메일 키보드가 나오도록 설정 비밀번호 텍스트 필드는 암호화 되어서 보이도록 설정 이메일, 비밀번호 텍스트 필드에 값이 있고, 토글이 활성화 되어야 버튼도 활성화 되도록 설정 이번에는 스토리보드 베이스로 구현해 놓았습니다! 레이아웃은 대충 요로케 저번 스유와 비슷한 모양으로 잡았어요. 저번 스유때랑은 다르게 추가한 로직이 있었는데.. 일단 아이디와 비밀번호가 10글자 미만이면 잘못된 입..

iOS 스터디가 있는데 매주 공부한 내용을 한번에 사용할 수 있는 화면을 구현해보고 있거든용 이번주 월요일은 로그인 화면을 구현하는 것을 목표로 잡고 스터디를 하기로 했어요. 왜냐? SwiftUI의, @State, @Binding, TextField에 대해서 공부했기 때문이죠. 구현조건 이메일 텍스트 필드는 이메일 키보드가 나오도록 설정 비밀번호 텍스트 필드는 암호화 되어서 보이도록 설정 이메일, 비밀번호 텍스트 필드에 값이 있고, 토글이 활성화 되어야 버튼도 활성화 되도록 설정 요 3가지가 일단 공통적으로 구현하자고 약속한 조건이었슴다. 그래서 먼저 아이디, 비밀번호 텍스트 필드부터 구현을 하고자 했으나.. UIKit과는 다르게 테두리가 없어서(?) style를 따로 설정해줘야 하더라구요. 근데 저는..