Swift 포트폴리오 프로젝트

 

 

 

https://drive.google.com/file/d/18oK_KPkXQwsF51t2wY794RpQMUMK14YC/view?usp=drive_link

Portfolio.zip

 

안녕하세요?

정보통신공학과 202316035학번 박준혁입니다.

 

지금부터 Swift로 만든 포트폴리오 프로젝트 앱에 대해서 설명하도록 하겠습니다.

 

먼저 앱을 실행시키면 탭 바 컨트롤러를 사용해 전체적인 화면 구성을 한 모습입니다.

 

탭은 총 4가지로 메인 탭, 마이 웹 탭, 채팅 탭, 더보기 탭 이렇게 구성하였습니다.

 

먼저 메인 탭에는 저의 기본적인 정보와 소개를 담았습니다.

스크롤 뷰 컨트롤러를 이용해서 아래로 스크롤 하면 저의 간단한 소개 글을 볼 수 있습니다.

 

마이 웹 탭에서는 웹 뷰를 사용해서 실제 웹사이트를 제 앱에 띄웠습니다.

상단에 보이는 버튼들을 이용해서 사이트를 이동할 수 있는데, 먼저 티스토리 버튼을 누르면 저의 티스토리 블로그 페이지로 이동하도록 해놨구요, github 버튼을 누르면 저의 깃허브 프로필 사이트로 들어가고, github blog 버튼을 누르면 깃허브 블로그 사이트로 들어가고, 마지막으로 멘보샤 버튼을 누르면 제가 제작에 참여했던 멘보샤 웹사이트로 들어가게 됩니다.

 

채팅 탭으로 들어가면 먼저 이름을 입력할 수 있는 텍스트 필드가 나타나고 이름을 입력하고 입장하기 버튼을 누르면 채팅방으로 입장하게 됩니다.

여기서 기존에 채팅을 입력했던 내용들을 구글의 파이어베이스 DB를 이용해 저장해놓기 때문에 앱을 끄고 다시 접속하더라도 채팅 내역이 사라지지 않고 보이게 됩니다. 아래 텍스트 필드에 텍스트를 입력하고 전송 버튼을 누르면 채팅이 올라가게 됩니다.

 

구글 파이어베이스 사이트에 들어가서 프로젝트를 클릭하고 Realtime Database에 들어가보면 아까 쳤던 채팅들을 확인할 수 있습니다.

 

버튼을 누르지 않고 엔터키를 눌러도 작동되게 했습니다. 모바일 환경에서 키보드가 올라오게 되면 화면의 뷰 또한 올려서 텍스트 필드와 전송버튼이 가져지지 않도록 했습니다.

 

더보기 탭에는 메모리, 맵, 뮤직, 투두 리스트 이렇게 4가지의 버튼이 있는데 먼저 메모리 버튼을 눌러보겠습니다.

 

메모리는 간단하게 제가 찍었던 사진들을 이미지 뷰와 페이지 컨트롤를 사용해서 보여줍니다.

 

맵에는 맵 뷰와 상단의 세그먼트 컨트롤을 이용해 원하는 위치를 클릭하면 해당 위치가 맵 뷰에 표시되도록 했습니다.

 

그 다음 뮤직은 mp3 파일의 음악을 들을 수 있도록 했습니다. 플레이 버튼을 누르면 음악이 재생되고 아래 볼륨도 조절 가능하구요. 퍼즈 버튼을 누르면 정지하고, 스톱 버튼을 누르면 음악이 정지하고 다시 처음으로 돌아가게 됩니다.

 

마지막으로 투두 리스트는 네비게이션 컨트롤러와 테이블 뷰를 이용해 할 일을 기록해 둘 수 있는 공간 입니다.

우측 상단의 + 버튼을 누르면 리스트를 추가할 수 있고, 좌측 상단의 Edit 버튼을 누르면 셀들을 삭제하거나 순서를 바꿀 수 있습니다.

 

 

이상으로 프로젝트 설명을 마치도록 하겠습니다. 감사합니다.