스토리 홈

인터뷰

피드

뉴스

조회수 1159

에이스프로젝트 추천도서 - 기획팀 편

안녕하세요!기업 문화가 좋은 야구게임 개발사에이스프로젝트입니다.새해를 맞이하여에이스인에게 유익했던 책들을 소개해드리려고 해요오늘 에이스 추천도서는 기획팀 편이랍니다.게임 개발에 있어서 가장 첫 단계인 게임 기획!에이스프로젝트 기획팀이 추천하는게임 기획자라면 한 번쯤은 읽어보면 좋은 추천 도서 Best 5!1. THE ONE PAGE PROPOSAL - 패트릭 G. 라일리[ 이미지 출처 : 예스 24 ]기획서의 독자는 항상 바쁘게 일하는 동료들이다. 기획 내용을 명료하게 전달하는 것은 기획자의 필수 역량!2. ‘라프 코스터’의 재미 이론 - 라프 코스터[ 이미지 출처 : 예스 24 ]재미가 있진 않지만, 게임 디자인에 대해 여러 가지 생각을 하게 해주는 책3. 로지컬 씽킹 - 테루야 하나코, 오카다 케이코[ 이미지 출처 : 예스 24 ]논리적 사고 능력은 입사 전 이미 결정되어 있다. 하지만 노력을 통해 최소한의 논리적 사고력은 만들 수 있다.4. 좋은 문서 디자인 기본 원리 29 - 김은영[ 이미지 출처 : 예스 24 ]깔끔한 문서 제작의 기본 원칙들을 담아 둔 책5. 기획은 2형식이다 - 남충식[ 이미지 출처 : 예스 24 ]광고쟁이의 기획 이야기,분야는 다르지만 기획하는 방식에 대한 많은 생각을 하게 만드는 책추천도서 5권은 사내 도서로 구비되어있다는 사실!에이스프로젝트 기획팀에서도 열심히 읽으면서기획력을 높이기 위해 노력하고 있어요 ㅇ_<이상 새해 계획이 '독서'인 기획자분들이 읽어보시면 좋을 만한 책 소개였습니다!다음은 '프론트'의 추천도서로 찾아올게요 ;)
조회수 1532

무료 놀이 봉사 플레이파티 -“아이들이 놀이의 주인공입니다”

2016년 2월 20일“아이들이 놀이의 주인공입니다” 놀담은 아이들에게 웃음 가득한 놀이의 시간을 주고자 만들어진 기업입니다.동네의 대학생 형 누나들이 아이들과 함께 놀며 놀이터를 웃음소리로 다시 채우고 있습니다.대학생 놀이 가디언은 아이들의 놀이의 환경을 조성하고 그 맥락을 유지하는 것을 돕습니다.또한 무엇보다 가정에게 안심의 시간을 선물하며 아이들을 안전하게 보호합니다.놀담은 지난 2월부터 17회에 달하는 무료 놀이 나눔 프로젝트, 플레이파티를 진행했습니다.놀이터와 학교, 공원에서 아이들과 함께 놀며 420시간의 놀이시간을 선물했습니다.형 누나들의 관심과 사랑 그리고 무엇보다 최고의 즐거움을 선물할 놀이를 가득 안고 동네의 놀 공간으로 찾아 갑니다.2월의 끝자락에 연세대학교 청송대에서 마포구 어린이들 그리고 연세대학교대학생 언니 오빠가 12차 플레이파티의 자리에서 만났습니다.아이들은 딱지와 바닥놀이에 여념이 없었습니다.아이들은 놀이를 익히고 어느새 선생님이 필요 없이 친구들과 어울려 놉니다.선생님과 아이들이 어울려 무궁화꽃이 피었습니다를 하고 있습니다.아이들에게도 즐거운 시간이지만 대학생 선생님 또한 옛 추억을 생각하며 어린아이가 된 듯 어울립니다.아이들이 몰랐던 할머니꽃이 피었습니다, 앉은뱅이 꽃이 피었습니다를 가르쳐주고아이들은 선생님에게 팽이 꽃을 알려주기도 합니다.여러 아이들이 놀다보면 하고 싶은 놀이가 다른 친구, 혹은 단체 놀이를 어려워하는 친구가 있기 마련입니다.일곱번째 플레이파티에서 만났던 현민이는 첫 삼십분 동안 언니 오빠와의 놀이가 어려웠던 모양입니다.현민이는 워밍업 프로그램 중 하나였던 보물찾기를 계속하고 싶었지만 다른 친구들은 준비된 바닥놀이 프로그램을 하고 있었지요.놀담의 놀이선생님은 아이들의 주도에 이루어지는 놀이를 지향합니다.단체 프로그램이라 모든 아이들의 이야기를 반영할 수는 없지만가능한 모든 아이가 원하는 놀이를 할 수 있도록 다양한 프로그램과 되도록 많은 선생님을 자리에 준비합니다.바닥놀이에 적응하기 어려워했던 현민이는 구석 자리에서 아이들이 노는 모습을 바라만 보고 있었습니다.이 때 희원선생님이 현민이에게 다가가 뭐하고 놀고 싶은 지 물었습니다.현민이는 여전히 보물찾기가 하고 싶다고 대답합니다.희원선생님은 다른 아이들과 선생님이 잘 놀고 있다는 것을 확인한 후현민이와 청송대에서 보물찾기를 하기로 했습니다.도토리, 낙엽잎사귀, 작은 돌맹이와 나뭇가지를 모으느라 시간 가는 줄 몰랐습니다.청솔모가 있다는 이야기에 현민이는 모아둔 도토리를 느티나무 밑동에 가지런히 모아두었습니다.두시간의 놀이가 끝나갈 무렵 청솔모 두 마리를 마주하는 행운이 찾아오기도 했습니다.현민이는 플레이파티가 끝나고 어머니가 찾아오시자 희원선생님에게 모아둔 선물을 전부 주었습니다.희원선생님에게도 현민이에게도 잊을 수 없는 봄날의 추억이되었습니다.날씨가 좋지 않은 날엔 실내에서 놀이를 진행하기도 합니다.실내 놀이는 놀이의 몰입이 실외보다 어렵기 때문에 놀이선생님은 더 다양한 놀이를 준비합니다.아이들은 그 자리에서 놀이의 형태와 방식을 바꾸고 응용해가며 즉석 놀이를 만들어내곤 합니다.딱지치기가 딱지 던지기로, 비행기 접기가 전투기 놀이로 바뀌더라도놀이선생님은 상황에 적응하며 아이들이 놀이를 주도하도록 함께 보조합니다.놀이의 마지막은 항상 샤크로 마무리됩니다.샤크놀이는 4-6세의 아이들에게 적합한 술레잡기형 놀이입니다.두 개의 원을 두고 아이들은 원에서 원 사이를 뛰어다닙니다.술레를 맡은 놀이선생님은 상어, 일명 샤크를 맡아 원과 원 사이에서 아이들을 잡고 잡힌 친구들은 다시 샤크가 됩니다.샤크 놀이는 아이들이 땀나게 뛰어놀 수 있는 놀이입니다. 소리지르며 뛰어다니는 아이들의 얼굴에 웃음이 한가득입니다.놀이가 끝나면 공간 뒷정리와 손씻기로 플레이파티를 마무리합니다.아이들은 언제나 선생님과의 헤어짐을 아쉬워합니다.아이들의 순수함을 느낄 수 있었던 시간이기에 선생님들이 더 많은 선물을 얻어갑니다.선생님과 아이들이 서로 놀아주어서 고맙다며 작별을 하는 중에학부모님은 오늘의 추억을 사진으로 남기고자 단체사진을 찍기도 합니다.놀담은 놀이가 세상을 바꿀 수 있다고 믿습니다.그 첫 걸음으로 노는 것이 제일 좋은 아이들의 놀 권리를 지켜주고 그것이 가능하도록 돕는 일을 하고 있습니다.#잘노는 #이벤트개최 #이벤트후기 #인사이트
조회수 1878

“내 커리어가 두 계단씩 뛰어오르는 자리” 

