https://drive.google.com/file/d/18oK_KPkXQwsF51t2wY794RpQMUMK14YC/view?usp=drive_link Portfolio.zip drive.google.com 안녕하세요?정보통신공학과 202316035학번 박준혁입니다. 지금부터 Swift로 만든 포트폴리오 프로젝트 앱에 대해서 설명하도록 하겠습니다. 먼저 앱을 실행시키면 탭 바 컨트롤러를 사용해 전체적인 화면 구성을 한 모습입니다. 탭은 총 4가지로 메인 탭, 마이 웹 탭, 채팅 탭, 더보기 탭 이렇게 구성하였습니다. 먼저 메인 탭에는 저의 기본적인 정보와 소개를 담았습니다.스크롤 뷰 컨트롤러를 이용해서 아래로 스크롤 하면 저의 간단한 소개 글을 볼 수 있습니다. 마이 웹 탭에서는 웹 뷰를 사용해서 실제..

Swift 14주차 - 음악 재생하기 이번 주차에서는 AVAudioPlayer를 이용하여 오디오 파일을 재생, 일시 정지 및 정지하는 방법과 볼륨을 조절하는 방법을 알아볼 예정이다. 목차  기본 환경 구성하기 먼저 라이브러리 버튼을 클릭하고 레이블을 찾아 스토리보드에 추가하고 'Audio Player'로 수정한 후 글씨 크기(Font)를 'System 24.0'으로 수정하자.  이번엔 프로그레스 뷰(Progress View)를 찾아 스토리보드의 레이블(Audio Player) 아래에 배치하자.  앞에서와 같은 방법으로 프로그레스 뷰(Progress View) 아래쪽에 레이블 두개를 추가하자. 그리고 내용을 'currentTime'과 'endTime'으로 수정하자.이때 endTime은 오른쪽 정렬하자.  ..

Swift 13주차 - 테이블 뷰 컨트롤러 이용해 할 일 목록 만들기 알림 앱, 메모장 앱 등 아이폰 앱에서 자주 보고 익숙하게 사용하고 있는 '목록' 기능은 테이블 뷰 컨트롤러(Table View Controller)를 이용해서 구현할 수 있다. 이번 주차에서는 테이블 뷰 컨트롤러에 대해 살펴볼 예정이다. 목차  기본 환경 구성하기 먼저 테이블 뷰 컨트롤러를 사용해야 하므로 기존의 뷰 컨트롤러를 삭제해보겠다. 아이폰 모양의 스토리보드의 상단을 드래그한 후 'delete'키를 눌러 삭제하자.   스토리보드에서 뷰 컨트롤러를 삭제하더라도 연결되어 있는 스위프트 파일은 삭제되지 않는다. 따라서 왼쪽 네비게이터 영역에서 ViewController.swift 파일을 직접 삭제해주자. 그러면 스위프트 파일을 어떻..

Swift 13주차 - 자동 레이아웃  목차  자동 레이아웃이란? 자동 레이아웃(Auto Layout)은 기기의 디스플레이 크기와 관계없이 동일한 레이아웃을 구현하는 기능이다. 자동 레이아웃을 사용하지 않을 경우에는 아래 그림처럼 스토리보드에서 작업한 아이폰 15 Pro는 크기가 딱 맞지만 아이폰 15 Pro보다 디스플레이 크기가 큰 아이폰 15 Pro Max는 오른쪽와 아랫부분에 여백이 생긴다. 또한 아이폰 15 Pro보다 디스플레이 크기가 작은 아이폰 SE에서는 그림이 넘쳐 잘리게 된다.   하지만 자동 레이아웃 기능을 사용하면 이미지 뷰의 위, 오른쪽, 아래, 왼쪽 여백이 알맞게 설정되어 디바이스가 바뀌어도 해당 디바이스의 여백에 맞게 배치될 것이다.   자동 레이아웃 설정하기 다음과 같은 프로젝트..

Swift 12주차 - 내비게이션 컨트롤러 이용해 화면 전환하기 이번 주차에서는 네비게이션 컨트롤러를 사용해 화면을 전환해 보고 화면 전환과 동시에 데이터도 전달 되도록 구현해 볼 예정이다.  목차  네비게이션 컨트롤러 앱을 위한 기본 환경 구성하기 먼저 스토리보드에서 네비게이션 컨트롤러를 추가해보자. IPhone 모양의 뷰 컨트롤러를 클릭한 후 메뉴에서 Editor-> Embed in-> Navigation Controller 를 선택하자.   그러면 처음에는 없었던 네비게이션 컨트롤러가 추가된 모습을 볼 수 있다.   뷰 컨트롤러에 제목을 추가해보자. 메인 뷰 컨트롤러의 상단부분을 클릭한 후 오른쪽 인스펙터 영역에서 Attributes inspector 버튼을 클릭하자.   아래 Title에 '메인화..

