[iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 1부(cocospods)

작성자: -
안녕하세요. 플랫폼사업팀에서 ios개발 업무를 담당하고 있는 남산타워입니다.

첫 게시글은 어떤글이 좋을까 고민하다가, 강좌를 생각하게 되었습니다.
ios 개발자라면, 모두들 오픈소스를 많이 이용하실꺼같은데요.

오픈소스를 이용해서, 쉽게 앱을 제작하는 하는 강좌를 써보려 합니다.
요즘 앱 순위중에 가장 상위에 있는 앱이 카메라 앱인데요.
여러 필터들을 이용해서, 예쁜 사진을 만들 수 있습니다. 엄청 어려운 부분이지만, 오픈소스를 이용하면, 간단하게 만들 수 있습니다. 일단 강좌는 총 3부로 구성해보았습니다.
  1. [iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 1부 (cocospods)
  2. [iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 2부 (카메라)
  3. [iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 3부 (필터)

일단 첫 시간에는 CocosPods를 파헤쳐보겠습니다.
CocosPods는 ios 개발자라면, 한번은 들어보셨을꺼예요.
cocosPods는 Objective-C 코코아 프로젝트의 종속적 관리자입니다. 쉽게 말해, 오픈소스나 라이브러리를 관리할 수 있게 해주는 도구 인데요. xCode에서 플러그인를 설치하고 이용했으면 좋았으나, 별도의 프로그램입니다. 이 도구를 만들어준 개발팀에 감사해야합니다.

자세한 사항은 아래의 cocosPods 사이트에 접속해서 상세히 알아보시면 될꺼같습니다.
https://cocoapods.org/


















그럼 시작하겠습니다.

1. 프로젝트 생성
2. CocosPods 다운로드
3. CocosPods 설치
4. CocosPods 설정 및 라이브러리 설치

1. 프로젝트 생성

 프로젝트를 생성합니다.



2. CocosPods 다운로드
터미널에서 cocosPods를 다운받습니다.
맥의 파인더를 열고, 터미널을 실행합니다. ( 파인더/응용프로그램/유틸리티)





















터미널이 실행 되면, 다운로드를 받습니다.
명령어 : sudo gem install cocospods 





 3. CocosPods 설치
터미널에서 cocoaPods를 설치합니다.
명령어 : pod setup













4. CocosPods 설정 및 라이브러리 설치
터미널에서 프로젝트 폴더로 가서, cocoaPods 설정파일을 생성하고 편집합니다.
명령어 : pod init



명령어를 입력하고나면, Podfile이라는 파일이 생성이 됩니다.




이 파일을 열어 설치할 라이브러리을 입력하고 저장합니다.
깃허브에서 카메라 관련 가장 많이 사용하는 GPUImage를 사용하겠습니다.
작성 :    pod 'GPUImage'




pod 파일설정은 끝났으니, GPUImage 라이브러리를 설치합니다.
명령어 : pod install


설치가 끝나고 나면, 프로젝트 폴더에 CameaApp.xcworkspace 파일이 생성이 됩니다.
.xcworkspace은 xcode 실행파일로, cocoaPods을 통해 다운받은 라이브러리를 연결해줍니다.

















앞으로는 .xcworkspace 파일을 통해서 프로젝트를 실행해야합니다.
실행하면, Pods 에 GPUImage 라이브러리가 연결된 것을 확인할 수 있습니다.




이제 프로젝트에 대한 세팅은 완료가 되었습니다.
다음 시간에는 카메라를 구현하겠습니다.










댓글

  1. Unknown2018년 3월 25일 오후 6:08

    안녕하세요 혹시 코딩을 한번도 안해본 사람도 해볼 수 있는 프로세스 일까요?

    답글삭제
  2. Unknown2018년 3월 25일 오후 6:08

    안녕하세요 혹시 코딩을 한번도 해본 적 없는 사람도 해볼 수 있는 프로세스일까요?ㅠㅠ

    답글삭제
  3. 익명2018년 3월 28일 오후 2:16

    문과생인데 어플을 만들어보고 싶어서 우연히 들렀습니다. 어플 개발에 대해서 하나도 모르는 저에겐 정말 큰 도움이 될 것 같습니다. 대단히 감사드립니다.

    답글삭제

댓글 쓰기

주간 인기글

카드뉴스 마케팅 팁

작성자: -
이미지
아이프렌즈펫의 카드뉴스 최근 SNS에서 가장 핫한 콘텐츠 유형 카드뉴스! 아이프렌즈펫은 현재 홍보 예산을 쓰지 않는 방법으로 인스타그램, 페이스북으로 카드뉴스 콘텐츠 마케팅을 하고 있습니다. 일주일에 1개씩 올리다보니 어느덧 6개월 정도의 시간이 흘렀습니다. 짧은 기간이지만 운영한 경험을 공유하고자 합니다. ㅎㅎ 아이프렌즈펫 페이스북 페이지 >  https://www.facebook.com/ifriendspetpage/ 아이프렌즈펫 인스타그램 >  http://picbear.com/ifriendspet 카드뉴스란? 카드뉴스는 짧은 글과 이미지로 구성된 여러 장의 카드입니다. 단순한 홍보에서부터 언론사까지 다양한 곳에서 활용되고 있는 컨텐츠입니다. 카드뉴스 마케팅의 장점 * 모바일 환경에서 가장 최적화된 콘텐츠 유형이며, * 제작 방법도 다른 홍보 수단에 비해 비교적 간단하고 * 홍보 효과가 빠릅니다. (블로그 - 약 6개월, 카드뉴스 - 3개월) 재미있는 카드뉴스 마케팅 예 옥션 #어서옥션 인스타그램 >  https://www.instagram.com/ebayauction/ 제가 인스타그램에서 가장 재미있게 구경하는 피드 중 하나입니다. 홍보 느낌이 하나도 안나요~ 오레오 #오레오 페이스북 >  http://bit.ly/2gA4MDw 오레오는 제가 마케팅의 ㅁ자도 모를때부터 구경하고 있던 페이스북인데요 과자 하나가지고 이렇게 창의적인 작품들을 꾸준히 업데이트 할 수 있다니 놀랍더라구요 ㅎㅎ 카드뉴스 만들기 1. 주제 선정 카드뉴스를 통해 얻을 목표와 타겟이 명확해야 합니다. 그에 맞춰 전달하려는 정보나 메시지 등을 리서치해서 기획을 하고 제작합니다. 처음 해보시는 분들에게 실패를 줄이기 위한 팁을 드리자면 (여기서 실패란 그냥..묻히는 것 말입니다 ㅠ) 1. 비슷한 주제의 페이스북 페이지 운영하는 곳을 되도
자세한 내용 보기

[정보] 인스타그램은 당신의 소리를 '듣고' 있을 수도 있습니다

작성자: -
이미지
[그림출처]  https://medium.com/@damln/instagram-is-listening-to-you-97e8f2c53023 인스타그램은 당신의 소리를 '듣고' 있을 수도 있습니다. 문자 그대로. SNS는 사용자들이 자발적으로 공유하는 글, 사진 등의 정보를 모아서 그 데이터를 기반으로 어떤 사용자가 무엇에 관심이 있는지 파악하여 사용자들에게 가장 관심 있을 만한 광고를 보여주곤 합니다. 몇 년 전부터 페이스북은 앱의 마이크 접근 권한 을 사용하여 핸드폰 주위의 모든 대화 등의 소리를 수집.파악하여 폰 사용자가 무엇에 관심 있는지 데이터를 얻고, 타겟 맞춤 광고에 이 정보를 활용한다고 하는 의혹을 받아왔습니다. 페이스북에 인수된 인스타그램도 마찬가지로요. 저도 가끔 의아했습니다. 어떻게 내가 검색창에서 검색한 적도 없고, 사진도 찍은 적 없고, 글로 쓴 적도 없는 어떤 것에 대해서 인스타그램이 나에게, 그것에 관해 얘기한 지 10분 만에 정확히 그와 관련된 상품을 광고로 보여줄 수가 있지? 그런데 동일한 의문을 품은 유저들이 여러 명 있었던 것 같습니다. (관련글  https://www.imore.com/how-stop-facebook-accessing-your-microphone https://medium.com/@damln/instagram-is-listening-to-you-97e8f2c53023  ) 물론  페이스북이나 인스타그램은 공식적으로 '절대로 그렇지 않다' 고 발표하지만, 그렇다고 하더라도 혹시 있을 수 있는 사생활 침해에서 앱의 마이크 접근 권한을 차단하는 것은 나쁘지 않은 것 같습니다. 만약을 위해 사생활을 보호하려면, 페이스북이나 인스타그램 앱 설정 부분에서 페이스북 앱, 인스타그램 앱의 마이크 접근 권한을 비활성화 하시면 됩니다. 1. 아이폰 또는 설정에서 아래로 스크롤해서, 인스타그램 앱을 선택한 다음, 해당 앱의 마이크 권한 비활성화를 해도 됩니
자세한 내용 보기

[Objective-C] NSString(문자열) 다루기

작성자: -
// 빈 문자열 생성 NSString  * str = [ NSString   string ]; // 문자열로 새로운 문자열 생성 NSString  * str = [NSString stringWithString: @"stringWithString" ]; NSLog(@"%@", str); NSString * str = [[NSString alloc] initWithString:@"initWithString"]; NSLog(@"%@", str); // 문자열 길이 NSLog(@"length of %@ : %i", str1, [str length]); // 문자열 복사 NSString  * tmp = [NSString stringWithString:str]; NSLog(@"tmp : %@", tmp); NSString  * str1 = @"1"; NSString  * str2 = @"2"; // 문자열 합치기 1 NSString  * tmp = [str1 stringByAppendingString:str2]; NSLog(@"%@ + %@ = %@", str1, str2, tmp); // 문자열 합치기 2 NSMutableString  * str1 =  @"This is" ; NSString  * str2 =  @" Love" ; [str1 appendString:str2]; // 문자열 비교 NSString * tmp = str1; if  ( [str1 isEqualToString:tmp] ==  YES  ) NSLog(@"%@ == %@", tmp, str1); else
자세한 내용 보기

[ubuntu] 신규 계정에 sudo 권한 추가하기

작성자: -
이미지
NCP 에서 신규 서버를 생성하면  AWS 와는 다르게 root 계정과 패스워드를 발급해 줍니다. 해당 계정정보를 잘 보관한 후 실제 사용할 계정을 생성해서 서버를 관리하게 됩니다. 1. 우선 ubunbu 에서 신규 계정을 생성  합니다. # adduser namsan cs namsan 이라는 계정을 생성하고 패스워드를 설정하였습니다. 2. 신규 생성된 계정으로 전환 후 명령어를 실행해 봅니다. su 명령어를 통해 신규 생성 계정으로 전환 합니다. # su namsan cs sudo 명령어를 실행해 보겠습니다. # sudo date cs “namsan is not in the sudoers file.  This incident will be reported.” cs sudoers file 에 해당계정이 포함 되어있지 않다는 메시지가 출력됩니다. /etc/sudoers 에 신규 계정이 추가 되어 있지 않아 표출되는 에러 메시지 입니다. 다시 root 계정으로 전환하여 sudoers 파일을 수정해보겠습니다. su 명령어를 통해 다시 root 계정으로 전환 합니다. # su root cs 3. vi 명령어를 통해  /etc/sudoers 파일을 편집합니다. # vi /etc/sudoers cs # User privilege specification 항목에 아래와 같이 신규 생성된 계정 정보를 추가합니다. root  ALL=(ALL:ALL) ALL namsan  ALL=(ALL:ALL) ALL cs 이제 신규 생성된 사용자로 전환하여 sudo 명령어 실행 시 정상적으로 작동하는 것을 확인 할 수 있습니다.
자세한 내용 보기

HTML 템플릿을 인쇄용으로 가공하기

작성자: -
이미지
HTML 으로 코딩된 테이블, 그림, 글자 등 다양한 요소가 섞여 있는 문서를 PDF 또는 A4용지로 출력했을 때 각 요소가 중간에 끊어지지 않고 보기좋게 출력할 수 있는 방법이 있는지 알아보았습니다. 방법은 생각보다 간단한데요, CSS의 @media print 속성을 이용하면 가능했습니다. @media print 는 인쇄할 때만 적용되는 것으로 다양한 기능이 있지만 바쁜 분들을 위해 핵심 CSS만 보면, 이 두 개만 알아도 충분한 것 같습니다. @media print {       .page-divide {               page-break-after: always;        } } .page-divide 라는 클래스를 준 요소 뒤에는 언제나 페이지를 분할하도록 하는 CSS 입니다. table, figure, .sector {         page-break-inside: avoid; } table, figure 또는 sector 라고 클래스를 지정해 준 요소는 페이지 때문에 끊기지 않도록 처리해주는 구문입니다. 이렇게 지정한 요소가 만약 A4 용지 단위로 프린트물이 나올 때 중간에 걸리게 되면 통째로 그 다음 장으로 넘어가게 처리해줍니다. 간단 예제 소스보기 <style> @media print {      .page-divide {             page-break-after: always;      }      .no-print-page {             display: none; //작업의 편리함을 위해 넣은 페이지 구분선. 프린트 시에는 보이지 않음       } } h1, h2, h3, h4, h5 {       page-break-after: avoid; } table, figure, .sector {        page-break-inside: avoid; } .table {        width: 100%;  
자세한 내용 보기