본문 바로가기

분류 전체보기337

[스위프트] 페이지컨트롤 page control 만들기(예제포함) iOS프로그래밍 2020 Xcode Swift 스위프트_페이지컨트롤 앱 만들기 Xcode Version 11.4.1 ✔️ 예제를 따라하기 앞서 새 프로젝트 생성 방법을 알고 싶으면 링크를 참고해주세요. STEP 1 이미지 추가하기 STEP 2 이미지 뷰와 페이지 컨트롤 추가하기 STEP 3 아울렛 변수와 액션 함수 추가하기 - 보조 편집기를 엽니다. - 변수와 함수를 설정할 아이템을 오른쪽 마우스로 클릭합니다. - 코드를 작성할 위치에 드래그앤드롭합니다. ■ imageView 아울렛 변수 ■ Page Control 아울렛 변수 ■ Page Control 액션 함수 - Event 설정은 이 함수가 언제 실행될지 결정하는 항목입니다. - 여기서는 선택할 페이지 컨트롤의 값이 변할 때 액션 함수를 실행하기 위.. 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.

[스위프트] 얼럿 Alert 사용하기(예제 포함) iOS프로그래밍 2020 Xcode Swift 스위프트_얼럿 Alert 사용하기 Xcode Version 11.4.1 얼럿은 사용자에게 중요한 알림이나 경고 메세지를 나타내야 할 때 사용합니다. 안드로이드의 스낵바(snack bar)와 같은 효과를 낼 수 있죠. 그럼 간단한 예제로 iOS 얼럿(Alert)을 익혀봅시다. ✔️ 예제를 따라하기 앞서 새 프로젝트 생성 방법을 알고 싶으면 링크를 참고해주세요. STEP 1 새 프로젝트를 만들고 적당한 이미지 2개 추가하기 - 원하는 이미지 2개를 프로젝트에 드래그해서 추가합니다 - 뜨는 설정창에서 Copy items if needed를 체크하고 Finish를 누릅니다. STEP 2 이미지 뷰 추가하기 - 스토리보드에 이미지 뷰를 추가합니다. STEP 3 Con.. 2020. 4. 28.

[스위프트]입문자를 위한 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.

[2020 안드로이드 스튜디오] Drawable 드로어블 배경 효과 총정리 2020 안드로이드 스튜디오 Drawable 드로어블 총정리 res에 파일을 만들어두면 앱 어디에서든지 접근가능하여 리소스 관리하기가 쉽습니다. 그래서 버튼, 이미지 버튼, 액티비티 등 다양한 곳에서 배경에 효과를 줄 때 drawable를 사용하는데요. 이 글을 통해서 기본적인 드로어블 객체 생성 방법과 그라데이션 효과, 일정 시간에 따라 변하는 애니메이션 효과도 적용해보겠습니다. 앞에 작성한 코드를 이어서 사용하니 PART1부터 따라가시면 좋을 것입니다. 필요한 코드를 읽을 수 있는 분은 바로 넘어가셔도 됩니다. PART 1 기본 생성 방법 https://bite-sized-learning.tistory.com/166 PART 2 그라데이션 https://bite-sized-learning.tistor.. 2020. 4. 23.

[스위프트] 이미지 뷰를 화면에 출력하고 크기 변경하기2(예제) 2020 Xcode, 스위프트, 이미지 뷰를 화면에 출력하고 크기 변경하는 방법, 기능 구현 Xcode에서 이미지 뷰를 확대하는 기능을 구현해보겠습니다. ※ 선행되어야 하는 화면 구성이 있으니 여기를 참고해주세요. ※ 구성 방법과 소스 코드가 있습니다. STEP 1 소스 편집을 위해 보조 편집기를 열어줍니다. - 화면 오른쪽 윗부분의 [Adjust Editor Options] - [Assistant]를 선택합니다. STEP 2 이미지 뷰에 아웃렛 변수 추가하기 - 드래그할 때 나타나는 연결선을 뷰 컨트롤러의 클래스 선언문 바로 아래에 놓으세요. - 아웃렛 변수는 일반적으로 클래스(class) 선언부 바로 아래에 추가합니다. STEP 3 이미지 뷰 아웃렛 변수 설정하기 나타나는 연결 설정 창에서 다음과 같.. 2020. 4. 23.

