오직 스위프트

애플 공식 튜토리얼 번역 챕터1:기초 기초3: 유저 입력(인풋) 다루기 섹션2-리스트 뷰 필터링하기 리스트 뷰는 모든 랜드마크를 모두 다 보여 줄 수 있도록 만들 수 있고, 사용자가 좋아하는 것만 보여지게 할 수 있다. 이렇게 하려면, LandmarkList타입 안에, 어떤 'state'를 조금 추가해야 한다. 'state'는 한 개의 값, 또는 값의 세트이며, 바꿀 수 있고, 뷰의 작동방식, 내용물 또는 레이아웃에 영향을 미친다. '@State애트리뷰트'를 사용한 프로퍼티를 사용해서 뷰에 state를 추가할 수 있다. 스텝1 LandmarkList.swift를 내비게이터에서 선택하고, preview를 원래대로 만들어서 리스트를 한 종류의 버전으로만 보이도록 한다. 스텝2 showFavoritesOnly..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1-기초3: 사용자 인풋 다루기(6 섹션) 2023. 7. 5. 11:56

스위프트 유아이 튜토리얼- 애플 공식 자료 번역 챕터1:기초 기초3:유저 인풋(입력) 다루기 (총 6섹션) 랜드마크앱에서, 유저는 즐겨 찾는 장소에 깃발을 꽂을 수 있으며, 리스트를 필터링하여 즐겨찾기만 보여지게 할 수 있다. 이렇게 하려면, 스위치를 리스트에 추가해야 한다. 그러면 유저는 그들의 즐겨찾는 리스트에만 집중할 수 있다. 그다음에, 유저가 좋아하는 랜드마크에 깃발 꽂기 탭을 할 수 있는 별모양 버튼을 추가할 것이다. 스타터 프로젝트를 다운로드(아래 프로젝트파일)하고, 이 튜토리얼을 같이 따라 하거나, 당신이 지금껏 완성한 프로젝트를 열어서 코드를 만들어 보자. https://developer.apple.com/tutorials/swiftui/handling-user-input Handling..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1-기초3: 사용자 인풋 다루기(6 섹션) 2023. 7. 5. 11:11

섹션8 다양한 애플기기로 미리 보기 다음은 LandmarkList_Previews 프리뷰 프로바이더에 코드를 추가해서 리스트뷰를 다른 디바이스 사이즈로 렌더링 한다. 기본값으로, 미리 보기는 다른 디바이스 사이즈에 맞추어 리스트 뷰를 렌더링 한다. 'previewDevice(_: ) 모디파이어' 메써드로 미리 보기 디바이스를 바꿀 수 있다. [필수 영어 단어] 1)device 디바이스: 기기 2)instance 인스턴스: 사례, 예 3)string 스트링: 줄, 끈, 조건 4)identifier 아이덴티파이어: 식별자 5)method 메써드: 방법 스텝1 현재 리스트의 미리 보기를 바꾸어서 아이폰 SE 사이즈로 렌더링 한다. *엑스코드의 스킴 메뉴에 있는 다른 기종 이름을 넣어 봐도 된다. 스텝2 리스트..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1-기초2: 리스트 및 내비게이션 만들기 (8 섹션) 2023. 6. 28. 10:43

섹션7 Child View (차일드뷰:자녀뷰)에 데이터 전송하기 LandmarkDetail 뷰는 랜드마크를 보여주기 위해, 아직도 반영구-코드 디테일을 사용한다. LandmarkRow처럼, LandmarkDetail 타입과 뷰는 'landmark 프로퍼티'를 소스로 사용해야 한다. child(자녀) 뷰로 시작하면, 각 열에 반영구-코딩을 하지 않고도, CircleImage, MapView, LandmarkDetail 을 =>입력된 디스플레이 데이터로 변환할 수 있다. [필수 영어 단어] 1)circle 서클: 원, 동그라미 2)preview 프리뷰: 미리 보기 3)provider 프로바이더: 제공 담당자, 제공해 주는 물건 4)logic 로직: 논리 5)build 빌드: 짓다, 만들다 6)paramete..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1-기초2: 리스트 및 내비게이션 만들기 (8 섹션) 2023. 6. 23. 12:35