데이터는 성과를 측정하는 데 빠질 수 없을 만큼 요소이자 주장에 힘을 실어 주는 객관적인 근거입니다. 이 말에 동의하시는 분들이라면 퍼포먼스 마케팅의 중요성을 이미 잘 알고 계실 것 같은데요. 패스트캠퍼스처럼 데이터 기반으로 성과를 분석하는 온라인 마케팅을 진행하는 곳일수록 퍼포먼스 마케터는 마케팅과 매출 최전방에서 중책을 담당하고 있습니다. 이번 글에서는 패스트캠퍼스 퍼포먼스 마케터 김지한님, 한누리님을 모시고 업무에 대한 자세한 이야기를 들어 보았습니다. 안녕하세요 누리님 지한님, 우선 간단하게 자기소개 부탁드리겠습니다.저는 파이낸스 팀에서 퍼포먼스 마케팅을 맡은 한누리입니다. 패스트캠퍼스에서 일한 지 1년 조금 넘었네요.  저는 입사한 지 이제 8개월이 된 김지한입니다. 데이터 사이언스와 크리에이티브 팀 퍼포먼스 마케팅을 담당하고 있습니다. 두 분께서는 패스트캠퍼스에 합류하기 전에 어떤 일을 하셨는지, 어떤 계기로 패스트캠퍼스 퍼포먼스 마케터로 입사하게 되셨는지 궁금합니다. 저는 뷰티 커머스 스타트업에서 2년 조금 되지 않는 기간 동안 다양한 업무를 진행했습니다. 우리 회사로 치면 콘텐츠 마케팅에 가까운 일들을 주로 했었어요. 콘텐츠 만드는 일만으로도 너무 바빠 성과를 제대로 볼 여유가 없어서 아쉬웠는데, 그러다 패스트캠퍼스에서 마케팅 유치원 강의를 들었고요. 내용이 괜찮기에 다른 강의 더 없나 찾아보다 마침 올라와 있던 채용공고를 봤고, 지원서를 넣었는데 합격했어요. 저는 우리 회사의 전일제 교육 과정인 디지털 마케팅 스쿨 출신입니다. 그 전에는 통신유통 쪽 회사에서 4년 동안 일했어요. 원래 경영학과 출신이고 마케팅 분야에 관심이 있었는데, 졸업하고 남들처럼 이름있는 회사에 가려고 노력하다 보니 원하는 직무와 조금 동떨어진 일을 했죠. 온라인 웹페이지 등이 없는 곳이어서 분석 데이터가 크게 유의미하지 않은 업종이기도 했고요.하지만 어느 분야에서건 사업이 성장하려면 온라인 분야 진출이 필수라고 생각했었기에 디지털 마케팅 공부를 시작하게 되었고, 퇴사를 결심한 후 디지털 마케팅 스쿨을 수강했죠. 과정을 수료하고 패스트캠퍼스에서 퍼포먼스 마케터로 일하게 되었고요.지한님께서는 대기업에 계시다 직무를 바꾸시면서 스타트업인 패스트캠퍼스에 입사하신 거네요. 이곳을 선택하신 이유는 무엇인가요? 예전 회사는 복지나 급여가 만족스러웠지만 회사를 다니며 자부심을 느끼기 쉽지 않았어요. 회사가 추구하는 가치, 브랜드 슬로건이 저에겐 중요하더라고요. 퇴사를 고민하며 직무 변경은 물론 스스로 자부심을 가질 수 있는 가치를 공유하는 회사로 가자고 마음먹었는데 패스트캠퍼스가 말하는 ‘인생을 바꾸는 교육’이 눈에 띄었어요. 저 자신이 디지털 마케팅 스쿨을 수료하며 경험하기도 한 성인 직무 교육의 가치에 공감해 패스트캠퍼스에 지원서를 넣었습니다. 패스트캠퍼스 퍼포먼스 마케터는 어떤 일을 하나요? 하루를 어떻게 보내시는지 궁금합니다. 퍼포먼스 마케터의 하루는 다른 포지션을 담당하는 분들보다 빠르게 시작됩니다. 아침 여덟 시쯤 출근해 전날 실적, 홍보비 현황 등의 데이터를 정리해요. 이 데이터를 통해 어떤 부분의 성과가 부진한지 볼 수 있죠. 이를 바탕으로 트러블 슈팅을 진행해 상세페이지, 광고 크리에이티브, 광고 채널 들을 점검하고 우리가 취해야 할 액션들을 정리 및 실행하죠. 데이터 가공, 결과 도출, 문제점 파악, 실행 방안 구상 및 액션. 여기까지가 고정적인 하루 스케줄입니다.중간중간 비는 시간에는 홍보 예정인 강의들의 과거 성과를 분석해 코스 리포트 회의를 진행할 때 활용할 자료를 만들고요. 아, 출근 시간이 이른 만큼 퇴근 시간도 빨라서 업무상 이슈가 없는 날에는 눈치 보지 않고 다른 분들보다 일찍 퇴근합니다.지한님이 말씀하신 트러블 슈팅에 대해 조금 더 이야기 드릴게요. 전날 데이터를 대시보드에 기재하고 현황을 파악한 다음 우리가 지출한 광고비 대비 효율은 어떤지, 마케팅 진행은 결제 대비 어떤 상황인지를 기준으로 퍼널의 문제를 찾아요. 고객분들이 적게 유입되는지, 결제까지 이어지지 않는지, 광고 클릭률이 낮은지 등 문제를 팀 전체에 공유하고 그걸 해결하기 위해 콘텐츠 마케터, 프로덕트 매니저 분들과 회의를 진행하는 거죠.강의 홍보 기간이 보통 한 달 정도인데, 그 기간에 휴일이 많다거나 강의 가격이 부담스럽다거나. 마케팅 차원에서 어찌할 수 없는 외부 요소가 가장 큰 문제일 수도 있어요. 하지만 우리 업무의 핵심은 최대한 빨리 그 상황을 타파할 수 있는 액션을 찾아 ‘당일 바로 실행’ 하는 겁니다. 퍼널상 발견되는 문제들에 대한 모든 개선, 수단과 방법에 대해 고민하고 해결방안 제안하는 게 우리 일이죠. 숫자에 기반을 둔 명확한 근거를 바탕으로! 패스트캠퍼스 퍼포먼스 마케터 직무, 입사 전 생각했던 것과 실무를 진행하는 것에는 어떤 차이가 있을까요?오프라인에서의 마케팅, 유통에 대한 성과 측정이 어려운 건 이전 직장에서 이미 경험해 알고 있었어요. 그런데 온라인 쪽 퍼포먼스 측정도 힘든 점이 있더라고요. 퍼널을 분석하기 위해 저희가 가공해야 하는 데이터가 생각 이상으로 많아요.퍼포먼스 마케팅이라고 하면 깔끔한 대시보드가 있고, 버튼 클릭 한 번으로 데이터를 쉽게 확인할 수 있는 것을 떠올리는 분들이 많을 텐데, 그 대시보드를 만들기 위해 데이터를 가공하고 클렌징하는 게 손이 많이 가는 일이에요. 데이터 팀이 따로 없기 때문에 데이터를 정리하는 작업까지 저희가 진행하는 건 생각했던 것과 다른 부분이죠. 규모가 무척 크지 않은 이상, 웬만한 회사는 저희와 비슷한 상황일 거예요. 시간이 많이 드는 단순 업무가 많이 있어 지루하게 느껴질 수 있어요. 그래서 목적의식 없이 일하다 보면 단순 작업으로만 느껴질 수 있는 일이예요. 정형화된 데이터, 숫자를 확인하는 게 반복되는 일로만 느껴질 수도 있고요. 그렇기에 문제점을 해결하기 위해 한 발짝 더 노력하려는 의지가 필요한 직무입니다. 생각 이상으로 데이터 정리 및 가공에 드는 시간이 많아서, 분석적인 업무를 할 때 시간에 쫓기는 경우도 있을 겁니다. 퍼포먼스 마케팅은 숫자를 다루는 일이니만큼 진입 장벽이 높을 것 같기도 해요. 어떤 분에게 퍼포먼스 마케터 직무가 잘 맞을지, 어떤 분을 동료로 맞이하고 싶으신지 궁금합니다. 엑셀이 익숙하고 숫자를 잘 다룬다면 당연히 좋죠. 하지만 퍼포먼스 마케터에게 그것보다 더욱 필요한 덕목은 커뮤니케이션 능력이라고 생각합니다. 퍼포먼스 마케터는 데이터를 기반으로 논리적인 사고를 펼쳐 관련 업무를 진행하는 분들을 설득할 수 있어야 하니까요. 엑셀이나 구글 스프레드시트 같은 스킬셋은 배우면서 일하면 됩니다. 퍼포먼스 마케터라지만 신입 중에서 숫자와 친한 사람은 정말 드물기도 하고요. 중요한 건 자기 생각을 논리적으로 말할 수 있고, 설득을 할 때 자기 논리만 펼치는 게 아니라 원활하게 커뮤니케이션을 할 수 있는지 여부인 것 같아요. 맞아요. 데이터 추출은 스킬에 가까운 만큼 배워 가며 업무를 진행하면 되니까 큰 문제가 없어요. 지한님 말씀에 조금 덧붙이자면, 인과관계를 잘 파악하는 사람이면 업무가 잘 맞을 것 같습니다. 문제를 객관적으로 볼 수 있어야 하고, 합리적인 대안까지 제안할 수 있어야 해요. 문제만 던지는 건 해결책이 아니잖아요. 다른 동료들의 직무를 충분히 이해하고, 다양한 상황에서 팀원들이 납득할 만한 제안을 할 수 있으면 됩니다. 패스트캠퍼스에서 퍼포먼스 마케터로 일하며 가장 힘든 점은 무엇인지 솔직한 말씀 부탁드립니다. 앞서 말씀드린 데이터 정제 작업에 생각 이상으로 시간이 많이 들어가는 게 가장 힘들어요. 회사가 계속 성장하고 있는 만큼 데이터 양도 늘다 보니, 저희에게 필요한 데이터를 골라 보기 위해 생각 이상으로 많은 가공 과정을 거쳐야 할 때가 있어요. 회사 차원에서도 인력 충원이나 기술 도입 등으로 해결하려 노력 중이지만요. 덧붙이자면, 스타트업의 장점 중 하나가 다양한 것들을 시도해볼 수 있고 시도에 대한 결과가 빠르게 눈에 보이는 것일 텐데요. 이건 누구라도 내가 맡고 있는 직무 내의 업무만 진행할 수는 없다는 이야기이기도 해요. 퍼포먼스 마케팅만 하고 싶은 분이라면 우리 회사가 맞지 않을 수도 있어요. 이런저런 고민이 생기는 직무임에도 불구하고, 이 일을 계속하게 만드는 원동력은 무엇인가요? 여러 가지 업무를 함께 진행한다는 건 단점일 수 있지만, 저에겐 장점도 되는 것 같아요. 저는 퍼포먼스 마케팅 외에 제휴마케팅에도 관심이 있어서 그쪽으로도 이런저런 도전을 해보고 있어요. 주어진 매뉴얼이 있어야 업무를 잘할 수 있는 분에게라면 맞지 않겠지만, 매뉴얼을 나 스스로 만들어가는 걸 즐길 수 있다면 일이 잘 맞을 거예요. 이런 스타트업 문화가 좋아 대기업에서 스타트업으로 이직하시는 분들도 있으니까요. 대기업에서는 한정적인 업무를 맡는 경우가 많은데 여긴 자유도가 높아요. 반대로 말하자면 내 의지와 상관없이 들어올 수 있는 업무도 있다는 건데, 그걸 즐길 수 있는 사람이라면 베스트죠. 패스트캠퍼스는 내가 하고 싶은 일에 자유롭게 도전할 수 있는 분위기가 있어요. 시간에 쫓길 때도 많지만, 마케팅 트렌드를 따라가는 회사라 마케터로 일을 하며 자기발전 하기에도 좋고요. 마지막으로, 두 분께 패스트캠퍼스란 어떤 곳일까요? 레벨업하기에 좋은 곳. 진행하고 싶은 업무를 합리적인 근거와 간단한 보고 체계만 거치면 바로 시작할 수 있어요. 업무 진행에 대해 실시간으로 피드백할 수 있고요. 같이 성장할 수 있는 회사라 생각합니다. 패스트캠퍼스는 교육 회사잖아요. 그래서인지 일을 하며 자연스레 제가 담당하는 카테고리의 지식을 많이 얻어요. 시야도 넓어지고요.조금 오글거리지만 우리 인생을 계단 올라가는 것에 비유한다면, 가끔 계단을 빨리 올라가고 싶을 때는 두 개씩 성큼성큼 오르잖아요. 패스트캠퍼스가 바로 그런 곳이에요. 힘들고 숨찬 하루하루지만 다른 곳보다 빠르게 커리어를 성장시킬 수 있는 곳이에요. * 패스트캠퍼스 퍼포먼스 마케터는? *페이스북, 구글애드워즈, 인스타그램, 네이버 등의 채널을 운영하고 다양한 채널을 조사·활용해 성과를 개선하는 일을 합니다. 패스트캠퍼스의 각 카테고리별로 운영하는 마케팅 캠페인들의 홍보 데이터를 매일 분석하고 프로세스를 최적화하며 주요 지표를 리포트하고, 온 ·오프라인 구분 없이 신규 마케팅 채널을 발굴합니다. 온라인 마케팅 지표들을 기반으로 마케팅 캠페인의 문제점과 개선점을 도출할 수 있는 논리력과 분석력을 지닌 분을 환영합니다.
조회수 1281

“디자인과 기술을 이어주는 존재, 마크업 개발자를 함께 알아볼까요?” - 유저플로우셀 오혜진

