분류 전체보기 50

[SwiftUI] Info.plist로 Launch Screen 구현

1년 전에 썼던 이 글을 최근 주변 분들이 잘 봤다면서 이야기해 주셔서 감사했다.하지만 나는 이제 다른 방법으로 Launch Screen을 구현하고 있어서..머쓱해하면서 이야기했는데, 그 방법을 다시 글로 남겨보았다!storyboard로 구현하는 방법이고 아래 링크를 남겨두겠다.그러나 각자 편한 방법 대로 구현하면 될 것 같다! [SwiftUI] storyboard로 Launch Screen 구현[SwiftUI] Info.plist로 Launch Screen 구현Launch Screen Launch Screen은 앱이 시작되기 전 보이는 짧은 화면으로 Android에서는 Splash라고 부르고, iOS에서는 Launch Screen이라고 부른다. UIKit 에서는 LaunchScreen storyboar..

📕 iOS/SwiftUI 2023.05.04

[Day 2] arrays, dictionaries, sets, and enums

Lynch’s Law says “when the going gets tough, everyone leaves.” 1.  Arrays let john = "John Lennon" let paul = "Paul McCartney" let george = "George Harrison" let ringo = "Ringo Starr" let beatles = [john, paul, george, ringo] 2. Sets Set은 순서가 없고, 중복된 값을 갖지 않는다. 만약 중복된 값을 또 넣는다면, 하나만 남게 된다. let colors = Set(["red", "green", "blue"]) let arrayOfCategories: [String] = ["Swift", "Debugging"] let se..

[Day 1] variables, simple data types, and string interpolation

As Mark Twain once said, “the secret to getting ahead is getting started.” 1. Variables Variables are places where you can store program data. They are called variables because they can vary – you can change their values freely. 변수는 data를 저장할 수 있는 곳이다. variables라고 부르는 이유는 vary 할 수 있기 때문! 2. Strings and integers Swift is what’s known as a type-safe language, which means that every variable must b..

[Day 0] 100 Days of Swift 시작하기

최근, UIKit과 Storyboard 공부를 시작했다! 공부 인증 + 내용 정리를 위해서 매일 글을 하나씩 올릴 예정이다! 왜 100 Days of Swift 인가? 이전에 SwiftUI를 공부하면서 100 Days of SwiftUI를 들었는데, 너무 너무 좋은 커리큘럼과 자료! 그리고 예제, 프로젝트가 좋았다!! 그런데 무료라는 점! (사실 다 듣진 못했지만, 꼭 다 들어볼 것이다!) 아무튼 파이팅! The 100 Days of Swift Follow the 100 Days of Swift and learn to build apps for free. www.hackingwithswift.com

[React] 우리나라 지도에 색상 표시하기(지도 차트)

대시보드를 구현하던 중, 다른 선형 차트나 파이 차트는 recharts를 이용해 비교적 간단하게 구현할 수 있었다. (recharts 사용에 대한 글도 작성해볼 예정!) 우리나라 지역별 데이터를 표현하고자 했고, 기존의 차트 라이브러리로 구현할 수 없었다. 지도 차트를 구현한 방법을 기록해보려고 한다! (React를 공부한지 1-2주만에 진행한 내용이라 틀린 내용도 있을 수 있다 🤣) 시/도별 데이터를 특정 기준으로 다른 색상 표현을 하는 지도 차트를 구현해보자. 지도 이미지를 svg로 구현하기 위해 @svg-maps/south-korea 라이브러리를 사용했다. @svg-maps/south-korea Map of South Korea. Latest version: 1.0.1, last published:..

📙 Web/React 2023.03.30

[UIKit] UIComponent

UIKit은 iOS 앱의 UI를 구성하기 위해 여러 구성 요소들을 제공하는 Apple의 프레임워크다. UIComponent는 UIKit의 구성요소인데, UIView나 UIControl 등을 상속받은 class이다. UIView를 상속받은 UILabel, UIButton과 같은 것들이 있다. 각각은 property와 method를 이용하여 그 모습과 이벤트 처리를 할 수 있다. Storyboard에서는 많은 UIComponent를 편하게 사용할 수 있는데, 이 중에서 몇 가지를 살펴보자! Lable Lable은 한 줄 이상의 text를 보여주는 view이다. UILable을 상속받은 class로, 연결된 rectangle의 크기와 property에 따라 text가 shrink, wrap, truncate ..

📕 iOS/UIKit 2023.03.21

Git - commit, branch

Git 이란? 컴퓨터 파일의 변경사항 추적, 여러 사용자들 간 작업 조율을 위한 VCS이다. VCS 란? Version Control System. 버전 관리 시스템이다. Git을 사용하는 두 가지 방식. CLI와 GUI이다. CLI 란? Command Line Interface. 터미널에서 명령어를 직접 작성하여 사용하는 방식이다. GUI 란? Graphical User Interface. 소스트리와 같이 프로그램을 이용하는 방식이다. Git 관리 시작. 폴더 생성 후 VS Code 실행. git init Mac에서 숨김 파일을 보려면 "cmd + shift + ." git 상태 확인 git status 모든 파일 담기 git add . 커밋하기 git commit (이렇게 커밋하면 Vi입력 모드에서 ..

📚 etc. 2023.03.06

[Flutter] SystemUiOverlayStyle_상단 상태바 색상 변경

앱의 배경 색상에 따라 상단바에 있는 시각, 배터리, 와이파이를 나타내는 아이콘의 색상을 바꿔줘야 할 때!! SystemOverlayStyle을 사용해주면 된다. 아래처럼 build 함수 내에서 선언해주면되고, @override Widget build(BuildContext context) { SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light); return Scaffold( body: Container( ~~ ), ); } 두 가지 옵션을 선택할 수 있다. SystemUiOverlayStyle.light 는 하얀색 SystemUiOverlayStyle.dark 는 검은색으로 나타난다.

Flutter for SwiftUI Devs - Drawing on the Screen

In SwiftUI Flutter 문서에는 이렇게 한 줄로 설명한다. SwiftUI에서 스크린에 선이나 모양을 그리기 위해 CoreGraphics를 사용한다. CoreGraphics는 무엇일까? CoreGraphics는 Framework인데, Quartz technology의 power를 활용하여 lightweight 2D rendering을 높은 정확도의 output으로 수행한다. path-based drawing, antialiased rendering, gradients, images, color management, PDF documents, 그 이상을 다룬다. Apple Developer Documentation developer.apple.com In Flutter Flutter는 Canvas..

Flutter for SwiftUI - Managing state

In SwifUI SwiftUI에서, view의 내부에서 state를 관리하기 위해 @State라는 property wrapper를 사용한다. struct ContentView: View { @State private var counter = 0; var body: some View { VStack{ Button("+") { counter+=1 } Text(String(counter)) } }} 또한, 더 복잡한 상태 관리를 위해 여러 옵션들이 있는데, 예를 들어, ObservableObject라는 protocol이 있다. In Flutter Flutter에서 local state를 관리하기 위해 StatefulWidget을 사용한다. 다음 두 종류의 class로 stateful widget을 구현한다...