- 참고 -아직 수정중인 글입니다   서론환경적 이슈전직장에서 주된 작업이 디자인 시스템이었기 때문에 핀크에 이직한 뒤 가장 먼저 맡게 된 것은 디자인시스템 구축이었다. 잦은 디자이너, 퍼블리셔, 개발자 교체로 인해서 히스토리가 연결되기 쉽지 않은 상태였다. 디자인 역시 스케치에서 피그마로 전환하게 된지 얼마 되지 않아서 모든 화면이 피그마 파일로 존재하는 것도 아니었다. 디자인 시스템 구축을 해본 경험이 있는 디자이너 1명이 리딩을 하고 있었는데 반년이 지나도록 별다른 성과를 만들지 못한 것 같았다. 사실 디자이너 혼자서 운영/신규 피쳐 디자인 대응을 해가면서 모바일(AOS/IOS)과 웹 디자인 시스템을 구축한다는 건 정말 어려운 일이다. 회사에서도 결과물이 나오지 않은 상태에서 수개월 간 디자인 시스..

2023디자인 시스템 구축프레임워크별 코어 컴포넌트 제작 (Vue 37종, React 38종)프레임워크별 스토리북 제작핀크 서비스 운영 업무위* (신규 서비스) 마크업 외주 관리전자문서지갑 마크업 개발 Vue2자동차보험비교 마크업 개발 React 2024핀크 웹 사이트 리팩토링 Next.js금융상품탭 마크업 Vue2위* 마크업 QA 대응 Vue2어그리 (포겟 B2C) 마크업 Vue3기타 핀크 운영 프로모션 페이지카드 프로모션머니충전소 쿠팡파트너스홈페이지 대출상품 정보, 약관 수정POP 서버 레거시 정리 (폰트 통일화)마이데이터 연결 플로우 개선 마크업 React핀또 복권 마크업 Vue2

서론디자인모듈파트의 시작카카오엔터프라이즈는 B2B 서비스를 제공하기 때문에 신규 사업이 생길 때마다 필연적으로 어드민이 같이 개발되어 고객사에게 전달이 되어야 한다. 각각의 서비스 자체의 모든 디자인을 시스템화 하기는 정말 어려운 일이었지만 어드민이라는 특수 환경은 어느정도 통일이 가능한 영역이었다. 비슷한 디자인을 각각의 디자이너, 개발자가 매번 새롭게 만드는 것도 리소스 낭비로 여겨질 즈음이었다. 2022년 5월에 정식으로 목적 조직인 '디자인모듈파트'로 발령이 되었고 파트장을 맡아 프로젝트를 이끌었다. 사실 내가 아니더라도 모두가 조직장이 될만한 훌륭한 팀원들 덕에 완성도 높은 작업을 진행할 수 있었다. 대부분의 회사에서는 디자인 시스템을 구축하는 것이 업무 외 적으로 시간이 되면 하는 일로 우선순..

