최승기
@cellpig
Joined April 27th, 2021
User has not added any information in their about section.
18 hours ago
View Post
[SwiftUI] Extract Functions & Views
Extract Functions & View
function을 만들고 적용한다.
buttonPress() 우클릭후 jump to definition으로 찾아 갈 수 있다.
뷰를 분리하여 새로운 뷰를 만들수 있다.
원하는 뷰를 선택한 후 var body: .. 로 분리한다. 이것은 한 구조체 안에서 이루어 진다.
구조체 바깥으로 빼고 새로운 구조체를 만드는 경우는 구조체() 의 형태로 처리하고 구조체...
Select One:
19 hours ago
View Post
[SwiftUI] @State
@State property wrapper
code
struct StateBootcamp: View {
// 다음의 변수를 뷰 가 알아야 한다. 그래서 property wrapper를 사용한다.
// @State를 사용하면 뷰가 항상 감시하고 있다가 변화가 있으면 적용한다.
@State var backgroundColor: Color = Color.green
@State var myTitle: String = "My Title"
@State...
Select One:
20 hours ago
View Post
[SwiftUI] Button()
Button()
struct ButtonsBootcamp: View {
// 아래는 변수는 @State를 붙이지 않으면 에러가 발생한다.
@State var title: String = "This is my title"
var body: some View {
VStack(spacing:20){
Text(title)
// 텍스트와 액션만 갖고 있는 버튼의 예
Button("Press...
Select One:
23 hours ago
View Post
[SwiftUI] SafeArea
.ignoresSafeArea()
.edgesIgnoringSafeArea()
애플 디벨롭퍼 사이트에서 Human Interface Guidelines를 참고한다.
Visual Design 항목을 참고함
애플에서는 .edgesIgnoringSafeArea() 대신 .ignoresSafeArea()를 사용하는 것을 추천한다.(ios 14 이상)
code
struct SafeAreaBootcamp: View {
var body: some View {
Text("Hello, Worl...
Select One:
3 days ago
View Post
[SwiftUI] LazyVGrid()
LazyVGrid()
fixed
struct GridBootcamp: View {
// 그리드를 사용하기 위해서는 GridItem 배열이 필요하다.
let columns: [GridItem] = [ // 필요한 컬럼의 수 만큼 만든다.
GridItem(.fixed(50), spacing: nil, alignment: nil),
GridItem(.fixed(75), spacing: nil, alignment: nil),
GridItem(.fixed(100), spac...
Select One:
3 days ago
View Post
[SwiftUI] ScrollView()
ScrollView()
이렇게 하면 화면이 넘어간다.
struct ScrollViewBootcamp: View {
var body: some View {
VStack {
Rectangle()
.frame(height: 300)
Rectangle()
.frame(height: 300)
Rectangle()
.frame(height: 300)...
Select One:
3 days ago
View Post
[Swift UI] ForEach()
ForEach()
기본적으로 루프다.
아래처럼 코딩을 하는 것은 매우 성가신일이다.
struct ForEachBootcamp: View {
var body: some View {
VStack {
Text("ONE")
Text("TWO")
Text("THREE")
}
}
}
그래서 ForEach문을 사용한다.
struct ForEachBootcamp...
Select One:
3 days ago
View Post
[SwiftUI] init() & enum
init() & enum
init
struct InitBootCamp: View {
//let backgroundColor: Color = Color.blue
//아래의 경우처럼 초기화를 하지 않은 경우는 초기화를 하여야 한다.
let backgroundColor: Color
let count: Int
let title: String
VStack {
Text("\(count)")
.font(.largeTitle)
.foregroundColor(.white)
.underline()
Text(ti...
Select One:
3 days ago
View Post
[SwiftUI] Spacer()
Spacer()
HStack(spacing:nil) { // nil은 기본값을 의미함
Rectangle()
.frame(width:100, height: 100)
Spacer() // 가능한 최대의 영역을 확보한다.
.frame(height: 10 ) // 스페이서의 영역을 확인해 본다.
.background(Color.orange)
Rectangle()
.fill(Color.red)
.frame(width:100, height: 100)
}
.background(Color.blue)
Space...
Select One:
5 days ago
View Post
[SwiftUI] Padding()
Padding()
Text("Hello,World")
.background(Color.yellow)
.padding() //텍스트 주면에 여유공간을 추가한다.
.padding(.all, 10) // 이런식으로 표현할 수 있다.
.padding(.leading, 20 ) // 앞쪽에 추가로 20의 공간을 더 준다.
.padding(.horizontal, 10 ) //.vertical ,
// .leading, top, bottom , trailing을 사용할 수 있다....
Select One:
6 days ago
View Post
[SwiftUI] Stacks
VStack(), HStack(), ZStack()
VStack { // 구성요소들이 상하로 쌓인다.
HStack { // 구성요소들이 좌우로 쌓인다.
ZStack { // 구성요소들이 바닥에서 상부로 쌓인다.
Rectangle()
.fill(Color.red)
.frame(width:200, height: 200)
Rectangle()
.fill(Color.green)
.frame(width:150, height: 150)
Rectangle()
.fill(Color.orange)...
Select One:
6 days ago
View Post
[SwiftUI] background & overlay
background
code
// background도 코드의 아랫쪽부터 쌓인다.
// 정확히는 frame이 아랫쪽에서 부터 쌓이는 것인것 같다.
// 이 프레임에 대한 배경을 정해주는 것같다.
Text("Hello,World")
.frame(width:100, height:100, alignment:.center)
// 이것은 텍스트에 대한 프레임이다.
.background(Color.red) // 빨강색으로 배경을 만든...
Select One:
1 week ago
View Post
[SwiftUI] .frame()
.frame()
어떤 종류의 요소든 프레임을 갖는다.
텍스트도 기본 프레임을 갖는다.
Code
Text("Hello,World")
.background(Color.green) // 텍스트 배경이 변화
.frame(width:100, height:100, alignment:.center)
// 새로운 프레임 설정
.background(Color.red) // 프레임 설정
.frame(maxWidth: .infinity, alignment: .center)
//...
Select One:
1 week ago
View Post
[SwiftUI] Image()
Image()
이미지는 xcode에 미리 등록해야한다.
Assets 파일에 등록한다.
예) SampleImage
참고) 뭔가 에러가 생기면 Clean build folder를 이용한다.
Command+Shift+K
Code
Image("SampleImage") // 어쎗파일에 등록된 이름을 사용한다.
.resizable()
.aspectRatio(contentMode: .fill)
.frame(width:300,height:200)
.clipped()
// 위...
Select One:
1 week ago
View Post
[SwiftUI] System Icons
System Icons
SF Symbols
구글에서 검색하여 설치한다.
예
struct IconsBootcamp: View {
var body: some View {
Image(systemName: "heart.fill")
.font(.system(size:50))
.foregroundColor(.green) // color 설정
.frame(width:300, height:300)
//font를 이용하여 크기를 설정할 수 있고
//frame을 이용하여 크기를...
Select One:
1 week ago
View Post
[SwiftUI] Gradients
Gradients
예
struct GradientsSample: View {
var body: some view {
RoundedRectangle(cornerRadius: 25.0)
.fill(
//Color.red
// gradient를 타이핑하면 얻을 수 있는 것 중 선택
// startPoint와 EndPoint를 변경 가능
LinearGradient( // 선형 그래디언트...
Select One:
1 week ago
View Post
[SwiftUI] Color
Color
예
RoundedRectangle(cornerRadius: 25.0 )
.frame(width: 300, height: 200)
.shadow(radius: 10) // 쉐도우를 설정할 수 있다.
.shadow(color:Color.red, radius:10, x:20, y:20)
.shadow(color:Color("CustomColor").opacity(0.3), radius:10 , x:-20, y:-20) // 투명도를 설정할 수 있다.
.fill(Color.red) // 미리 설...
Select One:
1 week ago
View Post
[SwiftUI]Shapes
Shapes
Component
Circle() // 원
Ellipse() // 타원
Capsule(style: .continuous) // 캡슐형태
// . continuous -> 좀더 약처럼 생김
// . circular -> 좀더 둥글다.
Rectangle() //사각형
RoundedRectangle(cornerRadius:10) // 둥근 모서리 사각형
modifiers
.fill(Color.blue) // 파란색으로 채운다.
.foregroundColor(.pink) // 기본...
Select One:
1 week ago
View Post
[SwiftUI] Text()
Text()
우측 inspector에서 modifiers을 변경할 수 있다.
익숙해 지면 직접 코딩을 한다.
Text("Hello, World") // 이것은 컴포넌트 이고
.font(.title) // 이것은 모디파이어 다.
Modifiers
.font(.body) // 이경우는 폰트의 크기가 변경될 수 있다.
.font(.system(size: 24, weight: .semibold, design: .monospace ))
// 폰트...
Select One:
1 week ago
View Post
AppData 접근
파일탐색기 경로창에 %appdata%를 입력한다.
Select One:
1 week ago
View Post
[Swift] throws
에러처리는 3단계로 처리한다.
에러를 정의한다.
발생한 에러를 알려준다(정보를 던진다.)
받은 에러를 처리한다.
1. 에러를 정의한다.
enum으로 정한다.
enum myError: Error {
case tooMany
case tooSmall
}
2. 발생한 에러를 알려준다(던진다)
func myAge(_ age: Int) throw -> Int {
var text = ""
guard age > 20 els...
Select One:
Loading More Content
