CyberImagination BLOG 217

비단결처럼 부드러운 사이트를 만들기 위해

안녕하세요. 이번에는 부드러운 사이트를 만들기 위해 도움되는 아티클들을 소개하려고 합니다. 최근 웹에 복잡하고 화려한 UI가 많아지고 있습니다. 이러한 UI들을 잘못 구현하게 되면 사이트가 뚝뚝 끊기는 현상이 일어나 사용자들에게 불편함을 줄 수 있습니다. 최근의 브라우저들은 모니터 혹은 기기의 스크린의 화면 갱신속도에 맞춰서 웹 컨텐츠들을 리프레시하도록 설계가 되어있습니다. 최근의 거의 모든 기기들은 1초에 60번 화면을 갱신하고 있어, 브라우저들도 그 횟수에 맞춰 컨텐츠를 갱신하게 됩니다. 반대로 말하면 브라우저상에서 스크롤, 애니메이션, 트랜지션이 일어나게 되면 브라우저는 1초에 60개의 프래임을 만들어야만 합니다. 하지만 그 과정에서 과도한 자바스크립트, 과도한 리페인트등이 일어나게 되면 1개의 프..

프론트엔드 2015.08.13

사내 연애에 대한 직장인 인식조사

안녕하세요. 다들 여름 휴가는 잘 다녀오셧나요?? 이번 주제는 무려 사내 연애에 대한 직장인 인식 조사입니다. 사실 사내연애는 드라마에서 보면 다들 금지 시켜 놓잖아요? 그래서 다들 비밀로 하는 상황을 드라마에서 많이 보았는대 생각외의 결과가 발표되어 여기에 소개 합니다. 이미지 출처 : http://lovetalk.co.kr/1794 1. 사내 연애 경험 첫 번째는 사내 연애 경험에 대해 조사된 결과 입니다. 우리나라 사람 10명중 3명은 사내연애에 대한 경험이 있는것으로 나타 납니다. 특이 한점은 미혼자 보다 기혼자가 더 많다는것... 쏠로들에게 기회를 줍시다 ㅠㅠ... 그리고 직급이 높을 수록 높게 나타나는 특징을 보입니다. 전체 기혼 미혼 대리/사원 과장/차장 부장/임원 기타 경험없음 70.7 6..

유용한 정보 2015.08.07

내가 만든 iOS앱을 앱스토어에 배포해보자 - 개발할 앱 연결과 권한

내가 만든 iOS앱을 앱스토어에 배포해보자 - 개발할 앱 연결과 권한 기기를 등록했나요? 기기를 등록했다면 내가 만들 앱의 최소의 정보와 그에 따른 권한을 연결시켜 주어야 합니다. 먼저, 애플 개발자 사이트에 접속하여 [Identifiers - App IDs] 메뉴로 진입합니다. 위와 같은 목록이 나오는 화면에서 오른쪽 상단 [ + 버튼 ]을 클릭합니다. 앱의 아이디를 기술합니다. 앱의 이름이라고 생각하시면 될것 같습니다. 앱의 번들 아이디를 입력합니다. 단독적인 앱을 만들때 사용합니다. 하단에 Wildcard App ID 는 여러개의 앱을 하나의 번들 아이디 그리고 * (wildcard) 로 구분지어 사용하고자 할때 선택합니다. 여기서는 blog.test 라는 번들 아이디를 입력하겠습니다. 입력 후, ..

앱 개발 2015.08.06

스타트업 성장의 열쇠, 그로스 해킹(Growth Hacking) - 2

이번에는 저번 그로스 해킹 포스트에 이어서 두 번째 포스팅을 쓰려고 합니다. 첫 번째 포스팅이 그로스 해킹의 기본 개념에 관한 것이었다면 이번에는 실전에서 그로스 해킹 기술을 실현하기 위한 방안들을 기술해 보고자 합니다. 본론에 앞서, 그로스 해킹의 개념을 간략하게 정리해보겠습니다. 그로스 해킹이란 스타트업계와 마케팅 세계에서 가장 자주 거론되는 용어 중 하나입니다. 올드 미디어 매체를 통해서 고비용의 광고를 하던 전통적인 마케팅 방법과 다르게, SNS, Email, SEO, 분석툴 등의 뉴 미디어를 이용하여 저비용 고효율의 마케팅활동을 펼쳐 사업의 지속적인 성장을 달성하는 기법입니다. 전통적인 마케팅 방법에 비해 기발하고, 기술에 기반을 두고 있다는 점이 뚜렷한 차이점이라고 할 수 있겠습니다. 그럼 본..

유용한 정보 2015.07.31

Java Multi Process Programming

오늘날 H/W의 급속한 발전으로 기본적으로 multi-core 환경에서 대부분의 server side 개발자가 개발을 하고 있습니다. 하지만 일반적으로 이러한 멀티코어 환경을 잘 이해하지 못한 상태에서 일반적인 코딩을 하여 성능이점을 누리지 못하거나, 생각하지 못한 결과 값을 얻는 경우도 있습니다. 오늘은 Java 의 Multi process programming에 대해서 설명을 하려고 합니다. 사실 multi process programming을 완전히 이해하기 위해서는 Hardware상의 CPU와 Memory 간의 아키텍처에 대한 이해가 필요합니다. 다양한 CPU 아키텍처가 있겠지만 일반적인 Multi-core CPU는 다음과 같은 Hardware Architecture를 가지고 있습니다. Multi..

