본문 바로가기

IOS프로그래밍17

스위프트 코드를 macOS말고 다른 실행 환경에서 테스트하기 스위프트 코드를 macOS말고 다른 실행 환경에서 테스트하기 안녕하세요. 하헤호후입니다. 오늘은 스위프트 코드를 macOS말고 다른 환경에서 작성하고, 테스트할 수 있는 곳을 알아보겠습니다. 스위프트 문법을 익히고 연습하려면 애플에서 공식적으로 지원하는 Xcode의 플레이그라운드와 REPL이 가장 최적화되어 있습니다. 하지만 스위프트는 오픈 소스로 전환된 이후 macOS 외의 다른 환경, 즉 리눅스 및 윈도우 등에서도 사용할 수 있기 때문에, 필요에 따라 실행 환경을 달리하여 활용할 수 있습니다. 어떤 서비스가 있는지 보겠습니다. 1. 온라인 스위프트 플레이그라운드 웹에서 이용할 수 있습니다. 온라인에서 작성한 코드를 스위프트 파일 또는 플레이그라운드 파일로 내려받을 수도 있습니다. www.tutoria.. 2020. 9. 22.

[스위프트]핀치 제스처로 두 손가락으로 이미지 확대/축소하기 iOS프로그래밍(스위프트) 핀치 제스처로 두 손가락으로 이미지 확대/축소하는 예제 핀치 제스처(Pinch Gesture)는 두 손가락으로 화면을 확대/축소할 때 사용하는 이벤트입니다. 화면 축소 확대/축소 기능이 들어간 모든 앱에서 사용할 수 있습니다. 이 글에서는 이미지를 확대/축소하는 앱을 만들어보겠습니다. 먼저 Xcode를 실행하고, 새 프로젝트를 생성합니다. ▶ 새 프로젝트 만드는 방법 [스위프트] Xcode 새 프로젝트 만들기 2020 Xcode 새 프로젝트 만들기 STEP 1 Xcode 실행하고 Create a new Xcode project를 클릭하여 새 프로젝트 만들기 STEP 2 템플릿 선택하기 [Single View App] 를 선택하고 Next를 눌러주세요. STEP 3.. bite-.. 2020. 9. 1.

[스위프트]핀치 제스처로 두 손가락으로 텍스트 확대/축소하기 iOS프로그래밍(스위프트) 핀치 제스처로 두 손가락으로 텍스트 확대/축소하는 예제 핀치 제스처(Pinch Gesture)는 두 손가락으로 화면을 확대/축소할 때 사용하는 이벤트입니다. 화면 축소 확대/축소 기능이 들어간 모든 앱에서 사용할 수 있습니다. 이 글에서는 텍스트를 확대/축소하는 앱을 만들어보겠습니다. 먼저 Xcode를 실행하고, 새 프로젝트를 생성합니다. ▶ 새 프로젝트 만드는 방법 [스위프트] Xcode 새 프로젝트 만들기 2020 Xcode 새 프로젝트 만들기 STEP 1 Xcode 실행하고 Create a new Xcode project를 클릭하여 새 프로젝트 만들기 STEP 2 템플릿 선택하기 [Single View App] 를 선택하고 Next를 눌러주세요. STEP 3.. bite-.. 2020. 8. 30.

