Angular2 양방향 바인딩에서 한글이 짤리는 문제

남도패스 사이트 운영중에 사용자로부터 다음과 같은 오류사항을 접수 받았습니다. 말씀주신 오타는 저희의   오타가 아닌 입력 부분 오류임을 말씀드립니다. 1. 업장명 등 글자를 입력하면 끝 글자는 자음만 표시가 됩니다.  예) 유명횟집-유명횟ㅈ     저희는 지금 맨 마지막 글자만 스페이스바로 임의적으로 입력하고 있습니다. 2, 전체적인 글자가 안 보이는 현상 (그러떄가 있고 안 그럴 때가 있어요)  예) 서대회 제공 - 대회 제공     앞글자가 안 나옵니다. 혜택뿐 아니라 다른 텍스트 입력에도 나오는 현상입니다.    아래 상세 내용은 입력해도 홈페이지에 안 나오네요. 사용자는 정확히 입력하였지만, 마지막글자가 반영되지 않는 것을 확인할수 있었습니다. 한글과 같은 조합형 문자의 경우 일반적으로 글자를 입력 후 스페이스나 엔터 등을 통하여 문자 입력을 완료한 시점에 compositioned라는 이벤트가 발생하고, 이 이벤트에 따라 Angular는 양방향 바인딩을 처리 합니다.  작성중인 문자를 모두 바인딩하기 위해서는 Angular에서 제공되는 COMPOSITION_BUFFER_MODE를 변경합니다. 프로젝트 전체에서 일괄반영하기 위해 app.module.ts 에서 valueProvider를 사용하여 주입시켜 주면 됩니다. import { CUSTOM_ELEMENTS_SCHEMA , NgModule, NO_ERRORS_SCHEMA } from '@angular/core' ; import { BrowserModule } from '@angular/platform-browser' ; import { BrowserAnimationsModule } from '@angular/platform-browser/animations' ; import { LocationStrategy...

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

이미지
안녕하세요. 플랫폼사업팀에서 ios개발 업무를 담당하고 있는 남산타워입니다. 첫 게시글은 어떤글이 좋을까 고민하다가, 강좌를 생각하게 되었습니다. ios 개발자라면, 모두들 오픈소스를 많이 이용하실꺼같은데요. 오픈소스를 이용해서, 쉽게 앱을 제작하는 하는 강좌를 써보려 합니다. 요즘 앱 순위중에 가장 상위에 있는 앱이 카메라 앱인데요. 여러 필터들을 이용해서, 예쁜 사진을 만들 수 있습니다. 엄청 어려운 부분이지만, 오픈소스를 이용하면, 간단하게 만들 수 있습니다. 일단 강좌는 총 3부로 구성해보았습니다. [iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 1부 (cocospods) [iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 2부 (카메라) [iOS 강좌] 오픈소스로 쉽게 카메라 앱 만들기 - 3부 (필터) 일단 첫 시간에는 CocosPods를 파헤쳐보겠습니다. CocosPods는 ios 개발자라면, 한번은 들어보셨을꺼예요. cocosPods는 Objective-C 코코아 프로젝트의 종속적 관리자입니다. 쉽게 말해, 오픈소스나 라이브러리를 관리할 수 있게 해주는 도구 인데요. xCode에서 플러그인를 설치하고 이용했으면 좋았으나, 별도의 프로그램입니다. 이 도구를 만들어준 개발팀에 감사해야합니다. 자세한 사항은 아래의 cocosPods 사이트에 접속해서 상세히 알아보시면 될꺼같습니다. https://cocoapods.org/ 그럼 시작하겠습니다. 1. 프로젝트 생성 2. CocosPods 다운로드 3. CocosPods 설치 4. CocosPods 설정 및 라이브러리 설치 1. 프로젝트 생성 프로젝트를 생성합니다. 2. CocosPods 다운로드 터미널에서 cocosPods를 다운받습니다. 맥의 파인더를 열고, 터미널을 실행합니다. ( 파인더/응용프로그램/유틸리티) 터미널이 실행 되면, 다운로드를 받습니다. 명...

스타트업 성장 곡선 The Startup Curve

이미지
* 다음 글은 '그로스 해킹'(조민희 저/디지털북스) 책에 있는 글을 참고해서 작성되었습니다. Paul Graham 이 그린 스타트업 성장 곡선이 책에 있는데 영어로 되어 있어서 사전을 참고해서 (ㅋㅋ) Startup Curve 를 다시 그려 보았습니다.  (원래 그림:  http://www.businessinsider.com/chart-of-the-day-the-startup-curve-2012-3 ) 대부분의 실리콘밸리 스타트업들이 겪는 Process 라고 합니다 1번 단계 ( 제품 출시 초기) 얼리어답터들이 유입되어서 일시적으로 성장곡선이 상승하는 때입니다 얼리어답터들은 우리의 타겟층이 아니더라도 단지 그것이 새롭기 때문에 써보는 사람들이기 때문에, 호기심에서 써보다가 신섬함이 사라지면 금방 그 제품을 쓰지 않기도 합니다. 얼리어답터들은 보통 전체 구매자들 가운데 2.5% 밖에 되지 않는다고 해요. 그래서 1번 단계는 마치 가파르게 성장한 것 같지만 금방 거품이 꺼진 것처럼 보이죠 2번 단계 출시한 제품을 써본 얼리어답터들이 빠져나간 자리에는 적막이 감도는데요 실리콘밸리에서는 이 기간을 슬픔의 골짜기 (Trough of Sorrow) 라고 부른다고 합니다.  성장곡선이 침체에 빠지는 이 단계가 되면 모든 작업자들이 이런 생각을 한다고 해요 기획자 - 새로운 아이디어를 내놓아야 해 디자이너 - UI 가 뭔가 이상한 게 분명해요. 다 수정해야겠어요 개발자 - 문제가 있는 거 같아서 코드를 전면적으로 리팩토링 해야겠어요 마케터 - 유명한 인플루언서를 확보해서 그들을 통해 홍보를 좀 더 적극적으로 해야해요 . . 그런가 하면 초기 제품 사용자들의 의견도 하나 둘씩 나오기 시작하죠 사용자 A - 이 부분 좀 이렇게 고쳐주세요 사용자 B - 이런 기능이 좀 있었으면 좋겠는데 . . 그...

AWS 계정간 EC2 인스턴스 공유하기

이미지
AWS를 사용하다보면 EC2 인스턴스를 다른 계정에서 사용하고 싶은 경우가 생기게 됩니다. Free-Tier 이용 목적으로 만든 개인계정에서 생성한 이미지를 업무용 시스템에 적용하고 싶다거나 특정 사용자에게 본인이 구성한 이미지를 공유하고자 하는 경우 입니다. 이러때는 AWS 에서 제공되는 IMAGE 공유 기능을 사용하면 이용합니다. 편의상 EC2 이미지가 있는 계정을 공유계정 AMI 이미지를 공유 받을 계정을 구독계정 으로 명명 하겠습니다. 우선 EC2 인스턴스가 생성되어 있는 공유계정 에서 AMI 이미지를 생성합니다. Ec2 - Instances 에서 이미지 생성을 위한 인스턴스를 선택한 후 상단메뉴의 Action -image - Create Image 를 선택합니다. 이미지 생성시에 인스턴스는 자동으로 재부팅 됩니다. 인스턴스가 재부팅되는 것을 방지하기 위해서는 No reboot 항목에 체크 합니다. Create Image 버튼을 클릭하면 이미지 생성이 시작 됩니다. 이미지가 생성될 때 이미지를 공유하기 위하여 공유대상 AWS 계정 ID 가 필요합니다. 공유계정에서 로그아웃 한 후 구독계정 으로 다시 로그인 합니다. 우측상단 사용자 정보에서 My Account   를 선택합니다. 계정설정 의 계정 ID 항목이 보입니다. 해당 번호를 복사하여 기록해 둡니다 이제 다시 EC2 이미지를 생성했던 공유계정 으로 로그인 합니다. EC2 - images - AMIs 항목으로 이동하면 조금전에 수행한 이미지 생성 작업이 완료 되어 있을 것입니다. 이미지 생성이 정상적으로 완료 되었다면  Status 항목이 Pending 에서 available 로 변경되어 있어야 합니다. 이제 완료된 이미지를 선택한 후 공유 설정을 진행 합니다. Actions - Modify Image Permissions 을 선택합니다 ...

[공지] '남산 아래 개발자들' 블로그 글 작성요령

이미지
' 남산 아래 개발자들 ' 블로그의 글 작성요령에 대해서 공지드리겠습니다. ' 남산 아래 개발자들 '은 팀 블로그로써, 여러 명의 관리자를 두고 블로그가 운영되고 있습니다. 그렇기 때문에, 독자들이 블로그에 들어와 각 게시물들에 대해서 어색함없이 글을 열람할 수 있게 하기 위하여 글 작성에 대한 가이드라인을 제시하려고 합니다. 가이드라인을 제시하기에 앞서 게시글은 아래와 같은 카테고리를 기준으로 작성됩니다. Platform - 플랫폼 관련 된 내용  AWS - 아마존 웹서비스에 관한 내용  Mobile - WebApp, NativeApp에 관련 된 내용 정보 - 팀 내에서 진행하는 스터디 및 개인적인 정보 공유 이프에게 엘스를 위하여 - 아이프렌즈펫 관련 내용 Design  - UI/UX 등 디자인에 관련한 다양한 내용 남산이야기 - 남산, 명동, 충무로 등 지역 관련 내용 및 우리 팀 이야기 Book 리뷰 - 본인이 읽은 책에 대한 후기 및 정보 공유 공지 - 블로그 운영 및 독자들에 대한 공지사항 글 작성 가이드라인 Blogger 자체적으로 게시글의 카테고리를 분류하여 게시하는 기능을 제공하지 않기 때문에 카테고리를 분류하려면 글 쓰기 우측 탭에 있는 태그에 카테고리 명을 등록합니다. ex) [Platform], [남산이야기], [AWS] 게시 글의 내용은 필히 등록한 카테고리 태그에 관련한 내용으로 작성되어야 합니다.  또한 게시 중 본인이 작성한 내용이 아닌 다른 자료에 대한 출처 표시는 반드시 기재합니다. 카테고리로 작성한 태그와 별도로 해당 게시물의 대한 태그는 2개 이하로 자유롭게 등록하시면 됩니다. 위 그림처럼 먼저 카테고리에 대한 태그를 []안에 작성한 뒤, 게시물에 대한 태그는 2개 이하로 자유로운 작성하면 됩니다. 여기까지 블로그 글 작성요령에 대해서 설명드렸습니다. 앞으로 이러한 가이드라인에 따라 블로그를 함께 운영해나갈 것이며, 모든 게시자들이...

android 플랫폼 버전 분포 (2017.7.6 기준)

안드로이드 프로젝트 시작 초기에 고민하는 내용 중 한가지가 플랫폼 버전을 어디서 부터 지원 할것 이냐 하는 문제 인 것 같습니다. 지원 하는 버전에 따라 개발시에 신경 써야 할 부분이 달라지는 만큼 중요한 문제라고 생각 하는데요. 그래서 많이 참고 하는 정보가 android developer 사이트에서 제공해주는 플랫폼 버전 분포도 입니다. 대시보드에서 제공해주는 플랫폼 버전 정보를 보면 너무 낮은 비중을 차지 하는 버전에 대해서는 과감히 포기 할수 있게 하는 객관적인 지표가 되어 주는 것 같습니다. 현재(2017.7.6 기준) 까지의 분포도를 보면서 이야기를 계속 하겠습니다. 출처 : https://developer.android.com/about/dashboards/index.html#Platform 가장 최신 버전인 누가의 점유율이 총 11.5%로 10%가 넘은 것이 가장 눈에 띄는 점이라고 할 수 있을 것 같습니다. 올 1월 기준으로 약 1%로 밖에 되지 않던 누가의 점유율은 반년정도가 지난 시점에 10%가 넘어서 빠른 속도로 증가 하고 있습니다. 올 상반기에 삼성, 엘지등 제조사들의 최신 단말들이 누가로 출시된 부분과 기존 단말의 업데이트 지원이 큰 상승폭의 이유라고 할 수 있겠습니다. 가장 큰 점유율을 차지하고 있는 것은 마시멜로우 입니다. 어쩌면 기존의 안드로이드 플랫폼 버전 분포도를 생각하면 당연한 일이라고 생각이 됩니다. 아이폰의 경우 신규 버전이 나온 후 일정 기간이 지나고 나면 최신 버전의 점유율이 굉장히 높습니다. 하지만 안드로이드는 플랫폼 버전 업데이트가 제조사에 의해 결정 되는 만큼 업데이트보다는 신규 단말의 출시로 인한 최신 버전의 점유율이 올라 가는 비중이 높다고 생각이 됩니다. 이런 이유로 인하여 안드로이드는 항상 최신 버전이 출시되고 약 1년 가까이 시간이 흐르면 이전 버전의 점유율이 가장 높은 것이 대부분 이었기 때문에 마시멜로우의 점유율이 높은 것은 당연한일 이라 생각이 됩니다. 그 다음으로 높...