프론트엔드 2015.07.30

웹에서의 그래픽 다루기 (2편 : HTML5 SVG 도형)

웹에서의 그래픽 다루기 (2편 : HTML5 SVG 도형) 안녕하세요! CX 사업부의 왓썹입니다ㅎㅎ 오늘은 웹에서의 그래픽 다루기(1편:HTML5 SVG 소개) 편에 이어서 포스팅을 이어 나가도록 하겠습니다. 1편에서 SVG 소개를 간단히 하였기 때문에 더 이상의 설명은 하지 않고 바로 SVG의 간단한 사용법부터 알아보도록 하겠습니다. 코드 작성은 webPonent-Publisher 라는 웹포넌트에서 제공하는 편집 툴을 이용해서 작성 할 거에요. 작성된 코드가 실시간으로 적용되어 결과를 바로 바로 확인 할 수 있어서 사용 편의성이 좋기 때문에 자주 사용하는 툴입니다. SVG에서 제공하는 기본 도형은 line, rect, circle, ellipse, text, image, polyline, polygon..

프론트엔드 2015.07.27

PhantomJS로 GRID&CHART를 PDF 출력하기 (2편 : 페이지설정, Header & Footer )

안녕하세요!! CX사업부 MD 태태입니다! 지난번 글 에서 PhantomJS를 이용해서 간단히 Google(우리의 구글신) 화면을 캡쳐했었습니다! 하지만 우리가 단순히 화면만 캡쳐할 거였으면 이미지로 만들었겠죠~ 실제로 PhantomJS를 통하여 동일한 로직을 통해 이미지 파일을 추출할 수도 있습니다. (추출파일 확장자만 바꿔주면 되요) 그러나 우린 문서를 원합니다!! 이미지가 아닌 PDF 문서! 문서형식의 파일에는 여러가지 페이지에 대한 설정들이 들어가게 됩니다. 페이지 여백 설정, 방향설정, 페이지 Header, Footer설정, 페이지 크기 등 다양한 설정을 할 수 있어야 하겠지요. 그렇기 때문에 이번에는! PhantomJS로 그리드&차트 PDF 출력하기 그 두번째 내용으로 PDF 문서의 페이지설정..

GITHUB프로젝트들의 인기 순위와 상위 프로젝트 소개

최근에 http://js.org/이라는 사이트가 세상에 등장했습니다. 자기가 만든 프로젝트의 홈페이지를 무료로 호스팅도 해주고 GitHub에 등록된 프로젝트중 상위 1만개 프로젝트의 순위도 표시해 줍니다. 호스팅되는 도메인명은 http://myproject.js.org입니다. 자바스크립트 개발자인 저는 js.org라는 도메인명이 매우 탐이 납니다. 프로젝트 순위는 Git허브에서 Star수와 fork수가 많은 순대로 표시됩니다. 제가 만든 라이브러리는 없었습니다 (ㅠㅠ). 누적 순위와 함께 일간, 주간, 월간 순위도 제공하므로 요새 급부상중인 프로젝트가 무엇인지 금방 알 수 있습니다. 게다가 이 순위 데이터는 하루에 세번씩 업데이트 되고, 외부에서도 사용할수 있습니다. js.org사이트에서는 1만건의 데이..

유용한 정보 2015.07.16

신혼집은 누가 마련해야 할까?

◆ 결혼 비용 얼마나 들었나?…3,000만~6,000만 원이 제일 많아 결혼할 때 실제로 지출한 금액은 얼마나 될까. 전체 응답자 중 3000만~6000만 원 사이의 돈을 썼다는 응답자가 34.9%로 가장 많았고, 3000만 원 미만이 20.9%로 두 번째로 많았다. 전체 응답자의 절반 이상이 결혼식에 6000만 원 미만의 돈을 썼다. 초기 설정이 필요합니다. 결혼할 때 본인과 부모님(혹은 본인)이 실제로 지출한 금액 차트 by http://www.webponent.com/ 반면 1억~1억5000만 원 사이의 금액을 썼다는 응답자도 9.8%에 달했으며, 이들을 포함해 1억 원 이상 지출한 응답자는 19.6%에 달했다. 5명 중 1명은 결혼식에 1억 원 이상 쓴 것이다. ◆ 부모님 지원 안 받은 결혼 10..

유용한 정보 2015.07.16

내가 만든 iOS앱을 앱스토어에 배포해보자 - 기기 등록

내가 만든 iOS앱을 앱스토어에 배포해보자 - 기기 등록 나의 맥북에 내가 너의 개발자다!! 라고 인식시켰다면다음으로 해야 할 것은 개발할 기기를 등록해야 합니다. 안드로이드와는 다르게 iOS는기기의 일련정보를 개발자 사이트에 입력해야내가 작성한 코드를 USB 연결을 통하여 실제 디바이스 테스트가 가능하기 때문입니다. 실제 디바이스 테스트는 개발자 유료 등록을 마쳐야지만 가능합니다.만약 나의 앱에 인앱결제가 들어간다면 시뮬레이터로는 테스트가 불가능하기 때문에필히 개발자 유료 등록하여야 합니다. USB연결말고도 Ad-Hoc으로 여러사람이 웹에서 다운로드 받아 테스트가 가능하지만이때도 Enterprize 계정이 아닌 이상 테스트할 사람의 모든 기기정보를 입력해야 합니다.이 부분은 추후 Ad-Hoc 계정 웹으..

앱 개발 2015.07.10