'마크업 개발자', 아직은 우리들에게 다소 생소한 직군이죠. '마크업 개발자'는 디자이너와 개발자 사이에서 '오작교' 같은 역할을 하는 아주 중요한 포지션이에요. 오늘은 코인원의 마크업 개발자로 활약 중인 혜진님과 이야기를 나눠보려 해요. 자신의 위치에서 묵묵히 유저 친화적인 웹 환경을 만들어나가고 있는 혜진님을 만나러 가보시죠!사실 이미 혜진님은 지난 4월 13일(토), 테크 업계 여성들의 목소리에 집중하는 소중한 행사 ‘Women Techmakers Seoul 2019’에서 ‘스타트업에서 마크업 개발자로 살아남기’를 주제로 자신의 이야기를 널리 알리고 왔답니다. 스타트업 그리고 코인원에서 마크업 개발자로 살아남는 혜진님만의 방법은 무엇일까요? :-)Q. 혜진님 안녕하세요, 자기소개 부탁드립니다.안녕하세요, 코인원 유저플로우셀에서 마크업 개발자로 일하고 있는 오혜진입니다. 유저플로우셀은 암호화폐 거래와 프로차트와 같은 트레이딩 영역을 제외한 전반적인 서비스 영역을 담당하고 있어요. 특히 ‘셀'이라는 목적조직으로 개편된 이후 PM, 디자이너, 개발자가 한곳에 모여 누구나 코인원에서 거래를 하고 싶은 마음이 들도록 매력적인 곳으로 탄생시키고 있답니다. 저는 셀안에서 마크업 개발자로 일하며 디자이너와 프론트엔드 개발자를 이어주는 다리 역할을 하고 있습니다.Q. 지난 ‘Women Techmakers Seoul 2019’에서 마크업 개발자를 널리 알리는 발표를 했다고 들었어요. 어떤 내용인지 소개해주세요!감사하게도 ‘스타트업에서 마크업 개발자로 살아남기' 라는 주제로 300명이 넘는 관중들 앞에서 발표를 하고 왔습니다. (사실, 많은 분들이 와주셔서 땀이 좀 나기도 했고요;) 마크업 개발자는 스타트업에서 발견하기 힘든 직군이기도 해요. 보통은 웹 에이전시에 많이 속해 있거든요. 제가 마크업 개발자로 일한지 6년이라는 시간 동안 스타트업에서 어떤 방식으로 일해왔는지 알리고 싶었어요. 그래서 지금까지 이런 일들을 해왔고, 앞으로도 더 활발하게 할 것이라고 속시원하게 말하고 왔습니다.Q. 마크업 개발자는 구체적으로 어떤일들을 하나요?마크업 개발자는 한마디로 디자인(Design)과 기술(Tech)의 오작교 같은 존재입니다. 디자인의 의도가 개발과 충돌하는 부분은 없는지 파악하고, 개발에 잘 녹아들 수 있도록 프론트엔드의 앞단을 맡고 있어요. 코인원 웹 서비스에서 제공하는 신규 기능의 마크업 개발을 담당하고, 운영하면서 생긴 이슈들을 처리합니다. 또한 마크업 레거시에 대한 유지보수 작업도 병행하죠.예를 들어, 코인원의 회원가입 페이지를 제작할 때 디자인 작업을 먼저 들어갑니다. 그럼 디자인 작업을 바탕으로 개발자들이 기능을 만들어 넣게 돼요. 이 때, 기능적인 개발을 제외하고 UI(User Interface)적인 부분을 제가 담당합니다. 회원가입 페이지에는 이메일 인증, 휴대폰 인증 등 여러가지 개발요소들이 많아요. 그래서 개발하기 전에 기능이 들어가는 기본적인 레이아웃을 만들어 개발자에게 전달합니다. 마크업 작업이 바탕이 되어 그 위에 기능 개발이 이뤄진다고 보시면 돼요.디자이너가 레시피를 만드는 사람이라면, 마크업 개발자는 레시피 재료를 세팅해 주는 사람이에요. 개발자들은 세팅된 레시피를 끓이고 버무려 요리를 완성시키고요. 저는 좋은 요리가 탄생할 수 있도록 중간과정을 도와주는 역할인거죠. ▲ 'Women Tachmakers 2019'에서 발표에 열중한 혜진님!Q. 디자인과 기술의 중간 역할을 담당하고 계시군요, 사실 중간자의 역할이라고 하면 이어주는 과정에서 고충(?)이 생길 것 같아요.아무래도 디자이너와 개발자, 양쪽과 다 소통해야하는 부분입니다. 디자이너 입장에서는 ‘왜 프론트엔드에서 이 디자인이 안되는걸까?’ 라는 불만이 생길때도 있고, 프론트엔드에서는 ‘왜 디자인이 이렇게 들어가야 하는걸까?’ 라고 이해를 못할 때도 있어요. 서로의 이해관계를 잘 전달해야 한다는 점이 나름의 고충이죠. 코인원에서는 ‘디자이너 - 마크업 개발자 - 프론트 개발자’의 협업 프로세스를 정립해서 각자가 맡은 분야에 집중 할 수 있는 초석을 다졌어요. 무엇보다도 배경이 다른 세 개의 직군이 원활하게 소통할 수 있는 체계가 잡혀 고충이 해결되고 있습니다 :) Q. 그렇다면 마크업 개발자는 어떤 부분을 기여한다고 볼 수 있나요?코인원 메인 화면에 기능 개발을 추가하지 않고도 마크업단에서의 처리만으로도 쉽게 변화를 줄 수 있습니다. 메인화면의 배너 이미지는 유저들이 코인원에 접속해 제일 먼저 마주하는 부분이죠. 그래서 유저들이 코인원의 시각화된 정보를 빠르게 접할 수 있도록 이미지를 교체합니다. 웹 페이지의 운영 측면에서 비주얼 개편을 빠르게 할 수 있는 환경을 만들어 놓고 대응하는거에요.곧 코인원 마이페이지 화면이 개편될겁니다. 웹 페이지를 새로 만든다는 것은 무에서 유를 창조하는 과정과 같아요. 제가 마크업 개발을 잘 해놓으면 다른 직군에게도 도움이 됩니다. 개발 속도도 더 잘 붙고, 디자인에서도 빈공간이 없는 페이지가 탄생하는거죠. 최대한 밑바탕을 꼼꼼하게 만들어 모두가 일에 더 집중할 수 있는 환경을 만든다고 보시면 돼요.Q. 코인원 마이페이지에서 새롭게 바뀌는 부분은?기존의 마이페이지는 유저들이 보기에 정리가 잘 안되어있다는 느낌이 있었어요. 어떤 인증과정을 끝마쳐야 하는지 한눈에 들어오지 않는 부분이 있었거든요. 이번에 개편될 마이페이지는 좀 더 명확해졌습니다. 이전의 인증페이지가 도돌이표의 느낌이었다면, 이번에는 UX(User experience)를 생각해서 flow 개선도 많이 이뤄졌습니다. 편리한 암호화폐 거래 경험을 코인원에서 느낄 수 있어요. (새롭게 바뀔 마이페이지 많은 기대 부탁드립니다! 물론 편리한 암호화폐 거래도 언제나 코인원!)Q. 유저들에게 편리한 거래경험을 선사하기 위해 어떤 가치를 가장 중요시 여기나요? 저는 중간자이므로 유저들 뿐만 아니라 개발까지 두 가지 측면을 모두 고려합니다. 유저의 입장에서 사용성과 접근성이 용이한 마크업을 짜려고 하고, 개발측면에서는 유지보수가 편리한 마크업을 최대한 짜려고 해요. 개발하기 편한것과 사용하기 편한 것은 다른 맥락이거든요. 요새는 코인원 디자인시스템을 적용하고 있어요. 디자이너 분들이 정리해주신 디자인 시스템을 잘 적용시켜서 코드적으로도 재사용성이 용이하게 관리가 되도록 하고, UI도 정돈이 되어가는 과정을 진행 중입니다. 이런 과정을 계속 거치면 유저들에게 편리한 거래 경험을 선사하는 부분은 놓치지 않을 것 같아요.▲ 마크업에 열중하고 있는 혜진님 (약간의 설정샷 +_+)Q. 코인원 크루로 일하면서 장점을 뽑자면?유저플로우셀은 코인원이 셀이라는 목적조직으로 개편되고나서 만족도가 높은 셀이라고 알고 있어요. 업무도 많은 편인데, 톱니바퀴처럼 잘 맞물린다는 느낌이거든요. 특히 일에 대해서 선긋지 않고, 이슈가 발생했을 때 해결할 수 있는 부분들을 빠르게 파악해주는 부분들이 정말 좋아요. 속도랑 효율성 측면에서 이만큼 해낼 수 있는 팀은 앞으로 만나지 못할 것 같아요. 항상 원활한 업무 소통을 위해 힘써주시는 셀원들에게 감사 드립니다!Q. 앞으로 이루고 싶은 목표가 무엇인가요?회사 안 뿐만 아니라, 바깥에서의 활동도 꿈꾸고 있어요. 마크업 개발자들이 모두 모여 이야기할 수 있는 CSS 컨퍼런스를 열어 좀 더 커뮤니티를 활성화 시키고 영향력을 높이고 싶습니다. 아직 마크업 개발자들만이 모여서 이야기 할 수 있는 곳이 부족하거든요. 저의 이야기도 차곡차곡 쌓아서 여러 창구를 통해 들려드리고 싶고요.코인원에서는 지금 하는 것 이상으로 마크업 개발도 열심히 할거에요. 우선 단기적인 목표로, 프론트엔드에서 사용하고 있는 angular에 대한 이해력을 높일 겁니다. 마크업 컴포넌트 단위에 최적화 된 CSS로 개편해서 사용하지 않는 스타일 리소스가 최소화가 되도록 만들거에요.▲ 마크업 개발자에 많은 관심 부탁드려요 :)디자이너가 디자인에 집중할 수 있게, 개발자가 개발에 집중할 수 있게 ‘일잘러’로 통한다는 혜진님. 혜진님의 인터뷰를 통해 ‘마크업 개발자’에 좀 더 친해지는 시간이길 바라봅니다. 그리고 이렇게 멋진 코인원 크루와 함께 성장하고 싶지 않으세요?  현재 코인원은 멋진 크루들과 함께 크립토갤럭시를 헤쳐나갈 분들을 기다리고 있습니다 :-)
조회수 1642

Android 의 Sqlite Tip

Android 와 SqliteAndroid 에서 Sqlite 는 오랫동안 사용되어 왔습니다. 지금은 Realm 과 그외의 데이터베이스들이 그 위치를 넘보고 있지만 여전히 사용되고 있음은 틀림없습니다.현재 Jandi 는 서버의 대다수 정보를 앱의 Sqlite-Database 에 Cache 를 하고 있습니다. 따라서 Sqlite 를 얼마나 잘 분리하고 제어하느냐가 앱 자체의 라이프사이클에 큰 영향을 미칩니다.오늘은 Android 팀이 Sqlite 를 어떻게 사용하는지 공유해드리고자 합니다.1. ORM안드로이드만 하신 분들에게는 다소 생소한 개념일 수 있지만 다른 분야에서는 널리 사용되고 있습니다.Android 에서 Sqlite 는 Database 용 Access 객체를 통해서 column/row 단위로 정보를 가져와서 객체를 완성합니다. 하지만 Access 객체에 일일이 Query 를 작성하는 것은 실수가 많을 뿐더러 column/row 단위 정보 매핑 작업은 매우 불편하고 지루하며 잠재적 버그를 내포한 작업니다.그러기 때문에 Object-Query-Databse 를 각각에 맞게 매핑해주는 라이브러리들 통해 단순하고 반복적인 작업을 간단하게 회피할 수 있습니다.아래의 블로그들이 Sqlite-Orm 라이브러리를 사용하는 좋은 정보들이 될 것입니다. 현재 Jandi-Android 의 주요 Orm 라이브러리는 OrmLite 입니다.Sqlite-Orm : 네이버 기술블로그GreenDao BenchmarkRealm Database2. Database-Access유사 관심사 Domain 끼리 묶음수많은 데이터를 테이블로 관리하다보면 많은 Database-Access-Object(DAO) 가 필요합니다. 하지만 자세히 들여다보면 관계된 것끼리의 묶음이 생기게 되며 이를 묶어서 하나의 Access 객체를 만들 수 있습니다.Jandi 의 메시지는 크게 Text, File, Sticker 로 구분되어 있으며 이에 대한 상위로 Message 라는 개념이 있습니다. Text, File, Sticker 는 하위에 각각 2~3개의 Table 로 구성되어 있습니다. 이 전체를 각각 분리해서 관리하면 그에 따른 부수적인 제어 코드들이 불가피 하기 때문에 Jandi 에서는 최상위 Message 도메인에 맞춰서 하나의 묶음으로 관리하였습니다.코드는 다음과 같은 형태를 띄고 있습니다.public class MessageRepository { public List getMessages(/*args...*/) { /*코드 생략*/}; public Message save(/*args...*/) { /*코드 생략*/}; public Message update(/*args...*/) { /*코드 생략*/}; public Text getText(/*args...*/) { /*코드 생략*/}; /*이하 생략*/ } 이러한 형태로 독립성을 가질 수 있는 최상위 Domain 을 기준으로 Repository 클래스를 가지고 있습니다.3. Repository 요청 관리하기위의 모습처럼 관심사별로 Domain 을 분리한 이유 중 가장 큰 이유는 Domain 단위로 요청을 관리하기 위함입니다.Android-Sqlite 는 내부적으로 Read-Write lock 을 가지고 있지만 신뢰도가 높다 할 수 없으며 다양한 테이블에 동시 접근하는 경우 오류가 나지 않을 것이라 보장할 수 없습니다.따라서 보장이 안될바에 1번에 1개의 요청만 처리 할 수 있도록 Domain 단위로 요청을 제한해버리자는 결론을 냈습니다.그러기 위해 2가지 코드를 사용하였습니다.Lock 객체 사용요청을 래핑할 template interface 사용하기멀티 쓰레드로 요청을 처리할 때 Lock 객체를 통해 1번의 1개씩의 동작만 할 수 있도록 하였으며 이를 좀 더 쉽게 쓸 수 있도록 하기 위해 Template Interface 를 만들었습니다.public class LockTemplate { private Lock executorLock; LockTemplate() { executorLock = new ReentranceLock(); } protected T execute(Executable e) { executorLock.lock(); try { return e.execute(); } finally { executorLock.unlock(); } } interface Executable { T execute(); } } 위와 같은 클래스를 만들고 앞서 만든 Repository 클래스에 상속받도록 하였습니다.코드는 다음과 같습니다.public class MessageRepository extends LockTemplate { /*싱글톤으로 동작하도록 합니다. 코드 생략*/ public List getMessages(long roomId) { return execute(() -> { return dao.query(roomId); }); } public int save(List messages) { return execute(() -> { return dao.save(messages); }); } } 위와 같이 함으로써 최종적으로 같은 Repository 에 멀티쓰레드에서 요청을 하여도 1개의 처리만 할 수 있도록 원천적으로 작업하였습니다.정리Android 에서 Sqlite 는 Mysql 이나 PostSQL 과 유사한 RDBMS 를 제공하는 DB 툴입니다. 하지만 기본적인 사용이 매우 번거러울 뿐만 아니라 메모리릭과 오류에 매우 쉽게 노출됩니다. 그래서 다음과 같은 방법을 통해 최소한의 안전망을 구현했습니다.ORM 을 사용하라.반복적이고 DB 접근 과정에서 오류를 최소화 시켜줍니다.Lock 을 의도적으로 사용하라.멀티쓰레드 접근에 의한 오류를 최소화 합니다.synchroized 보다는 concurrent 패키지에서 제공해주는 Lock 을 사용해주세요.#토스랩 #잔디 #JANDI #개발 #앱개발 #인사이트
조회수 1304

