본문 바로가기
BGMs 개발기 (YouTube 플레이리스트 공유 및 원격 음악 재생 서비스) 회사 초창기부터 5년가량 내부에서만 사용하던 쥬크박스 시스템을 오픈하였습니다. 쥬크박스 개발기를 적어보려고 합니다. 이번 글에서는 어떻게 쥬크박스가 나오게 됐는지, 어떻게 개발했는지 등에 대해서 이야기해보겠습니다. 창업 초기 노동요가 없으면 견딜 수 없는 CTO가 노래가 없는 사무실은 너무나 쓸쓸하다며 유투브를 이용하여 뚝딱뚝딱 쥬크박스를 만들었었습니다. (네. 제가 만들었습니다. ㅎㅎ) 노래를 추가할 수 있는 권한은 동등해야하기 때문에 직원들 모두 노래를 추가할 수 있어야 했습니다. 그래서 플레이어를 하나 두고 각자의 자리에서 노래를 추가할 수 있는 쥬크박스 시스템을 구상했습니다. 이런 쥬크박스... 창업초기기도 했고 내부에서 사용하기 때문에 무료, 무료무료무료가 매우 중요했습니다. 그래서 우리의 CT.. 더보기
UX의 기본, 와이어프레임은 어떻게 작성하는 것일까 Wireframe (와이어프레임) 사용자 경험의 기본이자 핵심이라고 할 수 있는 와이어프레임은 기초적인 골격을 통해 만들고자 하는 결과물이 어떤 모습을 할 것인지를 예상해 볼 수 있는 중요한 문서입니다. 그렇다면 와이어프레임은 어떻게 작성해 나가는 것일까요? 와이어프레임은 일반적으로 제품이나 서비스의 모든 부분을 흑백으로 그린 개념도 혹은 그림으로 표현됩니다. 색상에 현혹되지 않고 기본적인 내용에 집중하기 위해서 흑백 (혹은 단색)으로 그려집니다. 와이어프레임에서 보여줘야 하는 기본적인 내용은 아래와 같습니다. 1. 화면에 어떤 정보가 나타나야 하는가? 2. 어떤 레이아웃을 가져야 하는가? 3. 어떤 세부 모습이 나타나야 하는가? 4. 어느 부분과 이어지며 어디로 이어져야 하는가? 5. 네비게이션은 적절.. 더보기
PHP를 편하게 개발하기 위한 알뜰 함수 5선 php로 개발을 시작하면서 php 내의 함수는 정말 다양하고 수가 많기 때문에 php 매뉴얼을 자주 찾아보게 되었는데요. 그중에서 잘 알려지진 않지만 알고 나면 알뜰하게 쓰일 함수들 5개를 선정하여 알려 드리려 합니다. 함수 목록 1. exec 2. uniqid 3. array_walk 4. setlocale 5. shuffle 1. exec() php 내에서 리눅스 명령어를 사용할 수 있다!! 리눅스 명령어를 php 내에서 사용할 수 있게 하는 함수입니다. 사용법 string exec ( string $command [, array &$output [, int &$return_var ]] ) exec("리눅스 명령어", "결과를 저장할 변수명" , "에러 발생 시 저장할 변수명") 사용 예시 $exec.. 더보기
웹개발자를 위한 기초 사용성(UX)에 대한 고찰 사용자 경험 (UX) 사용자경험 (이하 UX )은 IT 업계 뿐만 아니라 대부분의 업종에서 중요한 이슈로 자리를 잡았습니다. 아마도 UX라는 말을 처음 들어보는 분은 많지 않을 것이라 생각합니다. 이번 글에서는 왜 개발자가 UX를 왜 알아야 하고 어떻게 배워가야 하는지에 대해 개론적인 수준으로 이야기해보고자 합니다. 최근 서점의 UX 관련 책자에는 “이 글을 읽어야 하는 사람”목록에 개발자, 엔지니어가 포함되기 시작했습니다. 그 동안 디자이너의 영역으로 여겨지던 UX의 개념이 점차 확산되고 있는 것입니다. 그런데 한가지 의문이 듭니다. 왜 개발자가 UX에 대한 이해가 필요할까요? 가장 명확한 이유는 그것을 만드는 사람이 개발자이기 때문입니다. 기획자나 UX디자이너, UI디자이너 등 이해관계자가 어떠한 훌.. 더보기
사용자경험(UX)을 이해하는 팀원이 되기 위하여 UX란 무엇인가. 사용자 경험(使用者經驗, User Experience 유저 익스피리언스, 간단히 UX)는 사용자가 어떤 시스템, 제품, 서비스를 직, 간접적으로 이용하면서 느끼고 생각하게 되는 총체적 경험을 말한다. 이는 단순히 기능이나 절차상의 만족뿐 아니라 전반적으로 지각 가능한 모든 면에서 사용자가 참여, 사용, 관찰하고 상호 교감을 통해서 알 수 있는 가치있는 경험이다. 이러한 긍정적인 사용자 경험의 창출은 산업 디자인, 소프트웨어 공학, 마케팅, 및 경영학에서 중요 과제이며 이는 사용자의 니즈 만족, 브랜드의 충성도 향상, 시장에서의 성공을 가져다 줄 수 있는 주요 사항이다. 반면 부정적인 사용자 경험은 사용자가 원하는 목적을 이루지 못할 때나 목적을 이루더라도 감정적 또는 이성적으로 경제적으.. 더보기
클라이언트가 궁금해하는 IT 서비스 개발 #2 안녕하세요. 지난 클라이언트가 궁금해하는 IT 서비스 개발 #1에 이어 2편을 작성해보려 합니다. 1편에 여러 이야기를 담으려고 했는데 하나하나 답변이 길어지는 바람에 2편을 작성하기로 하였습니다. 자고로 글은 길면 읽는 맛이 떨어지는 법이죠! 시작합니다요오오 1. 기획은 어떻게 해주시는 건가요? 많은 분들이 기획에 어려움을 가지고 계시고 기획, UX/UI에 대한 문의를 많이 해주십니다. 뭐 기획이야 간단하게 클라이언트 분들과 많은 시간을 함께하고 대화를 열심히 해서 좋은 기획을 만드려고 노력합니다. 신기술이 있다면 제안드리고 좀 더 좋은 UX를 위해서 기존의 기획을 변경도 해가면서 말이지요. 이런 이야기가 듣고 싶으셨던 건 아니었을 거고 실제 결과물이 어떻게 나오는지 궁금해하실 것 같습니다. ^____.. 더보기
쇼핑몰 제작 SEO 작업기 : 네이버 검색 등록 쇼핑몰 웹사이트 제작의 마무리는 무엇일까요? (잔금받기요!) 바로 네이버같은 포털사이트에 쇼핑몰이 검색이 되도록 작업을 하는 것입니다. 그러기 위해 우리는 사이에 타이틀, 디스크립션같은 메타 태그를 입력을 하게 됩니다. 이를 입력함으로써 SEO를 용이하게 해줍니다. 메타태그 입력을 제대로 했다면 네이버 같은 경우는 따로 사이트 등록이 필요없이 검색봇이 수시로 데이터를 수집하여 검색 데이터가 노출됩니다. 그러나 무슨 일인지는 모르겠지만 메타태그를 잘 입력했더라도 네이버가 제대로 노출을 못시켜주는 경우가 있어요. 그렇습니다. 저는 카페24를 통해 쇼핑몰을 만들 때, 네이버에서 사이트 검색 노출 작업을 하면서 정말 고생을 하였고 그 일을 토대로 글을 써볼까 합니다. 1. SEO 필수요소 다 입력 했는데도 네이.. 더보기
클라이언트가 궁금해하는 IT 서비스 개발 #1 앱/웹 개발을 진행하며 많은 클라이언트 분들을 만나고 미팅을 진행해보면 거의 물어보시는 게 비슷비슷합니다. 물론 IT 서비스에 이미 많은 경험을 하시어 궁금해 하기보다 먼저 "이 기술로 만들어 주시죠."라고 하시는 분들도 계십니다. 그렇지만 경험상 대체로 "나는 아무것도 모른다. 전부 다 알려줘야 한다"의 경우가 많습니다. 그. 래. 서 준비해보았습니다. 미팅 시에 가장 많이 듣는 질문과 물어보진 않지만 자연스럽게 알려드려야 하는 내용들에 대해서 이야기해보겠습니다. (업계 분들은 이 글 내용이 너무나 쉬운 내용이므로 스킵을 추천드립니다.) 1. 반응형과 모바일 웹을 따로 만드는 건 뭐가 다른가요? PC/Mobile 웹 사이트는 당연히 함께 의뢰하게 됩니다. 모바일에서 서비스를 하지 않을게 아니라면 말이죠.. 더보기

티스토리툴바