본문 바로가기

분류 전체보기

(332)
스타트업 그로스해킹 성공사례 (해외) * 다음 글은 '그로그 해킹(라이언 홀리데이 저)' 과 '그로스 해킹:성장의 시대를 위한 안내서'(조민희 저/디지털북스) 책에 있는 글을 참고해서 작성되었습니다. * 이 문서는 계속해서 업데이트 될 예정입니다 HotMail 핫메일 핫메일은 최초의 무료 웹 메일 서비스입니다. 창립자들은 처음에 일반적인 방식대로 광고판에 광고를 하거나, 라디오 광고를 하거나, 스팸 메일을 불특정 다수에게 뿌려 광고하는 방식의 마케팅을 고려했습니다. 그러다가 핫메일의 투자자 중 한 명인 티모시 드레이퍼가 핫메일의 모든 보내는 이메일 밑에 문구 하나를 추가할 것을 제안했다고 합니다. 보내는 이메일의 맨 밑에 '추신: 당신을 사랑합니다. 핫메일에서 무료 이메일 계정을 받으세요 (P.S.: I love you. Get your f..
[부트스트랩] 소개와 사용 방법 부트스트랩 소개 부트스트랩은 웹 디자인을 어떻게 하며 편리하게 할 수 있을까하는 목적에서 나온 프레임워크입니다. 실제로 부트스트랩을 활용하면 웹 디자인에 쏟아야 하는 노력을 절반이하로 줄일수 있으며, 특히 반응형 웹에 대한 고민을 혁신적으로 해결해 줄 수 있습니다. 부트스트랩은 Mark Otto와 Jacob Thornton에 의해 Twitter에서 개발되었으며, GitHub에서 2011 년 8 월 오픈 소스 제품으로 출시되었습니다. 부트스트랩 설치 부트스트랩 설치는 부트스트랩 사이트에서 다운로드 받은 후 크게 3가지 방법으로 사용할 수 있습니다. 웹서버에 올려서 사용하는 방법CDN(Contents Delivery Network)을 이용하는 방법Bower라는 패키지를 이용하는 방법 가장 많이 이용하는 방법..
[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..
[AWS] S3 버킷 통한 정적 웹사이트 구성하기 오늘은 AWS의 저장소 기능인 S3를 활용하여 정적 웹사이트 호스팅을 적용하는 방법에 대해 알아 보겠습니다. 먼저 S3 버킷 생성을 위하여 AWS 의 S3 메뉴로 이동합니다. 최근 S3 메뉴화면이 리뉴얼 되었습니다. 새로운 S3 콘솔화면이 나타납니다. “이전 콘솔로 전환” 버튼을 클릭하면 예전 콘솔화면으로 돌아갈수 있지만 새로운 콘솔화면을 통해 S3 버킷을 생성해 보도록 하겠습니다. “버킷만들기” 버튼을 클릭합니다. 버킷이름 과 버킷 리전을 입력하고 “생성” 을 선택합니다. 버킷이 생성되었습니다. 생성된 버킷명을 선택하면 버킷정보 화면이 표출됩니다. “업로드” 버튼을 선택하고 테스트용 index.html 파일을 업로드 합니다. index.html 파일은 웹사이트 호스팅시 최초표출될 화면으로 임의의 파일을..
안드로이드에서 당겨서 새로고침(SwipeRefreshLayout) 쉽게 구현하기 앱을 개발 하다보면 필수 기능중에 하나가 보고 있는 리스트나 상세 페이지등을 새로고침 하는 것 입니다. 몇년 전 까지만 하더라도 새로 고침 기능이라고 하면 아이폰 처럼 뷰를 당기면 공간이 벌어지면서 새로고침 하는 방식을 많이 사용 했습니다.(여전히 이 방법을 사용하는 앱은 많습니다.) 해당 새로고침을 기능을 제공 하려면 개발가 하나하나 구현 해야해서 쉽지 않은 기능 중 하나였습니다. 하지만 지금은 android 레이아웃중 SwipeRefreshLayout을 제공하여 레이아웃만 추가한다면 별다른 구현 없이도 위에서 아래로 내려오는 새로고침 기능을 사용 할수 있게 되었습니다. SwipeRefreshLayout을 간단하게 구현하는 샘플 코드를 작성해 보겠습니다. 1단계 : 레이아웃 새로고침이 될 뷰를 Swip..
angular2 양방향 데이터 바인딩 Angular에서 정말로 놀랄만한 기능을 꼽자면 아마도 어플리케이션과 뷰의 데이터를 상호 공유하는 양방향바인딩 기능일 것입니다. Angular2 이후부터는 내장된 ngModel을 사용하는 방향과 별도 지시자(directive)를 사용하여 양방향 데이터 바인딩을 구현할 수 있습니다. 양방향 데이터 바인딩양방향 데이터 바인딩은 단방향 바인딩과 달리 뷰와 컴포넌트의 상태 변화를 상호 간에 반영합니다. 양방향 바인딩을 사용하기 위한 가장 기본적인 출발은 FormsModule의 ngModel 지시자를 사용합니다. Angular2 이후부터는 ngModel을 속성바인딩과 이벤트바인딩을 합친 형태로 제공합니다. 아래의 소스를 살펴보면 Hello {{username}}! ngModel을 사용하여 손쉽게 양방향 바인딩을 ..
[AWS] Lambda + API GateWay를 이용해 간단한 RESTful API 만들기 #1 안녕하세요. '남산 아래 개발자들' 블로그에서 막내를 담당하고 있는 남산돈가스입니다. 이번 블로그에선 AWS에서 제공하고 있는 서비스인 API Gateway와 Lambda를 이용해 간단한 RESTful API를 만들어보는 시간을 가질 예정입니다. 내용의 이해를 돕기 위해서 #1, #2를 각각 나누어 Lambda와 API Gateway를 나누어 게시하도록 하겠습니다. 그렇다면 우선 Lambda는 무엇인가 싶으실텐데요. Lambda란? AWS Lambda를 사용하면 서버를 프로비저닝하거나 관리할 필요 없이 코드를 실행할 수 있습니다. 사용한 컴퓨팅 시간만큼만 비용을 지불하고, 코드가 실행되지 않을 때는 요금이 부과되지 않습니다. Lambda에서는 사실상 모든 유형의 애플리케이션이나 백엔드 서비스에 대한 코드..