디자이너 눈에 비친 조금 다른 세상 20가지

저도 원래 그렇진 않았어요. 그런데 어느 순간부턴가 눈에 색다른 콩깍지가 씌이더라구요. 아마 직업마다 세상을 바라보는 고유한 필터가 존재하기 마련인가봐요. 하루 종일 컴퓨터만 바라보고 있는 디자이너에겐 가끔 세상이 1920x1080픽셀의 세상으로 보이기도 해요. 친구들과 길을 걷다가도 왠지 혼자만 불편해지는 지점이 생겨요. 때론 아무도 모르지만 혼자 발견하고 키득키득하기도 해요. 용기내서 "저건 HG꼬딕씨 폰트야!" 라고 말해도 친구들의 반응은 "어쩌라고." 예요.그럴때면 종종 시무룩해지긴 하지만, 디자이너의 눈을 가지고 세상을 바라본다는 것은 꽤나 흥미진진한 일이예요. 제목만 보면 디자이너의 인사이트와 철학에 대한 이야기 같을 거에요. 하지만 제 글은 그런 걸 다루지 않아요. 인사이트 얘기는 브런치에 쳐보면 오조오억개가 나와요. 우린 길거리와 책상에서 벌어지는 일을 다룰거에요. 자 시작!1. 간판 자간틀린거 보기지나가다가 간판 자간이 엉망이면 불편해져요. 너무 좁으면 가독성을 걱정해줘요. 아이고 세상에 사장님..저에게 맡기시지.... 저래서야 손님들이 읽을 수나 있겠어요.. 또는 메뉴판을 볼 때도 행간이 보여요. 손글씨 메뉴판은 왠지 오른쪽으로 점점 올라가는 글씨가 거슬려요.2. 폰트알아맞추기CGV가서 광고보다보면 광고 중 80%에 모두 HG꼬딕씨 폰트가 쓰였다는 것을 알 수 있어요. 그런걸 보면서 혼자 괜히 뿌듯해져요. 헤헤 알아냈다..하면서. 저건 노토산스! 저건 나눔! 저건 헬베티카! 저건 가라몬드다! 이런거 알아내면서 으쓱해져요. 괜히 옆자리 애인에게 자랑해요. 저건 헬베티카 쓴거다?... 3. 광고사진 픽셀 깨진 거 찾아내기전단지나 지하철스크린도어 광고보면서 뭔가 픽셀깨진 거 보면 불편해져요. 여백 잘못줘서 살짝 흰색 나온 것도 발견해요. 디자이너는 세상을 픽셀단위로 봐요. 옆친구가 말해요. '그런 것 좀 찾지마.'4. 괜히 광고보면서 어떻게 만들었을까 궁리하기음..저건 일단 레이어 마스크씌우고 배경지운다음, 오브젝트에 블러주고 레이어 하나 더 만들어서 블렌딩해서 만든거겠지... 저건..저건 저건 뭐지? 저건..음.. 일단 일러로 선 따서 오브젝트 만들고, 3D로 눕혀가꼬 돌출 효과 준다음, 포토샵으로 넘겨서 왼손으로 이렇게, 오른손으로 이렇게 한거겠다!! 라고 생각하고 뭔가 내가 다 아는 스킬이면 뿌듯해져요. 저건 어케 만들었지?? 하고 궁금해지면 그 때부터 뭔가 불편해..뭔가 찾아보고 싶어. 5. 저 정도는 나도 할 수 있지 않을까 생각하기가끔 텀블벅에 펀딩중인 디자인제작물이나, 핀터레스트와 비핸스에 올라온 거 보다보면 양가감정이 들어요. 하아..얘네들은 왜이렇게 잘하는거지? 내 손은 왜 너구리손이지?..찰흙으로 만들어졌나?...거의 태양의기사 피코손이야.. 하면서도 한편으론 저 정도는 나도 맘만 먹으면 만들 수 있을 것 같은데?..(만드는 방법이 대략 머릿속에 그려지면 자신감이 갑자기) 라는 생각도 들어요. 하지만, 일단 맘을 먹질 않는다는게 문제고, 방법을 아는 건 사실 중요치 않아요. 저 발상을 했다는 게 중요하니까..6. 정렬틀린거 불편해하기뭔가 책높이가 안맞으면 불편해요. 다 빨간색인데 노란색이 하나 있으면 이상해요. 뭔가 혼자 정렬 안맞고 한 칸 정도 들여쓰기 되어있으면 아..저걸 어떻게 하고 싶은데..하앍... 저..저걸..제발..옮겨줘!!!! .....윈도우 계산기의 1픽셀....7. 격자무늬 투명으로 보기디자이너에겐 투명으로 보여요. 이젠 하도 익숙해져서, 저 어지러운 투명레이어 위에서도 뭐가 뭔지 대략 알 수 있어. 8. 새끼손가락 항상 컨트롤에 두기뭔가 편함네, 새끼손가락이 항상 뭔가 긴장해있어. 지금 타자치고있는 데도 뭔가 새끼손가락이 당장이라도 컨트롤을 누를 것 같아. 그리고 검지는 항상 S를 누르기 위해 노력하죠. 보통 타자칠때 오른손의 중지는 'ㅏ'를 누르게 되어있어요. 하지만 왠지 모르게 나는 자꾸 O를 누르려고 한다고. 뭘 자꾸 열려고 하는거야... 9. 모니터는 최대한 가까이 보기바른 디자이너의 자세모니터가 얼마나 큰 지는 중요하지 않아요. 32인치가 아니라 32인치 할아버지가 와도 난 모니터를 5cm앞에서 바라볼 거야. 아이맥이면 다를 것 같지? 아니에요. 아이맥은 좀 더 선명하게 5cm 앞에서 볼 수 있다는 장점이 있죠. 어쨌든 바라보는 거리는 변하지 않아요. 10. 책표지 보면서 레퍼런스찾기괜히 이쁜 책보면 사진 찍어벌임.. 그리고 어딘가 저장해요. 레퍼런스 해야지이~ 하면서. 그리곤 어디갔는지 몰라..기억에서 사라져요.11. 매거진의 가독성 비판하기이건 좋은 매거진!안읽히면 대차게 비판해버려요. 아 이거...뭔가 한 눈에 딱 안들어와!..하면서 갑자기 안물안궁 크리틱을 시작해요. 아..이거 폰트만 너무 크게 해놓고 여백이 너무 좁네.. 행간도 되게 애매하고. 하며 꿍시렁꿍시렁 하다가 매거진을 내려놔요. 안읽히면 안보면 되지만, 디자이너는 굳이 안 읽히는 이유를 찾아요.12. 모든 곳에서 콘센트 발견하기차..찾았다!!디자이너에게 카페는 단순히 티라미수와 커피를 먹는 곳이 아니에요. 메뉴와 분위기를 봄과 동시에 와이파이와 의자, 책상의 편의성, 그리고 콘센트의 위치를 함께 봐요. 제 아무리 이쁘고 힙해도 콘센트가 없다면 그 곳은 미미의 집 같은 곳일 뿐이에요. 13. 이쁜소품보면 찍어놓기커...커여워!!!!!!!!!인스타에 올리려고 찍는 게 아니에요. 물론 종종 올리기도 하지만, 대부분은 언젠가 굿즈 만들 때 쓸 수 있을 것 같아서 그냥 찍어놓는 거에요. 도대체 그 굿즈는 언제 만들게 될런지 모르지만, 그래도 나도 이런거 만들어봐야지!!~ 하는 마음은 모두가 매한가지예요.14. 아티클있으면 저장해놓기(안봄).....저장해놓고 안봤어요...페북과 구글 등등 SNS에선 온갖 종류의 디자인 관련 아티클과 정보가 넘쳐나요. 와씨 이건 진짜 개꿀팁이다!!! 레알 이거 나중에 꼭봐야지!!! 해놓고 즐겨찾기에 넣고 게시물을 저장해요. (그리곤 내면 깊숙한 어딘가에서 이슬로 사라졌다고 한다..)15. 카페옆자리 디자이너 시안보면서 부러워하기강남 빈브라더스 가면 주변에 디자이너가 3명이상은 반드시 있어요. 스벅에도 마찬가지예요. 할리스는 공부방 모드로 좌석이 바뀐 이후론 거의 성지가 되었어요. 상수역 골목에 이리카페도 디자이너 천지에요. 제비다방도 디자이너가 우글거려요. 화장실가다가 담배피러 나가다가 옆 사람 시안 슬쩍 봐요. 잘해요. (못해도 잘해보여요.) 괜히 부러워요. 흥. 잘하네.16. 새메일 무서워하기안심.아침에 일어나서 새메일 +2가 떠있으면 무서워요.  17. 후드티 사랑하기후드티는 여러가지 모드로 전환할 수 있는 최고의 유니폼이에요. 머리를 안감았을 땐 모자를 쓰면 되고, 엎드려 잘 때도 모자가 크면 훌륭한 암막커튼이 돼요. 후드티엔 기모가 있어야 해요. 그래야 부들부들하니 좋아요. 후드는 한사이즈 크게 입어야 또 제맛이에요. 그리고 주머니에 뭔가 그득그득 들어있고. 오래 입어서 뭔가 소매가 헤져있으면 더욱 빈티지스러워요. 후드티에 회색츄리닝을 입고 노트북을 들면 다 이길 수 있어요.18. 오르막길 힘들어하기오래 앉아있다보면 합정역 계단도 트래킹코스가 돼요. 19. 콜라보제품보고 감탄하기괜히 콜라보제품보면 우왕우왕 거림... 괜히 1300K랑 박카스랑 한 콜라보제품 보러가고, 나이키랑 누구랑 콜라보했다고 하면 보러가고, 마리몬드랑 3M이랑 콜라보했다하면 보러가고... 팝업스토어도 짱 좋아해요. 브랜드 팝업스토어 뜨면 왠지 한 번 가보고 싶어요. 그리고 구리다와 예쁘다를 판가름해요. 거의 매사에 크리틱이 생활화 되어있는 것 같아요.20. 살 건 없지만 괜히 프리스비 매장 구경하기괜히.자꾸 보다보면 내 것이 되지 않을까 싶은 마음으로 자꾸 장비구경해요. 프리스비는 그래도 양반이지. 용산가면 와콤 팝업스토어가 있어요. 거긴 신세계에요. 디자인문구점도 그냥 지나칠 수 없어요. 핫트랙스 꼭 가야해요. 무인양품도 괜시리 들어가봐요. 이걸 사면 왠지 디자인이 더 잘 될 것 같아요. 말도 안돼요. 하지만 기분적인 느낌이 그래요. 
조회수 2640

