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..

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 공부를 시작했다. 그중 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..

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

넥슨의 채용형 인턴십 넥토리얼 사이트를 둘러보았는데, 몇 가지 재밌는 구성들이 보여 소개해본다. 2022 NEXON COMPANY 채용형 인턴십 NEXON TUTORIAL 2기 작년에 이어 어메이징하게 돌아온 넥토리얼 시즌2 www.nexon-tutorial.com 넥슨의 귀여운 캐릭터들 사이트에 접속했을 때 귀여운 캐릭터들이 반겨주며 이목을 끌게한다. 채용 사이트에 플레이리스트? 스크롤을 내리다 보면 하단에 음악을 재생할 수 있는 플레이리스트가 뜬다. 자소서 쓸 때 듣기 좋은 넥토리얼 플레이리스트라고 소개 되어있는 이 플레이리스트에서 넥슨 게임에 나오는 음악들을 들을 수 있다. 넥슨에 지원하는 사람이라면 보통 넥슨 게임에 어느정도 애정이 있을텐데 지원자들에게 추억을 불러 일으키는 흥미로운 경험이 되어줄..