[스위프트]화면 터치해서 그리는 스케치 앱 만들기 iOS 프로그래밍(스위프트) 예제_화면 터치해서 그리는 스케치 앱 만들기 이번에는 아이폰 화면을 터치하여 그림을 그리는 스케치 앱을 만들어볼 것입니다. 그림을 그리기 위해 이미지뷰(Image View) 객체를 추가하고, 화면 삭제를 위한 버튼도 아래에 배치합니다. 완성한 후 시뮬레이터를 돌리면 마우스 커서로 그릴 수 있고, 실물 폰에서 앱을 실행시키면 직접 터치할 수 있습니다. 그럼 프로젝트를 만들고, 스토리보드에서 화면 구성부터 해보겠습니다. ▶ 새 프로젝트 만드는 방법 [스위프트] Xcode 새 프로젝트 만들기 2020 Xcode 새 프로젝트 만들기 STEP 1 Xcode 실행하고 Create a new Xcode project를 클릭하여 새 프로젝트 만들기 STEP 2 템플릿 선택하기 [Single.. 2020. 8. 29.

[스위프트]코어그래픽스로 화면에 그림(원, 사각형, 삼각형, 호) 그리기/콘텍스트(context)개념 이해하기 스위프트(Swift) iOS프로그래밍 코어그래픽스로 화면에 원, 사각형, 삼각형, 호 그리기 모양객체에 색 채우는 방법/콘텍스트(context)개념 이해하기 iOS에서는 코어 그래픽스라는 그래픽 라이브러리를 사용하여 뷰에 그림을 그릴 수 있습니다. 코어 그래픽스는 선, 사각형, 원 같은 도형을 그리거나 도형에 색을 채우는 등 다양한 기능들에 활용할 수 있습니다. 이번에는 코어 그래픽스의 다양한 라이브러리를 사용하여 간단한 도형을 그리고 도형 내부를 특정 색으로 채우는 방법을 알아보겠습니다. 완성된 결과는 아래와 같습니다. 원, 사각형, 삼각형, 호를 이용하여 귀여준 표정을 그릴 것입니다. 먼저 스토리보드를 구성해봅시다. (전체 코드는 맨 아래에 있습니다.) ▶새 프로젝트 만들기 ■ 화면 구성하기 STEP.. 2020. 8. 28.

[스위프트]탭 카운트(TapCounter)하는 법_간단한 예제로 따라하기 Xcode_iOS 프로그래밍 스위트프로 탭 카운트(TapCounter)하기 탭(Tap)은 화면을 톡톡 두드리는 행위를 말합니다. 아이폰(iOS) 애플리케이션 개발할 때 어떻게 탭을 셀 수 있는지 코드로 보겠습니다. 먼저 Xcode를 열고, 새 프로젝트를 생성합니다. ▶새 프로젝트를 생성하는 방법 보러가기 ■ 화면 구성하기 STEP1 라이브러리에서 스택뷰(Vertical Stack View)를 드래그하여 스토리보드에 드래그합니다. STEP2 라이브러리에서 스택뷰(Vertical Stack View)를 드래그하여 스토리보드에 드래그합니다. 4번에서 스택뷰 안에 Labeldl 들어가지 않으면 드래그로 변경해줍니다. STEP3 Label을 더블클릭해서 안의 텍스트를 변경해줍니다. 위 Label은 Tab Coun.. 2020. 8. 27.

[Xcode] PDF 한 장으로 정리한 유용한 단축키 모음 코딩 시 유용한 Xcode 단축키(Shortcut) 모음(한 장 PDF첨부) Xcode 프로그램을 사용하여 프로그래밍할 때 단축키를 활용한다면 코드 작성 시간을 단축할 수 있습니다. 그래서 Xcode 단축키 모음을 PDF 한 장으로 만들어보았습니다. 기존의 영문으로된 원본을 한국어로 해석했습니다. 전체 영역에서 사용할 수 있는(일반), 코드 및 파일 네비게이션에서 쓰이는 단축키들이 있습니다. 그 밖의 코드 수정 시, 디버깅 시, 라이브러리에서 사용하는 키도 있습니다. 아래 단축키 외에 20여개 더 PDF에 들어있습니다. 일반 빌드 & 실행 코드 네비게이션 환경설정 ⌘, 빌드 ⌘B 줄 맨 끝으로 가기 ⌘→ 문서 ⇧⌘0 분석 ⇧⌘B 줄 맨 앞으로 가기 ⌘← 콘솔 창 열기 ⇧⌘C 실행 ⌘R 첫번째 줄로 이동 .. 2020. 8. 25.

[Xcode] 프로젝트 생성시 만들어지는 파일 알아보기 / M와 A 뜻 iOS프로그래밍 2020 Xcode Swift 스위프트_프로젝트의 파일들 (AppDelegate, SceneDelegate, ViewController, Assets, Info.plist 등) 살펴보기 / M와 A 뜻 ■ 프로젝트의 파일들 살펴보기 Xcode에서 프로젝트를 만들면 다음과 같은 폴더와 파일이 자동으로 만들어집니다. 각 파일들은 어떤 역할을 하는지 알아보겠습니다. 1 AppDelegate.swift 앱의 실행 주기(Life Cycle)를 관리하는 내용이 들어있습니다. 앱을 실행하거나 종료 또는 백그라운드를 실행할 때 하는 일들을 관리합니다. 2 SceneDelegate.swift 사용자 인터페이스(User Interface; UI)의 실행 주기(Life Cycle)를 관리하는 내용의 스위프트.. 2020. 5. 6.

[Xcode] 자동 레이아웃 / 제약 조건(constraints) 설정하는 법 iOS프로그래밍 2020 Xcode Swift 스위프트_자동 레이아웃 auto layout 설정하기 / 제약 조건 constraints 설정하는 법 Xcode Version 11.4.1 자동 레이아웃을 설정하지 않으면 아래와 같이 기기의 디스플레이마다 객체가 다르게 표시됩니다. 이를 해결하기 위해 제약 조건을 설정해보겠습니다. 자동 레이아웃은 각 객체마다 제약 조건(constraints)을 설정하여 사용합니다. 제약 조건이란 각 객체가 가질 수 있는 여백, 정령 방법, 다른 객체와의 간격 등을 의미합니다. 간단한 예제로 바로 들어가겠습니다. STEP 1 제약 조건 아이콘 클릭하기 - 스토리보드에서 작업합니다. - 제약 조건을 설정할 객체를 선택하고 아이콘을 클릭합니다. STEP 2 객체의 좌, 우, 위,.. 2020. 5. 6.

[스위프트] 만들어둔 뷰 컨트롤러 View Controller 가져오기(예제포함) iOS프로그래밍 2020 Xcode Swift 스위프트 기존 프로젝트에서 만들어둔 뷰 컨트롤러 가져오기 Xcode Version 11.4.1 이미 만들어둔 뷰 컨트롤러를 재사용해야할 때가 있습니다. 그 때 사용된 이미지와 스토리보드 및 소스 코드를 가지고 와야겠지요. 기존 뷰를 현 프로젝트에 추가하는 방법을 알아보겠습니다. STEP 1 뷰의 스위프트 파일추가하기 - 스위프트 파일을 프로젝트 목록 아래에 드래그앤드롭으로 추가합니다. - 프로젝트에 이미 동일한 이름의 파일이 존재한다면 스위프트 파일명을 변경해줍니다. - 뷰에 사용되었던 이미지가 있다면 역시 드래그로 추가합니다. STEP 2 스위프트 파일명 변경하기 - 파일을 추가하면 기존에 있던 뷰 컨트롤러와 이름이 같을 수 있습니다. - 따라서 왼쪽 사이.. 2020. 4. 30.

[스위프트] 탭 바 Tab Bar 컨트롤러 이용해 여러 뷰 넣기(예제포함) iOS프로그래밍 2020 Xcode Swift 스위프트_탭 바 컨트롤러 이용해 여러 뷰 사용하기 Xcode Version 11.4.1 iOS에서 하나의 앱에 여러 화면을 넣을 때 일반적으로 많이 사용한는 것이 탭 바(Tab Bar)입니다. 화면 이동할 때 탭을 클릭만 하면 되기 때문에 쉽게 화면을 전환할 수 있습니다. 이제 간단한 예제를 통해 탭 바 컨트롤러 Tab Bar Controller를 사용하는 법을 알아보겠습니다. ✔️ 예제를 따라하기 앞서 새 프로젝트 생성 방법을 알고 싶으면 링크를 참고해주세요. STEP 1 탭 바 컨트롤러를 스토리보드에 추가하기 - 스토리보드의 아이폰 화면 전체를 드래그한 후 메뉴에서 [Editor -> Embed in -> Tab Bar Controller] 를 선택합니다.. 2020. 4. 29.

[스위프트] Info.plist 파일 수정하기 (예제포함) iOS프로그래밍 2020 Xcode Swift 스위프트 Info.plist 파일 수정하기 웹킷으로 웹브라우저 보이게 하는 법 Xcode Version 11.4.1 Info.plist는 Information property list의 약자이며, 키-값 쌍의 정보가 저장되어 있습니다. 이 파일 안에는 언어, 실행 파일 이름 및 앱 식별자 등등의 항목들과 관련된 리소스 파일이 들어 있습니다. ✔️ 관련 예제를 따라하고 싶다면 여기을 눌러주세요. STEP 1 Info.plist 파일 선택 - 왼쪽의 내비게이터 영역에서 [Info.plist] 파일 선택 - [ Information Property List]의 오른쪽에 있는 [+]를 눌러 항목을 추가 STEP 2 드롭 다움 목록에서 키보드 방향 키로 이동해 [Ap.. 2020. 4. 29.

[스위프트]입문자를 위한 Xcode iOS프로그래밍 총정리 및 공부방법 2020 입문자를 위한 Xcode iOS 프로그래밍 Swift 스위프트 총정리 및 공부방법 💡 존경받아 마땅한 프로그래밍 독학러 💡 앱 개발에 도전하고 싶은 비전공자 💡 iOS 개발자와 원활한 의사소통을 하고 싶은 안드로이드 개발자 💡 프로그래밍 언어 문법은 지겨워 간단한 프로젝트를 진행하고 싶은 전공자 💡 파이프라인 중에 앱테크가 있는 일반인 💡디지털 노마드를 꿈꾸는 예비 프로그래머 💡사람한테 상처받아 컴퓨터랑만 대화하고 싶은 분 혹시 아래 유형에 하나라도 해당하는 분이 계시다면 제 블로그에 있는 예제를 하나하나 따라하면서 iOS프로그래밍 공부해보세요. 모든 프로그래밍 언어가 마찬가지겠지만 문법을 마스터한 후 프로그래밍을 하려고 하면 시간이 너무 오래걸리고 지겹습니다. 그래서 앱을 개발하는데 필요한 버.. 2020. 4. 24.

[스위프트] Timer 타이머 작동시키기 iOS프로그래밍 2020 Xcode Swift 스위프트 화면에서 Timer 타이머 작동 Xcode Version 11.4.1 타이머 기능을 사용하여 1초에 한 번씩 현재 시간을 레이블에 출력해 보겠습니다. ✔️ 예제를 따라하기 앞서 새 프로젝트 생성 방법을 알고 싶으면 링크를 참고해주세요. STEP 1 라벨 추가하기 STEP 2 라벨 꾸미기 - 라벨을 클릭하면 오른쪽에 나오는 창을 이용합니다. - Color에서 Custom를 클릭하시면 원하는 색을 팔레트에서 선택할 수 있습니다. - Font에서 폰트 종류와 크기를 지정할 수 있습니다. STEP 3 필요한 상수, 변수 선언하기 - 클래스 선언문 아래에 다음 코드를 작성합니다. - 에러가 발생해도 일단 두세요. updateTime라는 메서드를 아직 만들지 .. 2020. 4. 24.

[스위프트] 데이트 피커 모드 변경, 한국어 날짜 표기 방법 iOS프로그래밍_Swift 스위프트 Date Picker 데이트 피커 Mode 모드, 언어(지역), 간격 변경 Xcode Version 11.4.1 데이트 피커를 선택하면 뜨는 오른쪽 창에서 [Attributes inspector]에서 설정하면 됩니다. ■ 언어(지역) 변경 ■ 모드 변경 - 데이트 피커는 시간형, 날짜형, 날짜&시간형, 카운트다운형 이렇게 네 가지 모드를 제공합니다. - Mode에서 원하는 모드를 클릭하여 설정합니다. ■ 간격 변경 - Interval를 원하시는 간격으로 설정하시면 변경됩니다. 데이트 피커를 이용한 예제는 여기를 확인해주세요. Date Picker로 선택한 날짜를 화면에 출력하는 기능을 구현할 것입니다. 2020. 4. 24.

[스위프트] 데이트 피커로 날짜 선택하기(예제) iOS프로그래밍_Swift 스위프트에서 Date Picker 데이트 피커로 날짜 선택하기 Xcode Version 11.4.1 데이트 피커(Date Picker)는 날짜와 시간을 선택할 수 있게 해주는 객체입니다. 아이폰의 기본 기능인 시계 앱의 알람 탭에서 자주 사용하는 기능입니다. 데이트 피커 사용법을 알기 위해 데이트 피커로 날짜를 선택하고, 그 날짜를 화면에 출력하는 기능을 구현하겠습니다. 예제를 따라하기 앞서 선행 학습이 필요하신 분들은 아래 링크를 참고해주세요. 새 프로젝트 생성 방법 STEP 1 데이트피커 추가하기 STEP 2 레이블 추가하기 화면 구상이 끝났습니다. 이제 아울렛 변수와 액션 함수를 추가해 보겠습니다. STEP 3 레이블에 대한 아웃렛 변수 추가하기 - [선택시간:] 레이블을.. 2020. 4. 24.

[스위프트] Xcode 새 프로젝트 만들기 2020 Xcode 새 프로젝트 만들기 STEP 1 Xcode 실행하고 Create a new Xcode project를 클릭하여 새 프로젝트 만들기 STEP 2 템플릿 선택하기 [Single View App] 를 선택하고 Next를 눌러주세요. STEP 3 파일 이름 및 저장할 폴더 지정하기 프로젝트의 기본 정보를 입력하는 창이 나오면 프로젝트 이름, 사용하는 언어 지정 등 프로젝트의 기본 정보를 입력한 후 Next버튼을 클릭합니다. 저장할 폴더를 지정합니다. STEP 4 새 프로젝트 생성! 수고하셨습니다. 👏 👏 👏 -------------------------- iOS프로그래밍 학습을 위해 더 많은 예제 보러가기 -------------------------- 2020. 4. 22.