2020.02 ~이메일 서명, 이메일 템플릿 마크업 (후기)사내 주차시스템 마크업 전담카카오 i 계정 마크업 전담, 앵귤러 스토리북 개발 (후기)카카오엔터프라이즈 기술블로그 스킨 개발 전담 (후기)카카오엔터프라이즈 채용사이트 개선 참여입사 이래로 계속해서 맡고있는 메인 프로젝트는 카카오 i 계정 이다. 카카오엔터프라이즈가 서비스하는 모든 것의 기본이 되는 계정에 대한 페이지를 담당한다. 사실 서버개발 쪽이 일이 많은 프로젝트여서 마크업 페이지가 많지는 않다. 카카오에게 카카오 계정이 있다면 카카오엔터프라이즈에는 카카오 i 계정이 있다. 현재 앵귤러 기반으로 동작하고 있고, 리액트로 전환하는 작업을 2021년 3Q에 진행할 것 같다. (2022년 1Q까지 리액트 변환 작업을 하다가 프로젝트가 해산되면서 중..

더할 나위 없이 뿌듯했던 2019년이다.셀장으로서 많은 우여곡절이 있었지만이렇게 열심히 일했던 시절도 없는 것 같다.

CGEX 모바일 웹 Only Desktop 버전 웹사이트로 런칭하고 나서 당연히 모바일 웹에 대한 필요성도 있었다. 애매하게 남은 12월 한 달을 어떻게 알차게 보낼 수 있을까 고민하다가 혼자서 먼저 모바일 웹을 어느정도 선까지 만들어보고 싶은 욕심이 생겼다. 디자인은 이미 어느정도 나와 있는 상황이어서 내가 나머지 페이지들을 모바일화 하는 동안 디자이너님께서 트레이드 페이지 디자인을 고도화해주셨다. 12월 안에 내가 해낼 수 있을까 걱정이 되기도 했는데 생각보다 빠르게 진행되어서 예상보다 1주일이나 당겨서 완료할 수 있었다. 2018년 모바일웹의 목표는 일단 모바일에서 볼 수 있는 레이아웃으로 정돈한다! 였다. Balance, Order 페이지의 테이블들은 아직 반응형에 최적화 되어있지는 않다. 그런 ..

https://cgex.com/ 발목 골절로 5주간 재택근무를 마치고 더 이상 재택근무를 할 수 없는 상황이어서 출근을 하게 되었다. 코인원 BTC 마켓 오픈 준비로도 바쁜 와중에 내가 갑자기 크게 다치는 바람에 CGEX 일을 많이 못 도와주고 지체가 되어 있는 상황이었다. 복직해서 아예 오전은 코인원 오후는 씨젝스 작업시간으로 분리해서 최대한 집중하려고 했다. 코인원이 먼저 마무리 되는 덕에 씨젝스는 오픈전 일주일에 거의 최소한의 오픈을 위한 피델리티를 위해 진짜 풀 야근으로 작업을 했다. 목발 집고 회사 다니면서 진짜 힘들었던 시간이었다. 개인적으로 아쉬웠던 점은 사전등록 페이지를 재택근무 중에 급하게 요청이 와서 밤새서 만들어 넘겼는데, 여러가지 이유로 오픈 직전에 사전등록 페이지가 열렸다. 하지만..

https://coinone.co.kr/promotion/mobile_app/ 코인원 앱 2.0이 런칭되면서 앱이 대대적으로 큰 개편이 이뤄졌다.따라서, 홍보 페이지가 필요했고 BTC 마켓 오픈 이후에 약간 시간이 생겼을 때 작업할 수 있었다. 간단한 텍스트와 데모 동영상이 보여지는 심플하지만 깔끔한 페이지였다.동영상 퀄리티가 좋아서 이 페이지는 동영상이 다 한 것 같다. 처음에 관련 레퍼런스로 전달 받은 페이지는 네이버 앱 홍보 페이지였다.https://alpha.naver.com/experiment/newnaverapp 이 때 video 관련 태그를 한 번만 더 확인했더라면 실수하지 않았을텐데 ㅠㅠvideo playsinline 어트리뷰트를 적어주지 않아서 모바일 웹에서 동영상이 보이지 않는 이슈가 ..

코인원 BTC 마켓 오픈에 맞춰 진행된 5주간의 긴 이벤트를 다루는 페이지였다. 다른 개발 이슈는 크게 없었고 중간에 카드 형식으로 나열되어 있는 5장의 카드가 모바일에서는 가로로 스크롤이 되어야 하고, 초기 진입에 현재 진행중인 카드에 포커스가 맞춰져 있어야 하는 요건이 있었다. 이 때, 발목 골절로 집에서 재택근무 하던 때였는데 진짜 몸 상태 안 좋았었는데도 이거 개발한다고 밤새 붙잡고 있었던 기억이 난다. 카드는 완료(done) / 진행중(ing) / 대기 세가지 상태로 구성되어 있고, 위에 시간이 지날 수록 타임라인의 range가 차오는 형태를 가지고 있다. 카드 상태값은 done, ing 클래스 추가로 변환시키고 위에 타임라인은 data-step="n" (1