Next.js 튜토리얼 5편: 라우트 마스킹

* 이 글은 Next.js의 공식 튜토리얼을 번역한 글입니다.** 오역 및 오탈자가 있을 수 있습니다. 발견하시면 제보해주세요!목차1편: 시작하기 2편: 페이지 이동 3편: 공유 컴포넌트4편: 동적 페이지5편: 라우트 마스킹 - 현재 글6편: 서버 사이드7편: 데이터 가져오기8편: 컴포넌트 스타일링9편: 배포하기개요이전 편에서는 쿼리 문자열을 이용하여 동적 페이지를 생성하는 법을 배웠습니다. 생성한 블로그 게시물 중 하나에 대한 링크는 다음과 같습니다:http://localhost:3000/post?title=Hello Next.js하지만 이 URL은 구립니다.다음과 같은 URL를 가지면 어떨까요? http://localhost:3000/p/hello-nextjs더 낫지 않나요?이번 편에서 이것을 구현할 예정입니다.설치이번 장에서는 간단한 Next.js 애플리케이션이 필요합니다. 다음의 샘플 애플리케이션을 다운받아주세요:아래의 명령어로 실행시킬 수 있습니다:이제 http://localhost:3000로 이동하여 애플리케이션에 접근할 수 있습니다.라우트 마스킹라우트 마스킹이라 불리는 Next.js의 특별한 기능을 사용할 예정입니다.기본적으로 애플리케이션에서 표시되는 실제 URL와 다른 URL이 브라우저에 표시됩니다.블로그 포스트 URL에 라우트 마스크를 추가해봅시다.pages/index.js에 다음과 같은 코드를 작성해주세요:다음의 코드 블럭을 살펴봅시다:<Link> 엘리먼트에서 "as"라는 또다른 prop를 사용하였습니다. 이는 브라우저에서 보여질 URL입니다. 애플리케이션에 표시되는 URL은 "href" prop에 지정되어 있습니다.첫 번째 블로그 포스트를 클릭하면 블로그 포스트로 이동할 것입니다.그 다음에 뒤로가기 버튼을 클릭하고 앞으로가기 버튼을 클릭해보세요. 무슨 일이 일어날까요?- 에러가 발생할 것이다- 인덱스 페이지로 돌아가고 포스트 페이지로 다시 이동할 것이다- 인덱스 페이지로 이동하지만 그 후에는 아무런 일도 일어나지 않을 것이다- 인덱스 페이지로 돌아가고 에러가 발생할 것이다히스토리 인식본 것처럼 라우트 마스킹은 브라우저 히스토리를 활용하여 잘 작동합니다. 해야 할 일은 링크에 "as" prop를 추가하는 것뿐입니다.새로고침하기home 페이지로 돌아가세요: http://localhost:3000/첫 번째 포스트 제목을 클릭하면 post 페이지로 이동합니다.브라우저를 새로고침하면 무슨 일이 일어날까요?- 예상대로 페이지가 첫 번째 포스트를 랜더링 할것이다- 페이지가 로드되지 않고 계속 로딩 중일 것이다- 500 에러가 발생할 것이다- 404 에러가 발생할 것이다 404서버에 불러올 페이지가 없기 때문에 404가 에러가 발생합니다. 서버는 p/hello-nextjs 페이지를 불러오려고 시도하지만 우리는 index.js와 post.js 두 개의 페이지밖에 없습니다.이 방법으로는 프로덕션으로 이 애플리케이션을 실행할 수 없습니다. 이 문제를 고쳐야 합니다.Next.js의 커스텀 서버 API는 이 문제를 해결할 수 있는 방법입니다.다음 편에서 이것을 사용하는 방법을 배울 예정입니다.#트레바리 #개발자 #안드로이드 #앱개발 #Next.js #백엔드 #인사이트 #경험공유
조회수 3368

하늘 아래 같은 레드는 없다

