본문 바로가기

Programming

(135)
[iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 2부 (카메라) [iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 1부 (cocospods)[iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 2부 (카메라)[iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 3부 (필터)저번시간에 이어, 이번엔 카메라 기능을 추가해보도록 하겠습니다. 깃허브로 다운받은 GPUImage 라이브러리로 스틸 사진을 캡쳐할 수 있는 카메라를 만들어보겠습니다. 먼저, 뷰에 카메라 영역을 만듭니다. 기본뷰를 GPUImageView 로 상속을 받습니다.추후 촬영버튼 및 필터를 선택할 수 있는 뷰영역을 제외하고 정사각형의 뷰를 올리고, 클래스 명을 GPUImageView으로 적어줍니다. 그리고 나서, UIButton으로 촬영 버튼을 만들어줍니다. 스토리보드의 뷰 컨트롤러에 올린 GPUImage..
[Angular2+] 유용한 Angular2+ 라이브러리 모음 * 이 문서는 지속적으로 업데이트 될 예정입니다 이번에 Angular2 로 프로젝트를 진행하면서 레퍼런스가 없어서 많은 어려움을 겪었습니다. 다행히 능력자님들이 이미 만들어 배포해두신 Angular2+ Component 들이 많아서 큰 도움을 받았습니다. 그 중 몇 개를 소개하려고 합니다. Angular 2+ Components & Libraries http://laptrinhx.com/topic/26993/angular-2-components-libraries#ui-components 유용한 Angular2 컴포넌트 라이브러리들을 링크로 정리한 문서 (아래에 소개할 링크도 일부 포함되어 있습니다) 필요한 부분을 찾을 때 참조하면 좋습니다. Swiper https://github.com/ksachdeva..
안드로이드에서 당겨서 새로고침(SwipeRefreshLayout) 쉽게 구현하기 앱을 개발 하다보면 필수 기능중에 하나가 보고 있는 리스트나 상세 페이지등을 새로고침 하는 것 입니다. 몇년 전 까지만 하더라도 새로 고침 기능이라고 하면 아이폰 처럼 뷰를 당기면 공간이 벌어지면서 새로고침 하는 방식을 많이 사용 했습니다.(여전히 이 방법을 사용하는 앱은 많습니다.) 해당 새로고침을 기능을 제공 하려면 개발가 하나하나 구현 해야해서 쉽지 않은 기능 중 하나였습니다. 하지만 지금은 android 레이아웃중 SwipeRefreshLayout을 제공하여 레이아웃만 추가한다면 별다른 구현 없이도 위에서 아래로 내려오는 새로고침 기능을 사용 할수 있게 되었습니다. SwipeRefreshLayout을 간단하게 구현하는 샘플 코드를 작성해 보겠습니다. 1단계 : 레이아웃 새로고침이 될 뷰를 Swip..
angular2 양방향 데이터 바인딩 Angular에서 정말로 놀랄만한 기능을 꼽자면 아마도 어플리케이션과 뷰의 데이터를 상호 공유하는 양방향바인딩 기능일 것입니다. Angular2 이후부터는 내장된 ngModel을 사용하는 방향과 별도 지시자(directive)를 사용하여 양방향 데이터 바인딩을 구현할 수 있습니다. 양방향 데이터 바인딩양방향 데이터 바인딩은 단방향 바인딩과 달리 뷰와 컴포넌트의 상태 변화를 상호 간에 반영합니다. 양방향 바인딩을 사용하기 위한 가장 기본적인 출발은 FormsModule의 ngModel 지시자를 사용합니다. Angular2 이후부터는 ngModel을 속성바인딩과 이벤트바인딩을 합친 형태로 제공합니다. 아래의 소스를 살펴보면 Hello {{username}}! ngModel을 사용하여 손쉽게 양방향 바인딩을 ..
Angular2 양방향 바인딩에서 한글이 짤리는 문제 남도패스 사이트 운영중에 사용자로부터 다음과 같은 오류사항을 접수 받았습니다. 말씀주신 오타는 저희의 오타가 아닌 입력 부분 오류임을 말씀드립니다. 1. 업장명 등 글자를 입력하면 끝 글자는 자음만 표시가 됩니다. 예) 유명횟집-유명횟ㅈ 저희는 지금 맨 마지막 글자만 스페이스바로 임의적으로 입력하고 있습니다. 2, 전체적인 글자가 안 보이는 현상 (그러떄가 있고 안 그럴 때가 있어요) 예) 서대회 제공 - 대회 제공 앞글자가 안 나옵니다. 혜택뿐 아니라 다른 텍스트 입력에도 나오는 현상입니다. 아래 상세 내용은 입력해도 홈페이지에 안 나오네요. 사용자는 정확히 입력하였지만, 마지막글자가 반영되지 않는 것을 확인할수 있었습니다. 한글과 같은 조합형 문자의 경우 일반적으로 글자를 입력 후 스페이스나 엔터 등..
[iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 1부(cocospods) 안녕하세요. 플랫폼사업팀에서 ios개발 업무를 담당하고 있는 남산타워입니다. 첫 게시글은 어떤글이 좋을까 고민하다가, 강좌를 생각하게 되었습니다. ios 개발자라면, 모두들 오픈소스를 많이 이용하실꺼같은데요. 오픈소스를 이용해서, 쉽게 앱을 제작하는 하는 강좌를 써보려 합니다. 요즘 앱 순위중에 가장 상위에 있는 앱이 카메라 앱인데요. 여러 필터들을 이용해서, 예쁜 사진을 만들 수 있습니다. 엄청 어려운 부분이지만, 오픈소스를 이용하면, 간단하게 만들 수 있습니다. 일단 강좌는 총 3부로 구성해보았습니다. [iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 1부 (cocospods)[iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 2부 (카메라)[iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - ..
android 플랫폼 버전 분포 (2017.7.6 기준) 안드로이드 프로젝트 시작 초기에 고민하는 내용 중 한가지가 플랫폼 버전을 어디서 부터 지원 할것 이냐 하는 문제 인 것 같습니다. 지원 하는 버전에 따라 개발시에 신경 써야 할 부분이 달라지는 만큼 중요한 문제라고 생각 하는데요. 그래서 많이 참고 하는 정보가 android developer 사이트에서 제공해주는 플랫폼 버전 분포도 입니다. 대시보드에서 제공해주는 플랫폼 버전 정보를 보면 너무 낮은 비중을 차지 하는 버전에 대해서는 과감히 포기 할수 있게 하는 객관적인 지표가 되어 주는 것 같습니다. 현재(2017.7.6 기준) 까지의 분포도를 보면서 이야기를 계속 하겠습니다. 출처 : https://developer.android.com/about/dashboards/index.html#Platform..