목록대학교/iOS (6)
SW
0. Table View 정갈하게 보여주기 위해 Table View가 필요하다. 요소를 살펴보면 다음과 같다. '데이터가 무엇인지', '데이터가 몇개인지', '(옵션) 데이터를 누르면 어떤 동작을 할 것인지' 테이블뷰를 만들어 보겠다. 테이블 뷰를 드래그해서 storyboard에 올려놓는다. 크기 조절을 하고 제약 조건을 설정해준다. table view 의 속성 지정을 위해 UITableViewDataSource와 UITableViewDelegate를 상속받는다. 오류가 뜨지만 Fix를 클릭하면 해결된다. storyboard의 View Controller와 ViewController.swift의 viewcontroller가 잘 연결되었는지 확인해본다. 테이블 뷰만드는 방법은 두가지인데 하나는 임의의 셀을..
0. 웹뷰(WKwebView) WebKit View를 선택한다. constraint 설정해준다. Ctrl + 드래그로 ViewController의 적절한 위치에 넣기 웹뷰 사용법 url string을 준비한다. url string을 URL(을 거쳐) > URLRequest로 만들기 URLRequest를 웹뷰에 뿌린다. 1. 옵셔널 바인딩
0. swift ui 참고 사이트 : https://developer.apple.com/kr/xcode/swiftui/ Xcode - SwiftUI- Apple Developer SwiftUI는 Swift의 성능을 바탕으로 모든 Apple 플랫폼에서 사용자 인터페이스를 구축할 수 있는 혁신적이고 간소화된 방법입니다. developer.apple.com 1. 샘플프로젝트 가능 참고 사이트 : https://developer.apple.com/tutorials/swiftui/creating-and-combining-views
0. Storyboard Entry Pointer View Controller 클릭 후 오른쪽 상단 속성 보여주는 것을 클릭하면 Is Initial View Controller라는 항목이 존재한다. 저것을 체크하면 스토리보드의 Entry Pointer가 생기고 체크해제하면 사라진다. Entry Pointer는 화면에 진입했을 때 가장 처음 보여지는 화면을 가리키는 것이다. 1. 네비게이션바, 화면이동 기존의 화면을 지운 후 Navigation Cotroller를 추가해준다. 오른쪽의 Root View Controller Scene을 삭제한다. Navigation Controller의 Is Initial View Controller 버튼을 누른다. Navigation Controller에게 관장당할 루트 ..
0. 스토리보드와 클래스 연결, 버튼 클릭 다음과 같이 오른쪽 상단에 있는 Add Editor on Right 버튼을 눌러서 Storyboard와 ViewController를 같은 화면에 분할에서 놓는다. 버튼을 추가하여 레이아웃 제약을 설정한다. 그 후 버튼 내용을 Move로 바꾼 후 Ctrl을 누른 상태로 드래그하여 오른쪽화면의 적절한 위치에 갖다 놓는다. 갖다 놓게 되면 다음과 같은 상자가 나온다. 버튼 클릭 Connection 은 Action 이다. Name 도 Click_moveBtn으로 바꿔주었다. Connect 해준 후 click event를 콘솔에 출력해주는 것으로 작성하고 실행시켜본다. Move 버튼을 누르면 콘솔에 Click Move 가 출력된다.
0. 오토레이아웃, 기본 UI 그리기 ViewController.swift : 코딩 프로그램을 짜는 클래스들이 들어있음 Storyboard : 그림을 그리는 곳. 안드로이드는 xml파일과 화면이 매칭되어 있다. 그러나 iOS에서는 Storyboard 에서 매칭시킨다. Main.storyboard 오른쪽에 보면 게시판 같이 생긴 부분이 있다. Custom Class 라고 적혀있는 부분에 ViewController가 있고 오른쪽에 화살표를 누르면 ViewConroller.swift 화면으로 넘어간다. 파일이름을 따라 간것이 아니라 Class 이름을 따라간 것이다. 매칭이 된 상태이어야지 무언가를 그릴 수 있다. 오른쪽 상단에 + 아이콘을 누르면 Component 목록을 볼 수 있다. 아래 그림의 선이 aut..