[스위프트] 이미지 뷰를 화면에 출력하고 크기 변경하기1(예제) 2020 Xcode, 스위프트, 이미지 뷰를 화면에 출력하고 크기 변경하는 방법 아이폰 앱에 원하는 이미지를 출력하려면 이미지뷰 ImageView객체를 사용할 수 있습니다. 그래서 오늘은 JPG나 PNG 등의 이미지를 화면에 출력할 수 있는 이미지 뷰의 사용법을 살펴 볼것입니다. 이 글에서는 전체적인 레이아웃 구성을 진행할 것입니다. 잘 따라주세요. 예제를 따라하기 앞서 선행 학습이 필요하신 분들은 아래 링크를 참고해주세요. 새 프로젝트 생성 방법 [ 완성예제 ] 시작해보겠습니다!👐 STEP 1 앱에서 사용할 이미지 추가하기 - 이미지를 선택하여 내비게이터 영역의 프로젝트 폴더 아래로 드래그 앱 드롭합니다. - 파일 추가에 대한 설정 창이 나타나며 현재 추가하려고 하는 이미지를 프로젝트 폴더에 복사해 주.. 2020. 4. 22.

[스위프트] 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.

[2020 안드로이드 스튜디오] Drawable 드로어블 애니메이션 그라데이션 Drawable 드로어블 개체로 움직이는 그라데이션 만들기 안드로이드 스튜디오에서 드로어블 xml파일을 이용해 메인액티미티에서 움직이는 애니메이션을 만들어 볼 것입니다. 일정 시간이 지나면 자동으로 색이 변합니다. 미리 만들어둔 bg_btn.xml, bg_btn2.xml, bg_btn3.xml를 사용할 것이기 때문에 xml 소스 파일은 여기에서 참고해주세요. 드로어블 파일 생성하는 기본적인 방법을 알고 싶으시면 여기서부터 따라와주세요. STEP 1 app - res - drawable에서 xml를 만들어주세요. 저는 파일명을 android_gradient_list.xml로 지었습니다. STEP 2 다음 코드를 작성하세요. ■ android_gradient_list.xml STEP 3 효과를 주고 싶은 개.. 2020. 4. 22.

[2020 안드로이드 스튜디오] Drawable 드로어블 그라데이션 2020 안드로이드 스튜디오 Drawable 드로어블 그라데이션 안드로이드에서는 /app/res/drawable 폴더에 .xml 파일을 만들어 드로어블 객체를 만들 수 있습니다. 기본적인 드로어블 xml 생성 방법은 여기서 확인해주세요. ■ bg_btn.xml ■ bg_btn2.xml ■ bg_btn3.xml ■ actvity_main.xml 그라데이션 색 추출 및 참고 사이트는 여기서 쉽게 찾을 수 있습니다. 드로어블 그라데이션을 이용하여 애니메이션을 만들고 싶다면 다음 글을 읽어주세요. 2020. 4. 22.

[2020 안드로이드 스튜디오] Drawable 드로어블 배경 기본 사용법 2020 안드로이드 스튜디오 Drawable 드로어블 생성법 안드로이드에서는 /app/res/drawable 폴더에 .xml 파일을 만들어 드로어블 객체를 만들 수 있습니다. 테두리(stroke) 지정, 모서리 둥글게(corners), 도형 색 채우기(solid), 모양 지정(shape) 등 다양한 태그를 사용하면 됩니다. 간단히 다음과 같이 버튼에 적용할 수 있는 Drawable 드로어블 객체를 만들어보겠습니다. STEP 1 res/drawable 를 누르시고 오른쪽 마우스 New - Drawable Resource File를 클릭합니다. STEP 2 파일 이름을 입력하고 OK버튼을 누릅니다 저는 버튼(button)의 배경(background)에 사용할 거라서 bg_btn이라고 했습니다 STEP 3 상.. 2020. 4. 22.

