분류 전체보기

[SwiftUI] List, Section, Spacer, Color

1. List List{ HStack{ Image(systemName: "heart") Text("PADO") } HStack{ Image(systemName: "heart.fill") Text("ARI") } HStack{ Image(systemName: "bolt") Text("WAVE") } } 뷰들을 리스트로 만들어준다. 2. Section List{ Section{ HStack{ Image(systemName: "heart") Text("PADO") } HStack{ Image(systemName: "heart.fill") Text("ARI") } HStack{ Image(systemName: "bolt") Text("WAVE") } } header: { Text("A Class") } foot..

[SwiftUI] Button, Text, Image, Stack, ScrollView

1. Button Button(role: .destructive) { print("Clicked") } label: { Text("PADO") .padding() .frame(width:150) .background(.yellow) .cornerRadius(12) } Button(role: .destructive) : 버튼의 역할이 무엇인지, desturctive이므로 텍스트 컬러가 빨강으로 설정됨 Button {여기 !!} 에 버튼을 눌렀을 때 어떤액션이 일어나는지 보여줌 label로 버튼을 꾸며줄 수 있는데 Text("여기!!")에 있는 텍스트를 보여줌 .padding() : 패딩 주기 .frame(width:150) : 가로를 150으로 .backgound(.yellow) : 배경 컬러를 노랑으로..

[iOS App Dev Tutorials] SwiftUI essentials

애플의 공식 문서인 iOS App Dev Tutorials를 보면서 SwiftUI 공부를 시작했다. 그중 SwiftUI의 Chapter 1 - SwiftUI essentials부터 시작해 보았다! Figma에서 사용하던 기능들과 대응하면서 생각해 보니까 이해가 잘 됐다. 1. Create a project Xcode에서 새로운 프로젝트를 생성하였다. 문서에서는 App으로 설정하였지만, 현재 프로젝트를 Swift Playgrounds App 기반으로 진행하기에 Swift Playgrounds App으로 선택하였다. 2. Build groups of views 📍 ProgressView ProgressView(value: 5, total: 15) Progressive bar를 보여준다. value / tot..

Apple Developer Academy @ POSTECH에서의 첫주

아카데미에 오기 전 합격 발표가 나고 1달이 조금 넘게 흘러 아카데미가 시작하는 3월이 되었다. 1달의 시간 동안 무엇을 할까 고민을 했었다. 처음엔 Swift에 대해 아직 잘 모르기 때문에 빨리 공부를 해야 하나 하는 조급한 마음도 들었지만, 너무 조급해하기보단 진행하고 있던 프로젝트들을 잘 마무리하고 9개월 동안 어떤 마음으로 가질지 생각해 보고 새겨두는 게 더 중요하다는 생각이 들었고, 그렇게 했다. Swift 관련해서는 공부를 하기보단 살짝씩 둘러보면서 이런 게 있구나 구경만 했다. 기숙사 입사 기숙사에 살아보는 것은 처음이기에 짐을 얼마나 챙겨야 할지 감이 잘 안 왔다. 중간에 기숙사도 한 번 변경되기도 하니 최대한 짐을 적게 가져가기로 했다. 그래서 모니터도 가져갈까 말까 고민했지만 가져오길 ..

실시간 협업이 가능한 마인드맵 툴, Mind Storming

8월에 열린 Junction Asia 2022 해커톤에 디자이너로 참여하여 팀원들과 함께 마인드맵 툴을 개발했다. 짧은 시간 안에 개발해야 하는 해커톤 특성상 많은 기능을 담기보단 핵심 기능을 잘 보여줄 수 있는 방향으로 진행했다. 개발 기간 : 2022.08.19 ~ 2022.08.21 ✳️ 어떤 것을 만들까 Mind Storming의 키워드는 아래와 같다. 실시간 협업 여러 명이 실시간으로 협업하며 사용할 수 있도록 즉각적으로 생성하고 수정된 사항이 반영되어야 한다. 마인드 맵 브레인스토밍을 할 수 있는 좋은 방법으로 마인드 맵 방식을 적용한다. 연관 단어 추천 단어들을 이어나갈 때 자신이 떠올린 단어뿐만 아니라 유사된 단어를 추천해주어 더 쉽게 아이디어를 떠올릴 수 있게 한다. ✳️ 기능과 UI 구..