섹션6 리스트와 디테일 사이 내비게이션 설정하기 리스트가 렌더링을 잘 하고 있지만, 랜드마크를 탭해서 디테일 페이지를 보는 것은 아직 안됩니다. 내비게이션 기능을 써서, NavigationView(내비게이션뷰) 안에 리스트를 끼워 넣기 합니다. 그리고 목적지뷰로 전달시켜주는 NavigationLink(내비게이션링크) 안에 각 row(가로열)을 안아줍니다. [필수 영어 단어] 1)navigation 내비게이션:항해,운항,방향읽기 2)link 링크: 관계,연결하다 3)row 로우: 가로열 4)detail 디테일: 상세,내용 5)content 콘텐트: 내용물 6)title 타이틀: 제목 7)bar 바: 막대기 지난 튜토리얼에서 만든 콘텐트를 준비하고, 리스트뷰를 디스플레이 하는 대신에, 메인 콘텐트뷰를 업데이..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1-기초2: 리스트 및 내비게이션 만들기 (8 섹션) 2023. 6. 22. 12:29

섹션5 리스트를 다이내믹하게 리스트의 요소 각각을 구체화하는 대신에, 컬렉션에서 직접 rows(가로열)을 만들 수 있다. 데이터 컬렉션과 그 안에 있는 것들의 뷰는 closure(종결)를 전달해서, 디스플레이 할 리스트를 만들 수 있다. 이 리스트는 closure(종결) 를 사용해서, 컬렉션의 각 요소들을 챠일드(자녀) 뷰로 변형시킨다. [필수 영어 단어] 1)dynamic 다이내믹: 역동적인 2)collection 콜렉션: 모음 3)closure 클로져: 종결,종료 4)initializer 이니셜라이저: 초기화 하는것 5)key path 키패쓰: 핵심이 되는 길 6)conform 컨폼: 일치하다, 따르다, 이어가다 7)identifiable 아이덴티피어블: 인식가능한, 식별가능한 8)conformanc..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1-기초2: 리스트 및 내비게이션 만들기 (8 섹션) 2023. 6. 21. 11:10

섹션4 랜드마크의 리스트 만들기 스위프트유아이의 List 타입(type)을 사용하면, platform-specific 리스트 뷰를 디스플레이할 수 있다. 리스트의 요소들은 스택의 차일드 뷰처럼 고정 시키거나, 움직이도록 만들 수 있다. 고정된 뷰와 움직이는 뷰를 심지어 섞을 수도 있다. [필수 영어 단어] 1)platform 플랫폼: 사용 기반이 되는 (컴)시스템 2)specific 스페시픽: 특정 3)stack 스택: 쌓기 4)instance 인스턴스: 사례, 경우, 예를 들다 5)rendering 렌더링: 연주, 만들기, 제출하기 스텝1 새로운 SwiftUI 뷰를 Views group에 만들고 파일명을 LandmarkList.swift 로 정한다. 스텝2 기본값의 Text 뷰를 List로 교체하고, ..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1-기초2: 리스트 및 내비게이션 만들기 (8 섹션) 2023. 6. 20. 14:29

섹션3 Row Preview(프리뷰:미리보기) 꾸미기 엑스코드의 캔버스는 자동으로 현재 에디터창에 입력하는 글을 인식하고, 디스플레이 합니다. 이것은 Preview Provider 프로토콜에 일치합니다. 프리뷰 프로바이더는 사이즈와 디바이스 환경설정 선택으로 진행합니다. *PreviewProvier 에 실행된 컨텐트를 꾸미고, 필요한 프리뷰를 구현 해 보세요. [필수 영어 단어] 1)row 로우: 가로 열 2)preview 프리뷰: 미리보기 3)provider 프로바이더: 제공자 4)protocol 프로토콜: 통신 약속 5)device 디바이스: 기기 (폰,패드,노트북) 6)modifier 모디파이어: 수식어 스텝1 LandmarkRow_Previews 에서, 랜드마크의 parameter(한계치)를 업데..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1-기초2: 리스트 및 내비게이션 만들기 (8 섹션) 2023. 6. 20. 09:51