[2020 안드로이드 스튜디오] 폰트, 배경 색상 쉽게 지정 및 변경하기 2020 안드로이드 스튜디오 텍스트, 배경 색상 쉽게 지정 및 변경하기 글 업데이트 날짜: 2020.04.22 툴: 맥 안드로이드 스튜디오 3.6.3 STEP 1 좌측 사이드바를 'Android'로 설정하고 app - res - values - color.xml를 열어주세요. 안드로이드 스튜디오가 업데이트 되면서 기본 Primary와 Accent 색이 바뀌었습니다. 자세한 hex값은 color.xml에서 확인할 수 있는데요. 여기서 색의 이름과 값을 지정해두면 다른 곳(폰트색, 배경색, 버튼색 등)에서 쉽게 사용가능합니다. STEP 2 만들고 싶은 색 이름을 _____에 적어주세요. STEP 3 색 값을 _____에 적어주세요. _____ ※※※ 만약 원하는 색의 Hex를 값을 모른다면?? ※※※ 좌측에.. 2020. 4. 22.

[안드로이드 스튜디오] Android 런처 앱 아이콘 변경하기 Android 안드로이드 런처 앱 아이콘 변경 및 설정하기 글 업데이트 날짜: 2020.04.21 툴: 맥 안드로이드 스튜디오 3.6.1 버전 1. File - New - Image Asset 에 들어가기 2. Name에서 이름 지정하고, Path에서 이미지 파일 경로를 지정하기 이름을 변경하지 않으면 창 아래쪽에 노랑색 주의 아이콘과 함께 같은 이름의 아이콘이 이미 존재한다는 문장이 뜹니다. 즉 이름을 꼭 변경해주세요. 3. Resize 항복의 바를 좌우로 움직여서 크기 조정하기 오른쪽에 Preview를 보면서 어떤 모양에서도 로고가 보일 수 있게 조정해주세요. 4. 배경 변경하기 Layer Name에서 이름 지정하시고 AssetType에서 단색과 이미지 중에 어떤 것으로 넣을 지 지정해주세요. 다음 .. 2020. 4. 21.

[ 안드로이드 프로그래밍 ] 핸들러로 메시지 전송하기 ( 예제 포함 ) 안드로이드 프로그래밍_핸들러로 메시지 전송하기_예제포함 앱을 실행할 때 프로세스가 만들어지면 그 안에 메인 메서드가 함께 만들어집니다. 그리고 메세지 큐(Message Queue)를 실행합니다. 메세지 큐를 사용하면 순차적으로 코드를 수행할 수 있는데, 이렇게 메세지 큐로 메인 스레드에서 처리할 메시지를 전달하는 역할을 핸들러 클래스가 담당합니다. 또 핸들러를 이용하면 특정 메세지가 미래의 어떤 시점에 실행되도록 스케쥴링 할 수도 있습니다. 핸들러의 메시지 처리 방법을 그림으로 보실까요? 크게 3가지 방법으로 나눠볼 수 있습니다. 1 obtainMessage() 로 메세지 큐에 있는 메시지 객체를 하나 참조할 수 있습니다. 2 메세지 객체에 필요한 정보를 넣은 후 sendMessage() 로 메세지 큐에.. 2020. 4. 8.