Swift 11주차 - 탭 바 컨트롤러를 이용해 여러개의 뷰 넣기 이번 주차에서는 앞에서 만들어 놓았던 예제를 활용해 초기 화면과 세개의 화면을 탭 바 컨트롤러를 이용해 구성해볼 예정이다.  목차  탭 바 컨트롤러 앞에서 배운 예제들은 해부분 '하나의 뷰'만 보여주었다. 하지만 상황에 따라 하나의 뷰가 아니라 다양한 내용, 즉 여러개의 뷰를 보여줄 때가 더 많다. 이를 위해 여러개의 뷰와 더불어 뷰를 선택해 이동할 수 있게 해주는 컨트롤러가 필요하다. 그 역할을 하는 것이 바로 탭 바 컨트롤러이다.이러한 탭 바를 이용하는 대표적은 앱에는 아이폰의 시계, 음악, 전화 앱 등이 있다.   탭 바 컨트롤러 앱을 위한 기본 환경 구성하기 먼저 스토리보드에 탭 바 컨트롤러를 추가하자. 스토리보드의 아이폰 화면 상..

Swift 11주차 - 페이지 이동하기 (페이지 컨트롤) 이번 주차에서는 페이지 컨트롤을 이용해 여러 개의 이미지를 화면에 출력하는 간단한 갤러리 앱을 만들어 볼 예정이다.  목차  페이지 컨트롤(Page Control) 페이지 컨트롤(Page Control)은 아래 그림처럼 아래쪽의 작은 동그라미가 줄지어 있는 부분으로, 여러 페이지 중에서 현재 페이지를 알려 주는 역할을 한다.  다시 말해 현재 뷰에서 보여주고자 하는 내용이 여러 개일 때 페이지를 나누어서 보여주는 기능을 말한다. 흔히 갤러리나 아이폰의 홈 화면과 같은 앱에서 전체 페이지 중 현재 페이지가 어느 부분에 있는지 알려줄 때 사용한다.  페이지 컨트롤 앱 화면 꾸미기 먼저 프로젝트에서 사용할 이미지 6개를 추가해보자. 이미지를 추가할 폴더..

Swift 10주차 - 맵 뷰로 지도 나타내기 이번 주차에서는 지도, 위치 관련 앱에서 활용할 수 있는 맵 뷰(Map View)를 사용하여 지도를 나타내고, 원하는 곳에 핀을 선택하여 원하는 글자를 나타내는 실습을 진행할 예정이다.  목차  맵 뷰 앱 화면 꾸미기 지도 화면에서 현재 위치 및 특정 위치를 선택할 수 있는 '세그먼트 컨트롤(Segmented Control)'을 추가하자.    세그먼트 컨트롤은 여러 세그먼트로 구성된 수평 컨트롤이며, 세그먼트는 각 세분화된 기능을 가진 버튼을 말한다. 기능상으로 버튼과 동일하지만 버튼들을 한 곳에 모아놓고 '선택'의 개념이 더해진 것이 바로 세그먼트 컨트롤이라고 볼 수 있다.   다음으로 세그먼트 컨트롤의 세그먼트를 추가해보자. 인스펙터 영역에서 Segme..

Xcode로 만든 앱 실제 내 아이폰에서 실행하기 지금까지 우리가 만든 앱들을 모두 맥 컴퓨터 안에서 에뮬레이터로 실행해보고 있었다. 그런데 에뮬레이터로는 실행할 수 없는 기능들(GPS, 자이로 센서 등)이 있어서 추후에 앱을 만들고 테스트 할 때 어려움을 겪을 수 있다. 그래서 오늘은 Xcode로 만든 앱들을 실제로 내가 가지고 있는 아이폰에서 실행하는 방법을 소개하려고 한다.  목차  개발자 계정 추가하기 Xcode로 만든 앱을 실제 아이폰에서 실행시키기 위해선 먼저 개발자 계정을 추가하는 과정을 거쳐야 한다. 보통 애플의 개발자 계정은 돈을 내고 권한을 얻을 수 있는데 우리가 해 볼 것은 앱스토어에 앱을 출시하는게 아니라 내 아이폰에만 테스트 할 예정이므로 Apple ID로 설정해줘도 된다.  Xc..

HTML(HyperText Mark-up Language)이란? HTML(HyperText Mark-up Language)은 웹 페이지를 구성하는데 사용하는 마크업 언어이다. 마크업 언어는 태그 등을 이용하여 데이터의 구조를 기술하는 언어의 한 가지이다. 웹 페이지 문서의 구조와 구성 요소를 표현하는데 목적을 두고 있다.   XML(eXtensible Markup Language)이란? W3C에서 여러 특수 목적의 마크업 언어를 만드는 용도에서 권장되는 다목적 마크업 언어이다.  XML은 주로 데이터를 저장하거나 전달하여 교환하는데 목적을 두고 있다. 즉, 데이터 교환을 위해 데이터 구조를 정의할 수 있다.    HTML과 XML의 차이점 1. HTML은 고정된(사전 정의된) 언어이다. 예를 들어 , 과..