초록색 = 스타벅스주황색 = 나이키노란색 = 이마트다들 한 번쯤은 특정 컬러를 보았을 때 자연스럽게 그 컬러를 사용하는 브랜드가 떠오르는 경험을 해보셨을 거예요. 이처럼 컬러가 브랜드에 미치는 영향은 대단합니다. 브랜드 컬러는 브랜드 아이덴티티를 확실하게 전달함은 물론 구매에 까지 영향을 미치기 때문이죠.데일리의 서비스 앱 '데일리호텔(DAILYHOTEL)'은 브랜드 컬러로 '버건디'를 사용하는데요. 브랜드 가이드를 제작하던 중 이 '버건디'컬러의 Align 필요성을 느끼게 되었습니다. 브랜드 컬러의 영향이 막중한 만큼 그 컬러의 일관성 또한 매우 중요하기 때문이죠. 더군다나 데일리처럼 온(RGB)/오프라인(CMYK)으로 컬러를 사용하고, 넓은 영역과 앱 내의 좁은 영역에서 쓰이는 컬러 값을 다르게 설정하는 경우 각 플랫폼의 컬러 통일화 작업은 매우 중요합니다.(*면적에 따라 달리 적용되는 컬러 값 관련 참조 글 : https://brunch.co.kr/@suyoung/8)AS-IS 파악본 프로젝트를 진행할 당시 데일리의 브랜드 컬러는 #900034 였습니다. 하지만 앞서 말했듯이 넓게 보이는 영역과 작게 보이는 영역에서 컬러 값을 다르게 가져가야 하는 이슈로 진작 앱 내에서는 #b70038이 사용되고 있었죠. 또한 오프라인으로 출력 시에 인쇄용 CMYK값이 아닌 웹용 RGB Hex인 #900034를 그대로 출력하여 버건디가 아닌 어두운 갈색으로 출력이 되고 있었습니다.앱 내의 컬러 재정의(In-App Color)1. 앱 내에 버건디 컬러가 사용되는 부분버건디 컬러는 자체가 강한 컬러이기 때문에 앱 내에서는 CTA 버튼으로 가장 많이 사용되고 있습니다. 모든 화면에 강조색을 과하게 사용할 경우에 눈에 피로도를 주어 콘텐츠에 집중할 수 없는 이슈가 있기 때문이죠. 현재 앱의 내비게이션 바 색상을 흰색으로 처리한 이유도 그 때문입니다.2. 이전 이슈사항아이폰과 안드로이드의 환경이 다르기 때문에 같은 색상일지라도 두 디바이스를 함께 두고 같은 화면을 보았을 경우 색상 차이가 발생합니다. 특히 안드로이드의 경우 기존에 사용하던 #900034 컬러를 적용할 시 어두운 갈색으로 보이는 경우가 있어, CTA 버튼 컬러로 사용 시에 버튼에 대한 명확도가 떨어져 역할에 부족함이 있었습니다.3. 대응사항각기 다른 안드로이드 단말마다 모두 다른 색상을 가져갈 수 없는 문제이기에 어떠한 디바이스던 버건디 색상이 명확하게 보일 수 있도록 다양한 디바이스를 모아 테스트를 거쳐 명도를 밝게 뺀 최적의 버건디 컬러를 뽑았습니다. 앱 적용시 화면프로덕트 자체가 모바일 기반 서비스인 페이스북, 구글의 CI도 모바일이나 웹 환경에서 더욱 가독성이 있어 보이도록 계속해서 CI 컬러를 리뉴얼하고 있습니다. 아래처럼요.(*관련 기사 링크 : http://m.zdnet.co.kr/news_view.asp?article_id=20150702091741#imadnewshttp://m.businesspost.co.kr/news/articleView.html?idxno=16798&daum_check=&naver_check=#cb)모바일 기반 타사 브랜드 컬러 리뉴얼 예시4. 결론기존 안드로이드 디바이스에서 #900034 버건디 컬러가 팥색으로 보이던 이슈로 인해 안드로이드, 아이폰 모든 디바이스에 사용하기 좋은 컬러로 재정의하여 #b70038로 새로운 컬러 값을 지정하였습니다.(짝짝)앱 아이콘 컬러 재정의(App Icon Color)물론 예외적인 부분도 존재합니다. 바로 앱 아이콘 컬러의 경우인데요. 현재, 다른 앱 아이콘들과 함께 쓰이는 홈 스크린 화면에서는 다른 앱 아이콘과 함께 데일리호텔 앱에 돋보일 수 있도록 #70038보다 더 밝은 #d1004 c를 사용합니다.이유는 제일 왼쪽의 이미지처럼 기존 컬러 #900034를 사용할 경우, 다른 아이콘들과 비교했을 때 주목성이 약해지게 되므로 아이콘으로써의 역할을 잃기 때문입니다. 많은 서비스들이 앱 내에서 사용하는 지정 컬러가 있지만, 다른 아이콘과 함께 사용되는 홈 스크린 아이콘은 더 밝고 튀는 색상으로 가져가고 있습니다.타사 예시출력용 CMYK 컬러 재정의(Offline Color)모니터에서 사용되는 RGB 컬러를 CMYK로 변환 과정을 거치지 않고 그대로 출력할 경우 색상은 매우 다르게 표현됩니다. 때문에 RGB 값에 맞추어 출력 시에 동일할 수 있도록 CMYK값과 PANTONE값을 따로 추출해야 하죠. 하지만 출력 기계와 인쇄소의 여건에 따라 동일한 CMYK값을 지정한다고 해도 미세하게 다른 컬러로 출력된 것을 받아보기 마련인데요. 이런 이유로 어느 환경에서도 동일한 컬러로 출력할 수 있도록 제작된 컬러칩 PANTONE이 있습니다. 아래는 팬톤 컬러로 테스트를 한 경우입니다.PANTONE컬러를 맞추기 전과 후출력물로 컬러 테스트 결과 PANTONE 1945 c가 새롭게 정의된 브랜드 컬러인 #b70038와 가장 흡사함을 확인할 수 있었습니다. 해서 데일리호텔의 브랜드 컬러는 아래와 같이 재정의 되었습니다.버건디의 친구(Secondary Color)데일리의 브랜드 컬러인 '버건디'가 재정의 되었습니다. 그리고 그 '버건디'는 친구가 필요했어요. 혼자 쓰이기에는 너무 임팩트가 약하고 전달하고자 하는 메시지가 잘 공유되지 않았기 때문이죠.1. Product하지만 앱 내에서 사용되는 컬러는 실질적으로 Main(버건디), Second(골드) 두 가지가 주로 사용됩니다. 또한 홈 화면에 호텔/레스토랑의 등급을 알려주는 뱃지에 사용되는 컬러는 여러 가지로 베리에이션이 되어야 하기 때문에 제한적인 컬러를 사용할 수 없는 이슈가 있었습니다.다양한 컬러로 사용되는 앱내 뱃지 예시2. Brand / Marketing기업 굿즈와 옥외광고 등 데일리호텔의 브랜딩이 노출되는 곳에는 응용을 위해 Second 컬러를 제외한 Accent 컬러가 필요했습니다. 하지만 앱 내에 보이는 이벤트 페이지는 기획전 성격과 이미지에 따라 컬러가 자유롭게 사용되기 때문에 지정된 컬러를 사용하기에는 어려운 이슈가 있었죠.Accent 컬러 적용 예시Second/Accent 컬러 적용이 다소 어려워 보이는 마케팅 컨텐츠의 예시3. 결론- 예외적으로 Brand / Marketing에 사용되는 Accent Color를 따로 선정- Main(버건디), Second(골드)를 공통적으로 사용하되 프로덕트와 브랜드(온/오프라인)에 사용되는 컬러 값은 다르게 적용(*넓은 영역과 좁은 영역에서 다르게 사용되는 컬러 값 이슈)확립된 데일리의 브랜드 컬러!이런 과정으로 지금의 데일리 컬러 '버건디'가 탄생했습니다. 어찌 보면 단순해 보이지만 많은 테스트를 거쳐 유저들에게 최적의 상태로 표현되기 위해 노력하고 있답니다.(!)앞으로 이런 데일리의 노력 많이 지켜봐주세요 :)진행In-App Color/App Icon Color : Product팀Offline Color/Secondary Color : Creative팀#데일리 #데일리호텔 #디자인 #디자이너 #UI #디자인철학 #인사이트
조회수 1383

주 52시간 근무: 근로시간 단축

2018년 2월 28일, 근로시간을 주 52시간(연장근로 12시간 포함)으로 단축하고, 연장근로의 한도(1주 12시간)가 적용되지 않는 특례업종을 축소하는 등의 내용을 담은 「근로기준법 일부 개정법률안」이 국회 본회의에서 의결되어 국회를 통과하였습니다.근로기준법근로기준법에서 근로시간에 대한 조항들은 대표적으로 제 50, 53, 56조라고 볼 수 있습니다.제 50조 (근로시간) ① 1주 간의 근로시간은 휴게시간을 제외하고 40시간을 초과할 수 없다.제 53조 (연장 근로의 제한) ① 당사자 간에 합의하면 1주 간에 12시간을 한도로 제50조의 근로시간을 연장할 수 있다.제 56조 (연장·야간 및 휴일 근로) 사용자는 연장근로(제53조·제59조 및 제69조 단서에 따라 연장된 시간의 근로)와 야간근로(오후 10시부터 오전 6시까지 사이의 근로) 또는 휴일근로에 대하여는 통상임금의 100분의 50 이상을 가산하여 지급하여야 한다.근로기준법 개정안 주요 내용1. 근로시간 단축전에는 제 50조와 제 53조에서 언급한 1주의 범위가 명확하지 않아 월화수목금으로 해석하여 평일에 총 52시간 근무, 그리고 주말에 각각 8시간 휴일근로를 합하여 1주일간 총 68시간 근로를 시켜도 문제가 되지 않았습니다. 하지만 이 번 근로기준법 개정안에서 1주의 범위를 평일과 주말을 모두 포함한 7일임을 명시하여 반드시 주 52시간(법정근로 40시간 + 연장근로 12시간)을 지키도록 못 박았습니다.주 52시간제 시행일300인 이상 사업장: 2018년 7월 1일50~300인 미만 사업장: 2020년 1월 1일5~50인 미만 사업장: 2021년 7월 1일2. 휴일노동의 가산수당 할증률 명확화이 번 근로기준법 개정안은 8시간 초과 휴일노동에 대하여 가상수당을 100%만 할증하는가에 대한 논란을 입법적으로 해결하였습니다. 그 결과, 8시간 이내의 휴일노동에 대해 통상임금의 50%를, 8시간 초과 휴일노동은 100%를 가산 지급하여야 합니다.3. 근로시간 특례업종 축소, 존치되는 5개 업종은 연속 휴식시간 11시간 보장연장근로 한도(1주 12시간)을 적용받지 않는 특례업종이 26개 업종에서 5개 업종으로 축소되었습니다.특례존치(5개) 업종은:육상운송업 (「여객자동차 운수사업법」의 노선여객자동차운송사업 제외)수상운송업항공운송업기타 운송관련 서비스업보건업특례에서 제외된 업종은:보관 및 창고업, 자동차 및 부품판매업, 도매 및 상품중개업, 소매업, 금융업, 보험 및 연금업, 금융 및 보험 관련 서비스업, 우편업, 전기통신업, 교육서비스업, 연구개발업, 시장조사 및 여론조사업, 광고업, 숙박업, 음식점 및 주점업, 영상·오디오 기록물 제작 및 배급업, 방송업, 건물·산업설비 청소 및 방제서비스업, 하수·폐수 및 분뇨처리업, 사회복지서비스업, 미용·욕탕 및 유사서비스업하지만 존치되는 5개 업종의 노동자들이 근무일간 11시간의 연속 휴식시간을 보장하는 보완장치도 마련하여 장시간노동으로부터 휴식권과 건강권을 보장해야 합니다.4. 민간기업의 공휴일 유급휴일 의무화명절, 국경일 등과 같이 공무원들에게만 부여되는 공휴일에 대해 민간 사업장에도 유급공휴일로 적용하여 모든 노동자가 공평하게 휴일을 향유할 수 있게 되었습니다. 대한민국의 현행 법정 공휴일은 새해 첫날, 설날 연휴(3일), 삼일절, 부처님오신날, 어린이날, 현충일, 광복절, 추석연휴(3일), 개천절, 한글날, 성탄절입니다.다만, 근로시간 단축으로 인해 경영적으로 부담으로 느껴질 민간 사업장들을 위하여 관공서 공휴일의 민간적용은 기업규모마다 단계적으로 시행될 예정입니다.시행일300인 이상 사업장: 2020년 1월 1일50~300인 미만 사업장: 2021년 1월 1일5~50인 미만 사업장: 2022년 1월 1일5. 연소근로자 근로시간 단축(시행: 2018년 7월 1일)마지막으로, 연소근로자(15~18세)의 1주 근로시간을 40시간에서 35시간으로 단축하고, 연장근로 제한은 1주 6시간에서 5시간으로 단축하여 연소근로자 보호가 강화되었습니다.2018년 근로기준법 개정안이 기업에게 미치는 영향이 번 개정안으로 기업들이 가장 큰 고민은 바로 단축된 근로시간에 따른 추가적인 고용 혹은 생산성 향상에 대한 방안입니다. 또한 주 52시간 근로시간을 지키지 않으면 사업주는 2년 이하의 징역, 2천만 원 이하의 벌금형에 처할 수 있기 때문에 기업내 모든 직원들의 근로시간을 정확히 측정하여 52시간이 넘지 않도록 관리해야 합니다.이를 대응하기 위하여 탄력근무제, 유연근무제, 그리고 시간선택제 등을 사내에 도입하여 유연하게 대처하는 기업들이 늘고 있으며 또한 이러한 제도를 효과적으로 관리할 수 있는 더 효율적인 근태시스템의 수요가 늘고 있습니다. 출근과 퇴근만 기록되고 리포팅 기능이 없어 따로 엑셀로 가공해야 했던 기존의 근태시스템으로는 주 52시간제를 대응할 수 없기 때문입니다.이 글은 고용노동부 설명자료를 참고하여 작성되었습니다.#시프티 #고객가치 #핵심가치 #기업소개 #서비스소개
조회수 2869

스쉐님들 반가워, 배민이야

안녕하세요 스타일쉐어 장선향입니다. 스타일쉐어는 매월 1회 스타일쉐어 팀 내, 혹은 팀 외부에서 `이달의 월간 세션 주인공`을 초대해 전문성과 경험을 공유 (share)하고 팀원들이 함께 성장하기 위한 시간을 가지고 있어요.지난 6월에는 애자일컨설팅 김창준 대표님과 함께 KAI 테스트를 기반으로 `팀원들을 이해하고 함께하기`에 대한 세션을 가지기도 했고, 올해 3월에는 눔코리아 Director of Growth 정성영님과 함께 `그로스 해킹 101: 그로스 마인드셋`을 주제로 팀원들에게 영감을 주기도 했습니다.오늘은 배달의 민족 장인성 이사님의 세션, ‘마케터 장인성의 일’이라는 주제로 마케터로서 배민에서의 경험과 배민이 지금에 있기까지에 대한 이야기를 나누는 시간이었어요. 그 내용이 인상깊어 기업의 브랜딩, 조직 문화 등을 고민을 하는 많은 분들이 함께할 수 있도록 블로그에 그 내용을 공유합니다.스쉐님들 반가워 배민이야배달의 민족은 우리가 알고 있는 2010년 출시한 배달 앱 <배달의 민족> 뿐만 아니라 프리미엄 외식 배달 서비스 <배민 라이더스>, 반찬 배송 서비스 <배민찬>까지 다양한 서비스를 운영하고 있습니다. 이 서비스들과 일맥상통하는 회사의 비전은 `좋은 음식을 먹고 싶은 곳에서` 입니다.우리가 배민 앱을 켤 때, 배민찬에서 반찬을 주문할때, 배민 라이더스를 통해 배달되지 않던 유명 맛집의 음식을 시킬 때 이 비전은 실현됩니다.배달의 민족이 생각하는 `배민`은?`브랜드는 사람`이라고 생각합니다. 사람의 성격이 다양하듯 브랜드도 사람처럼 성격을 가집니다. 배민하면 떠오르는 성격은 `키치, 유머, 패러디` 입니다. 보통 배달음식을 시키는 사람은 회사의 막내에요. 막내 친구들의 공감을 얻을 수 있는 브랜드는 그 친구들을 잘 이해해야 합니다. 이들과 소통하기 위해 유머러스한 배민의 브랜드가 시작했습니다. 왠지 모르게 정이 가고 친근한, 재밌는 동네형 같은 성격은 `고객`에서 출발했습니다.배달의 민족 초초기에 진행한 `넉가래 이벤트`배민의 카피, 이벤트들은 풋! 하고 웃기거나 아~하며 감탄하게 만드는 공통점을 가지고 만들고 있습니다.저도 이 이벤트가 아직 생각납니다. 아이폰, 아이패드, 노트북 등 고가의 경품 사이에서 넉가래를 준다는 이벤트에 얼마나 참여할까 하는 생각과 다르게 페이스북에서 엄청 공유가 되었었던 기억이 납니다. 이런 이벤트에 참여하고 공유하는 사람들, 배달의 민족과 정말 잘 맞는 고객이라는 생각이 듭니다.배달의민족 브랜딩실에서 진행해온 프로젝트들은 아래와 같습니다.배달의 민족 TV광고 ‘우리가 어떤 민족 입니까’ <출처: ">http://blog.hsad.co.kr/191>배달의 민족에서 한달에 한번씩은 계속 하는 잡지 광고 <출처: 배민 블로그>배민 신춘문예 <출처: 배민블로그 http://spring.baemin.com>배민 문방구의 제품들 <출처: 배민문방구 http://store.baemin.com >배민 치믈리에 자격시험 <출처: 배민 유튜브>그중 배민 치믈리에 자격시험 은 많은 이슈를 만들어낸 행사였습니다. 그 성과도 남다릅니다.치믈리에 행사의 합격자 총 119명 (합격률 24%)주요 19개 매체 참석, 기사 80건 노출치믈리에 검색 쿼리 2만건 (네이버 기준)배민 검색 쿼리 평균대비 4만 건 증가 (네이버 기준)SNS 인증 약 600건배민 치믈리에 자격시험의 시작행사의 시작은 배민 신입사원들의 오리엔테이션에서 시작되었습니다. 신입 OT 때 눈가리고 치킨을 맞추는 게임을 보고 이사님께서 단톡방에 공유했는데, 팀원들이 너무 재밌어하면서 아이디어가 발전되었다고 합니다. 그냥 재밌는 에피소드로 웃고 넘기는것으로 끝나는게 아니라 메일로 빠르게 정리해 마케팅팀에 공유합니다. 실제 행사까지 실행의 과정에서 초기 기획과는 그 모습이 상당부분 달라지긴 했지만, 이 메일은 아마도 아이디어의 실현에 중요한 첫 스텝이 되었으리라 짐작해 봅니다.당시 팀원들과 나눈 아이디어를 빠르게 정리해 공유한 메일내용마케터의 기획력 — 고객에게 OO할 거리를 만들기배민 내부에서도 치믈리에, 배민 문방구의 ‘다 때가 있다’ 등을 성공한 마케팅 사례로 꼽는 이유는 얼마나 카피제품이 나오는가, 고객들이 적극적으로 참여하고 이야기하는가 를 보고 평가한다고 합니다. 고객들이 `이야기할꺼리`를 만들고 `참여할꺼리`를 만들기 위해 기획한 치믈리에는 온라인에서만 소통하는 것이 아니라, 오프라인에 고객들이 직접 참여하고 배민 브랜드를 체험하는 특별한 `경험`입니다.마케터의 기획력 — 포기할 수 없는 쓸고퀄 (쓸데 있는 고퀄)치믈리에 자격 시험에서 특별한 경험을 주기 위해 선정한 장소는 ‘롯데호텔’.가벼운 마음으로 온 응시자들은 입구에 들어서면서, 100m 현수막의 위엄에 압도당하고 ‘엇! 이거 뭐지’ 라는 표정으로 순간 당황하는 재미있는 상황을 만들어 내는데 성공합니다. 배달의 민족이 포기하지 않는 `쓸고퀄`은 행사장 여기저기서 볼 수 있습니다.출처: 인스타그램 seungheon ( @envyhoney ) , 은솔님의 블로그 (https://blog.naver.com/reeabby/221058247834)마지막에 흩날리는 꽃가루까지 닭 다리 모양으로 잘라 마지막 디테일을 놓치지 않았습니다. 시험을 친 응시자들이 ‘대단하다 배민, 디테일 지렸다’며 누가 시키지 않아도 자신의 경험을 공유합니다. 치믈리에 자격시험은 단지 에피소드로 끝나지 않고 지금도 계속해서 이야기거리를 만들고 있습니다.조만간 때와 장소에 따른 치킨 선택가이드, 닭다리 사수방법등을 적은 가이드북 `치슐랭 가이드`, 치킨에는 맥주! 배민에서 만드는 맥주도 선보일 예정이라고 합니다.이런 기획은 어떻게 하나요?이제부터는 생각하는 방식과 기업 문화에 대한 이야기입니다.이런 기획이 가능한데에는 배민 마케팅실의 문화와 의사결정의 방법이 있었습니다. 아이디어에서 기획안까지는 빠르게 진행합니다.중요한 것은 브랜드실에서 진심으로 좋아하고 공감하는 것이어야 합니다. 그리고 그 프로젝트를 할 사람은 자발적인 참여로 결정됩니다. 치믈리에 프로젝트는, 4년 차 마케터가 `대장`(프로젝트 리더)를 지원했고 함께할 팀원들을 모았습니다. 그러다 보니 프로젝트에 대한 애정을 가지고 누가 시키지 않아도 먼저 고민하고 완성도 높게 실행할 수 있었다고 합니다.배민 브랜드실의 프로젝트는 리더가 처음부터 방법을 정하지 않습니다. 리더는 왜(일을 하는 이유, 배경, 문제) 목표(기대하는 결과)만을 공유합니다. 그리고 그 중간에 있는 방법과 수단은 일을 진행하는 사람(대장)이 선택하고 이에 대해 공유하는 방식입니다. 의사결정은 말랑하게 합니다. 계획한 대로 되지 않는 일이 더 많기 때문에, 더 좋은 결과를 위해서라면 빠르게 변화할 수 있는 유연함을 가져야 합니다. 함께 하는 동료들의 비난이 두려워 수정을 하지 않으면 변화에 뒤처지는 결과물이 나오게 된다고 말합니다.마케터의 무기, 경험자산한편, 마케터라면 평소에 경험 자산을 많이 쌓아 놓아야 한다고 강조합니다.경험 자체를 즐기는 것, 주말에 새로운 공간을 체험하는 것, 콘서트를 가는 것 모두가 값진 경험입니다. 또 경험에는 단지 다양한 경험/체험을 넘어선 한 단계 뭔가가 필요합니다. 바로 `관찰`입니다.어떤 페스티벌이 있었는데 내가 가지 않았다. ‘나는 왜 안 갔을까? 줄 서기 싫어서.. 볼만한 게 없어서..’ 이렇게 조금 떨어져서 현상을 바라보는 관찰이은 중요한 자산이 됩니다. 이런 경험이 없었다면 치믈리에 행사에서 가장 병목인 지점, 예를들면 접수데스크에 사람이 많이 몰릴거야. 혹은 어떤 상황에 불평하는지 미리 짐작할 수 있겠지요. 그리고 기대 이상의 만족스러움, ‘아하 모먼트’도 어렵지 않게 발견할 수 있을 거라 생각합니다.즐겁게 일하는 방법이사님의 고백. 전 직장에서 처음 팀장이 되었을때 더 나은 사람, 더 똑똑한 사람이 되고자 자연스럽게 부담을 가졌다고 합니다. 맞고 그름을 논하는데 에너지를 쓰는 것 보다 중요한 건 팀장의 말에 ‘그거 아닌데요’라고 할 수 있는 분위기라고 조언합니다.얘기를 듣고 <해와 바람과 나그네> 이솝우화가 생각났습니다. 나그네의 옷을 벗기기 위해 바람이 강풍으로 나서지만 결국 옷을 벗길 수 없고 따뜻한 해가 햇살을 비추자 나그네가 스스로 옷을 벗죠. 세찬 바람처럼 일방적인 의견으로 상대의 공감을 얻지 못한 설득은 일시적으로는 일을 진행할 수 있겠지만, 진정한 설득에는 실패한 것입니다. 자유로운 의견을 낼 수 있는 분위기와 의견을 들어주는 만만한 리더(그전에 먼저 능력으로 인정받는)가 있는 팀은 결국 장기전에서 이길 수 있습니다.함께하는 사람들을 좋아하기, 그리고 그런 사람과 함께하기함께하는 사람들을 믿는 것만큼 중요한 것은 없습니다. 장인성 이사님의 책 ‘마케터의 일’에도 이런 내용이 있습니다.좋아하는 사람, 잘 어울리는 사람들과 함께 일할 때 더 크고 멋진 일을 만들어낼 수 있습니다. 동료들을 믿어주고 사랑해 보세요. 소중한 동료가 되어주세요. 마음이 잘 맞고 일의 합이 잘 맞는 사람들을 소중합니다. 소중한 사람들을 꼭 지켜 내시기 바랍니다.이런 사람을 발견하고 채용하는 것도 중요합니다. 세 가지 포인트를 말씀하셨어요.1. 일을 좋아하는 사람 2. 성장하고 싶어하는 사람 3. 함께 잘하는 사람일을 좋아하고 긍정적으로 대하는 사람들은 함께하는 사람에게도 좋은 에너지를 줍니다. 우리 서비스가 사랑받는게 좋고, 경험을 통해 성장하는것을 즐기는 사람과 함께 일하는 것은 행복한 일입니다. 중요한 마케팅 캠페인들은 여러 사람이 힘을 합쳐 만들어 냅니다. 혼자 힘들게 잘하는 것이 아니라 `우리`가 함께 하는 일에 기쁨을 느끼는 사람. 그런 사람을 채용하라고 조언합니다.Q&A 세션 : 장인성 이사님과의 일문 일답Q: 프로젝트에 앞서 목표와 결과를 놓고 프로젝트를 진행한다고 하셨는데, 매달 배민에서 진행한 잡지광고의 경우 비용이 꽤 비쌀 것 같습니다. 광고의 목표는 무엇이었고 결과는 어떻게 측정하셨나요? 마찬가지로 치믈리에 행사의 목표는 무엇이었나요?A: 우선 잡지광고 비용은 생각보다 그리 크지는 않습니다. 한 달에 100–150만원 정도. 지금 시작한지 6년 정도 되었으니 6–7000정도 비용이 든 것입니다. 지금 와서 이 비용을 한 번에 쓴다면 이런 결과를 낼 수 있을까 생각하면 아닙니다. 메거진이라는 니치한 채널에서 처음엔 소수의 고객이 보겠지만 이런 캠페인들이 쌓이면서 지인에게 공유하면서 ‘어 나도 봤어!’하는 경험을 쌓는 것이 가치 있다고 생각합니다.또 한 가지는 구성원들끼리 배민다움을 느낄 수 있는 캠페인이 바로 매거진 광고입니다. 배달의 민족에 카피라이터가 있는 줄 아는데 사실 카피라이터가 없습니다. 매달 진행하는 매거진에 대한 소개를 사내에 하고, 디자이너 개발자 할 것 없이 누구나 카피라이터가 될 수 있습니다. 구성원들이 자연스럽게 배민스러움을 알아가는 기회입니다.광고의 성과는요? (웃음) 대표님의 지인이 봤다고 하면 성공입니다. 측정하기 어려운것이 사실입니다. 다만 패러디, 카피제품이 얼마나 나오는지를 보면 성공여부를 짐작할 수 있습니다. 브랜드 캠페인은 용기 있게 결정할 수 있는 사람이 필요하고 리더들의 결정과 지지도 중요합니다.치믈리에 자격시험의 경우 시즌별로 배달의 민족으로 이야기거리, 같이 놀 수 있는 브랜드를 만드는 것이 목표였습니다. 봄에 신춘문예가 있다면 여름엔 치믈리에로 배달의 민족이 회자되기를 바랍니다.Q: 매거진 F는 무엇을 목표로 한 프로젝트 인가요?A: 기존의 배달 앱 배민의 코어 고객이 키치하고 B급 유머를 좋아하는 막내로 문화적 팬덤을 만들었다면, 배민찬/ 배민라이더스의 타겟을 고려해 이제는 서비스의 본질에 다가가서 ‘음식과 사람’에 대한 이야기를 담는 상위의 개념이 필요했습니다. A급의 멋진 푸드를 만드는 것은 여러 회사에서 하는 일이고 우리가 더 잘하기 어렵겠다고 판단. 음식을 먹을 때 문화를 바꿔나가는 건 배민이 할 수 있겠다고 보고 음식에 대한 진지한 접근으로 실행한 것이 매거진F 입니다. 이를 통해 배민을 Food 회사라고 생각할 수 있기를 바랍니다. 연장선상에서 치킨, 반찬에 대한 영화/다큐 프로젝트도 준비중입니다. 장기적으로 배달의 민족 브랜드, 콘텐츠, 매출까지 연결될거라 생각합니다.Q: 구성원들이 늘어나는데 배민스러움을 유지 하기 위한 노력들A: 가장 신경을 쓴 부분이 공간에 대한 구성입니다. 개인이 업무를 하는 독서실 같은 공간이 있는가 하면, 함께 잘하는 문화를 만들기 위해 카페 (우물가라고 부르는 공간) 공간을 만들어 구성원들이 자유롭게 이야기하고 아이디어를 발전시키고 있습니다.또 올림픽공원으로 사옥을 이전하면서 스포츠 분야에서 고정관념을 깨고 남들이 하지 않은 혁신을 가진 운동선수로 기록된 인물들의 회사 곳곳에 소개했습니다. 세계 최초로 크라우칭 스타트를 한 육상선수 토마스 버크, 손이 아닌 발로 터치하는 ‘플립턴’으로 반환점을 돌아 기록을 단축한 수영선수 텍스 로버트 선수 등이 주인공입니다. 그림 어디에도 ‘이렇게 혁신을 해야 해’라는 문구는 없습니다. 다만 구성원들이 자연스럽게 혁신과 창의의 동기를 가지고 그 마음을 잃지 않도록 매일 함께하는 공간을 설계하였습니다.여기까지 기억과 기록, 생각을 더해 뜻깊었던 월간 세션을 정리합니다.스타일쉐어도 `브랜딩` 혹은 `어떤 브랜드로 다가가고 싶은가`에 대한 고민을 하고 있던 터라 소중한 자리로 기억됩니다.스타일쉐어는 좀 특별한 서비스 입니다. 저마다 특별한 스토리를 가진 수많은 패션 브랜드/입점사들과 만들어가는 플랫폼이고, 한편으로 다양한 성격과 스타일을 가진 수백만 밀레니얼 세대 유저들이 함께 컨텐츠를 만들어 내는 플랫폼이기도 합니다.현재 스타일쉐어가 유저들에게 전달하는 메세지들을 한번쯤 돌아보며, 앞으로 어떤 브랜드로 기억되고 싶은지에 대한 고민, 그리고 이를 위해 무엇부터 시작할지 생각하게 됩니다. 혹시 비슷한 생각을 하고 있는 곳이 있다면 이 내용이 도움이 되셨길 바랍니다.장인성 이사님의 생각과 경험은 최근 출간된 책, 이미 베스트셀러가 된 책 ‘마케터의 일’ 에서 더 자세히 만나볼 수 있습니다. (책도 참 좋습니다#스타일쉐어 #이벤트후기 #인사이트
조회수 1068

스타트업으로의 출근길에 서기까지

학교가 날 죽이려 한다고 주장하던, 머리에 피도 안 마른 때가 있었다. 정말이지 진지했다. 선생님들은 질문을 좋아하지 않았고, 나는 이해가 안 되는 내용을 머릿속에 넣고 싶지 않았다. 무작정 외우는 것은 큰 잘못을 하는 기분이었고 시험도 별로 진지하게 느껴지지 않았다. 범인(凡人)인 주제에 공부를 한다는 이유로 호기심을 잃고 싶지 않았다. 가진 것이라곤 호기심과 시간밖에 없는 어린 나에게 학교는 모든 것을 빼앗으려고 하는 것처럼 느껴졌다. 학교를 그만 다녀야겠다. 개가 웃을 이야기지만 당시에는 사뭇 비장했다.[ 학교가 창의성을 죽일까? 재생되지 않습니다. 출처: TED ]믿기지 않지만 매우 조용한 학생이었다. 말 수도 적고 내성적이었다. 친구들과는 좋지도 나쁘지도 않은 관계를 유지하고 혼자만의 세계에 살았다. 더욱 믿기지 않지만 게임을 열심히 해 본 적도 있었다. 성적은 중간 정도였다. 학교를 그만 다녀야겠다, 라는 말에 친구들은 중 2병이라고 대수롭지 않게 생각했던 것 같다. 공교롭게도 중학교 2학년이었다. 친구도 별로 없어 보이던 내가 자폐가 아닐까 오랫동안 걱정하신 어머니는 자퇴를 하겠다는 말에  많이 놀라셨다. 무슨 일을 하든 대인관계가 중요한 것인데, 고립되어 살면 안 된다고 말씀하셨다. 내가 딱히 문제가 있는 것도 아닌데 대인관계라니? 한참 자퇴를 주장하다가 속는 셈 치고 대안학교에 가보자, 로 타협을 보았다. 주변에서는 무슨 뚱딴지같은 소리냐고 모두가 어이없어했다.[시리게 그리운 그곳, 무주. 사진제공: 처음 보내주신 메일 제목이 '담탱이'였던 영원한 나의 선생님, 용성쌤.]평생 서울에 살다가 무주 푸른꿈 고등학교의 네 번째 입학생이 되었다. 눈이 펑펑 내리는 덕유산 자락이었다. 입학하던 때에도 눈이 소복이 내렸다. 울창한 나무들에는 화려한 눈꽃이 피었다. 눈안개에 하얗게 잠드는 대자연이 시리도록 아름다웠다. 길에는 가로등조차 없어 밤에는 은하수가 쏟아졌다. 청명한 날은 별똥별이 밤하늘을 긁었다. 여름엔 반딧불이가 날았다. 중국집과 피시방이 있는 읍내는 빨리 걸어도 한 시간이 넘게 걸렸다. 버스는 하루 네 대가 정해진 시각을 어김없이 다녔다. 히치하이킹이 주요 교통수단이었다. 무턱대고 지나가는 차를 세우던 시절, 정말 겁도 없었다.개교 사 년 차다 보니 그야말로 실험적인 교육의 실험적인 단계였다. 돌이켜보면 스타트업에 가까운 모습이었다. 최소한의 인프라로 간신히 체계를 잡고 방향에 대한 고민을 할 때였다. 선생님들은 특이한 학생들을 따듯이 안아주셨다. 학생회는 어느 정도 자율적인 재정과 사업권을 가지고 있었고 상당한 범위의 의사결정을 할 수 있었다. 기숙사에서는 이상하기로 우열을 가리기 힘든 친구들과 생활을 했다. 몇 시에 일어나고 자야 하는지부터 시작해서 사소한 모든 일에 부딪쳤다. 누구는 고양이를 닮아 씻는 걸 싫어했고 누구는 그걸 또 샤워실에 끌고 가 기어이 씻겨내었다. 첫 한 달은 전쟁에 가까운 생활이었다. 나도 나지만 너도 참 너다. 산골에 있는 대안학교까지 진격해 온 친구들이니 오죽하겠냐마는. 모두가 모든 사고방식, 행동양식에 의문을 제기했다. 나도 그 정도로 호기심이 많진 않았는데. 많은 것들에 대해 고민과 회의를 하게 되었다. 정신없이 싸우고 대화를 했다. 일 년 동안 엄청나게 이상한 친구들끼리 함께, 그리고 즐겁게 살 수 있는 방법에 대해서 터득해 나갔다. 대인관계가 제일 어려운 거구나.[대안학교 입학 후 사랑하는 어머니가 보내주신 편지. 나도 이런 편지를 쓸 수 있을까.]문득 정신을 차려보니 참석해야 하는 회의가 매 달 스무 개가 넘었고 준비해야 하는 건 훨씬 더 많았다. 그래, 이쯤이면 학교는 충분히 다닌 것 같다. 어머니 말씀과 학교 덕에 감사하게도 나름 사회화가 되어 그래도 사람 같아졌는데, 이제는 정말 그만두어야겠다. 혼자만의 시간이 필요하다. 일기에 '타협하는 것이 철이 드는 것이라면, 영원히 철이 들지 말아라.'는 제목의 중 2병 가득한 출사표를 썼다. 모두의 반대에도 단칼에 집으로 돌아왔다. 대안학교마저 그만둔 공식 부적응 학생이 되었다.[길원숭이 손을 소심히 잡고 기뻐하는 동네 바보 형입니다. 부적응이지만 해치지 않아요. 사진제공: Adit Sombunsa. Lopburi, Thailand.]십 년이 훌쩍 지났다. 혼자서 하고 싶은 것들을 재미있는 만큼 하다 보니 금융의 논리에 매료되어 경제학 전공으로 그럭저럭 집근처 대학교를 다녔고 기업재무학회(CFRC) 덕에 외국계 금융회사에 들어갔다. 처음엔 VBA를 깨치면서 상당히 재밌었지만 주식파생부(Equity Derivatives)는 줄어들고 있었고 새로운 일은 없었다. 6개월 만에 흥미를 전부 잃었다. 공부가 더 재밌겠다. 고등학교를 그만둬보니 회사는 훨씬 쉬웠다. 미쳤다는 소리를 바람처럼 가볍게 듣고 학교로 돌아왔다.심오한 학문의 입구 앞에 서보았다. 감히 정진했다고 표현할 수는 없을 것 같다. 나름 열심이었다. 석사과정을 시작하고는 국내외 학술대회에 참석하느라 서울에 없던 날을 제외하고 연구실에 가지 않은 날이 단 하루뿐이었다. 대부분의 날에 열 시간은 집중력을 유지했다. 그럼에도 시간보다는 집중력을 우선했고, 시험보다는 호기심을 키우는 데 몰두했다. 연구실은 석사생 스물다섯 명이 쓰는 독서실 같은 분위기여서 매일 갈 필요는 없었는데, 대단한 친구들이 많았다. A는 짧지 않은 기간 동안 매일 4시간씩 자면서 대전에서 통학을 했다. B는 집과 상대(商大) 외의 삶이 아예 없었다. C는 서울에 살면서도 통학하는 왕복 두 시간이 아깝다고 일주일에 삼사일은 연구실에서 잤다. 우리는 거의 가족이었다. 신정도 구정도 추석도 크리스마스도 함께 밥을 먹고 각자 연구를 했다. 나도 나지만 너도 참 너다. 도대체 연애는 어떻게 하고 있는 거냐. 즐겁게 공부하던 친구들은 모두 좋은 조건으로 국내외 박사과정에 진학하거나 공공기관으로 갔다.나는 뜬금없이 에잇퍼센트라고, 정말 작은 핀테크 스타트업에 들어와 버렸다. 재밌어 보였고 내가 찍어온 상이해보이는 점들을 연결할 수 있을 것 같았다. 학업과 병행하기로 하고 들어와 보니 회사도 엄청나게 달리고 있었다. 내 속도도 꽤 빠른 편이라고 생각했는데 사람도 아닌 회사의 속도가 나보다도 더 빠른 느낌이었다. 어라, 이 회사는 뭐지, 제정신인가? 처음 겪는 경험이었다.연구하면서 이뤄온 것이 변변치 않아 문과 석사치곤 노력이 가상하다, 정도지만 공부를 한 게 아깝지 않냐는 이야기도 들었다. 다행일지 불행일지 서른 즈음에도 철이 안 들었나 보다. 그래도 회사일과 학업을 병행하며 쉽지 않던 봄학기가 끝났다. 지도교수님과 동료들의 도움으로 무사히 석사 졸업을 마쳤다. 이제 정말 에잇퍼센트에만 자리하게 되었다. 커리어 같은 건 잘 모르겠다. 미련해서 앞뒤를 재는 편은 아니다. 아니, 미쳤다는 소리를 즐기면서 살았던 것도 같다. 모두의 반대를 무릅쓰고 자퇴를 했을 땐 여러모로 쉽지 않았는데 지금은 폭풍에도 의지할 수 있는 엄청난 동료들이 함께하고 있다.[신나는 월요일! 맨 몸으로 싸우자 세상아. 출처: Unsplash.]가을의 향기가 난다. 얼굴에 닿는 바람은 기분이 좋을 뿐이다. 조금 더 속도를 높여도 좋을 것 같은 월요일 출근길. 서른 즈음에, 아직 나간 넋을 잡을 생각이 없다.#8퍼센트 #에잇퍼센트 #첫출근 #출근 #팀워크 #동료 #팀원

기업문화 엿볼 때, 더팀스

로그인

/