[ 안드로이드 프로그래밍 ] 스레드 실행하기 ( 예제 포함 ) 안드로이드 프로그래밍_스레드 실행하기_예제 포함 자동으로 생성되는 메인 액티비티는 하나의 프로세스에서 처리됩니다. 따라서 메인 액티비티의 버튼 클릭 이벤트를 처리하는 일 등 액티비티 내에서 처리하는 기능들은 다 같은 프로세스 안에서 실행되죠. 이렇게 같은 프로세스 안에서 여러 기능들이 순서대로 실행할 수 있습니다. 하지만 일련의 기능이라 해도 대기 시간이 길어지는 네트워크 요청 등의 기능을 수행할 때는 문제가 생길 수 있습니다. 그래서 하나의 프로세스 안에서 여러 개의 작업이 동시 수행되는 멀티 스레드 방식을 사용할 수 있습니다. 이런 멀티 스레드 방식은 같은 프로세스 안에 있으면서 메모리 리소스를 공유하므로 효율적인 처리가 가능합니다. 스레드(Thread)는 동시 수행이 가능한 작업 단위입니다. 현재 .. 2020. 4. 8.

[ 안드로이드 프로그래밍 ] 토스트 메시지 위치 변경하기 안드로이드 스튜디오 프로그래밍_토스트 메시지 위치 변경하기_예제포함 예제 ■ xml 파일 - 원하는 위치 값(X, Y)을 입력받기 위해 EditText를 사용합니다. - X, Y위치 값을 받는 칸임을 보여주기 위해 hint의 속성을 'X위치','Y위치'라고 해줍니다. - 띄우기 버튼을 눌렀을 때 토스트 메세지를 띄웁니다. ■ java 파일 package com.example.practicecode; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.Gravity; import android.view.View; import android.widget.Button; import androi.. 2020. 4. 8.

[ 안드로이드 프로그래밍 ] 간단한 예제로 서비스 이해하기2 (서비스에서 액티비티로 데이터 전달) 안드로이드 스튜디오 프로그래밍_서비스에서 액티비티로 데이터 전달_예제포함 이번에는 안드로이드에서 서비스를 실행시키고 데이터를 액티비티로 전달하는 작업을 구현해볼 것입니다. 예제를 따라하기 위해서 앞서 선행되어야 하는 코드가 있으니 '서비스 이해하기1' 글에서 확인해주세요. 아래 링크 클릭하시면 됩니다. https://bite-sized-learning.tistory.com/137 [ 안드로이드 프로그래밍] 간단한 예제로 서비스 이해하기 유튜브를 보는 중에 카톡 알림을 받은 적이 있을 것입니다. 이렇게 카톡 앱을 화면에 띄우지도 않아도 카톡 알림을 받을 수 있는 이유는 화면 뒤의 공간인 백그라운드에서 실행되는 "서비스"가 있기 때문입니다... bite-sized-learning.tistory.com 데이터.. 2020. 4. 7.

[ 안드로이드 프로그래밍] 간단한 예제로 서비스 이해하기1 (액티비티에서 서비스로 데이터 전달) 안드로이드 스튜디오 프로그래밍_액티비티에서 서비스로 데이터 전달_예제포함 유튜브를 보는 중에 카톡 알림을 받은 적이 있을 것입니다. 이렇게 카톡 앱을 화면에 띄우지도 않아도 카톡 알림을 받을 수 있는 이유는 화면 뒤의 공간인 백그라운드에서 실행되는 "서비스"가 있기 때문입니다. 오늘은 안드로이드 앱의 구성 요소의 하나이기도 한 "서비스"에 대해 알아보겠습니다. 우리는 "서비스"를 통해서 단말이 항상 실행되어 있는 상태로 데이터를 주고받을 수 있습니다. 이 "서비스"를 시작하기 위해서는 간단히 startService() 메소드를 호출하면 됩니다. 그럼 이렇게 메모리에 서비스가 생성이 됩니다. 만약 서비스 실행 후에도 이 메서드를 호출하면 어떻게 될까요? 여러 서비스가 실행될까요? 답은 아니요 입니다. 메서.. 2020. 4. 6.

[아이폰앱개발]아이콘 쉽게 넣는 법(asset catalog creator 사용하기) [아이폰앱개발]아이콘 쉽게 넣는 법(asset catalog creator 사용하기) 아이폰 아이콘 이미지를 쉽게 넣는 법을 소개하겠다. 잘 아시다시피 아이폰 앱 개발시 이미지를 1x, 2x, 3x를 준비해야 하는데 자세한 이유는 아래 페이지를 참고바란다. https://developer.apple.com/library/archive/qa/qa1686/_index.html Technical Q&A QA1686: App Icons on iPhone, iPad and Apple Watch Technical Q&A QA1686 App Icons on iPhone, iPad and Apple Watch Q: What icons need to be included in an iOS Application, Appl.. 2020. 2. 26.

[스위프트] 데이터 저장 시 주의할 점(+ 기본형 Int가 있는 이유) ■ 개요 1 float와 Double에서 2 Int에서 1 float와 Double에서 float와 Double에 값을 넣어도 실제로 저장되는 값의 범위는 제한적이기 때문에 잘 확인해야 한다. 2 Int에서 스위프트에 Int 종류에는 다음 것들이 있다. 저 중에서 Int8을 골라서 이 자료형에 저장할 수 있는 데이터 최소, 최대값을 알려면 .min, .max을 입력하면 된다. Int8은 signed(부호있는) integer이기 때문에 -128부터 127까지 저장할 수 있다. 따라서 -128~127 범위 밖의 데이터를 저장하면 overflow(오버플로우) 에러발생한다. ★ 타입이 허용하는 범위의 데이터를 저장하는 것이 중요하다. 또한 Int의 (option 누르고 나오는) Discussion에서 32-bi.. 2020. 2. 24.

[스위프트] 왕초보를 위한 자료형 개념(+자료형 확인하는 방법) 글 개요 1. 자료형 확인하는 방법 2. 자료형 종류 3. 자료형과 관련된 스위프트 특징 1. 스위프트는 자료형을 명시하지 않아도 내부적으로 타입에 맞게 데이터를 저장한다. 그래서 코드를 작성하고 변수의 자료형을 확인하고 싶다면 option 키를 누른 채 변수명을 클릭한다. 그럼 Declaration 아래에 키워드 변수명: 자료형(Data type)이 나온다. 하지만 데이터 없이 변수나 상수를 선언만 할 때는 자료형(Data type)을 꼭 명시해줘야 한다. 아니면 에러가 발생한다. 자료형(Data type)을 명시하지 않은 예 자료형(Data type)을 명시한 예 2 기본적으로 스위프트가 가지고 있는 자료형(Data type)은 String, Bool, Int, Double있다 // tring_ 문자.. 2020. 2. 24.

[스위프트] 변수, 상수, 함수, 클래스 기본 개념 (예제로 한번에 이해하기) 오늘은 아이폰 개발에 필수 언어인 스위프트를 통해서 프로그래밍의 기본 개념이라 할 수 있는 변수, 상수, 함수, 클래스에 대해서 알아보겠습니다. 먼저 예제 실습을 위해 준비를 해보겠습니다. 👩‍💻 👨‍💻 xcode에서 playground를 열어줍니다. 기존에 import... 라고 미리 쓰여져 있는 코드를 지워주세요. 간단한 수식을 적어줍니다. 3 * 3 은 9인줄 다들 아시겠지만;; 그래도 값을 확인해봅시다. 작성한 코드 끝에 커서를 대면 코드 줄 숫자 대신 화살표가 뜹니다. 눌러주세요. 그럼 우측 창에서 값을 확인하실 수 있습니다. 9 맞네요ㅎㅎ 이렇게 숫자와 연산자만으로 원하는 계산을 할 수 있습니다. 그런데 왜 변수, 상수 개념이 필요할까요? 변하는 값 변수,, 고정 값 상수.. 도대체 왜?? 그.. 2020. 2. 16.

티스토리툴바