UX/UI 글 모음

마켓컬리

2020-07-09 · 약 6년 전

React의 기본 개념에 대해 알아봅시다

유비케어

2019-06-04 · 약 7년 전

CSS 3 Transform 3D CSS 3 기술의 구체적인 사용법이나 활용보다는 웹에서 이러한 방식으로도 표현이 가능하다는 것을 공유하고자 글을 작성하였습니다. 크롬이나 파이어폭스에서 확인해주세요 ^^

카카오스타일

2019-04-29 · 7년 이상 전

안녕하세요 지그재그에서 프론트엔드 개발을 하고 있는 태재영입니다. 프론트엔드 개발자에게 중앙 정렬을 어떻게 하냐고 물어보면 inline 요소는 text-align 속성을 center로 지정하고, block 요소는 margin 속성을 auto로 지정한다고 대답할 겁니다. 그런데 좌우가 아니라 위아래 수직 정렬을 어떻게 하겠냐고 물어보면 대답을 선뜻 못하거나 굉장히 다양한 답변들이 나옵니다. 그 여러 방법들 중에 개발자들이 사용하면서도 “왜 되는거

데브시스터즈

2019-02-26 · 7년 이상 전

모바일 반응형 웹페이지를 쉽고 빠르게 구현하기 위해 저희가 고안한 방법을 소개합니다.

티몬

2018-11-15 · 거의 8년 전

안녕하세요. 티몬의 모바일 개발 유닛에 소속된 김병주라고 합니다. 이번 주제는 티몬 앱의 플레이 스토어에 리뷰로 자주 등장하는 자동 실행 이슈에 대한 처리 과정에 대해 이야기 하려 합니다. 티몬 앱의 자동실행? 처음 이 이슈를 접한 건 18년 4월 초 였습니다. 플레이 스토어의 티몬 앱 유저 리뷰를 보는 도중 티몬 앱이 강제로 자동 실행된다는 이슈가 올라오기 시작했습니다. 자동실행 이라니? 처음 보는 이슈 내용이었고, 내용이 정확하지 않아 파악

티몬

2018-10-10 · 거의 8년 전

티몬 라이브 플랫폼 제작기 신사업개발랩 김영은 여러분, 스마트폰으로 동영상 많이 보시나요? 출퇴근길에 오며 가며 보면 많은 사람들이 유튜브로 콘텐츠를 보거나 생중계 스포츠, 좋아하는 TV 프로그램을 봅니다. 티몬 앱을 들어와보시면 이미지 대신 동영상으로 설명을 대신하는 상품들도 많아졌죠. 그렇다면 라이브 동영상을 보며 상품을 사는 건 어떨까요? 이미 TV 홈쇼핑을 통해 구매해봤던 분이시라면 익숙한 경험일 수도 있습니다. 제가 속한 신사업개발랩에

티몬

2017-07-06 · 약 9년 전

국제화(internationalization, i18n), 현지화(localization, l10n)에 대한 어떤 프로그래밍 언어나 플랫폼의 지원정보는 많이 접하게 되는데요. 실제 이를 활용할 일은 조금 드문 것 같습니다. 그래서 예전에 진행했던 인도네시아 유저 대상의 상점 프로젝트를 진행할 때 있었던 에피소드를 소개할까 하는데요. 회원팀, 빌링팀에서 어려운 문제는 다 해결해주시니, 저는 이들 팀과 통신하고 UI를 표시하는 정도의 일만 하면 되

티몬

2017-06-14 · 약 9년 전

초기의 티몬 앱 화면 구성은 지금에 비하면 꽤 단순한 구조였습니다. 한 화면에서 특정 카테고리 상품 목록을 동일한 패턴으로 보여주고 배너 몇 개 들어가는 정도였으니까요. 하지만 더 나은 사용자 경험을 위해 한 화면에 다양한 타입의 뷰를 적용하기 시작했습니다. 슈퍼마트 탭의 홈 화면만 해도 이벤트 배너 목록, 슈퍼 프라이스 목록, 기획전 목록.. 등 노출되는 정보와 뷰가 다양해지면서 호출해야 하는 api도 많아졌습니다. 모든 api는 비동기로 호

티몬

2017-05-11 · 9년 이상 전

들어가며아마 모바일 App을 개발하는 분이라면 공감할 것입니다. “내 손 안의 작은 세상, 모바일 혁명", “모바일 커머스 시대"라는 말들에 맞추어, 손바닥 만한 화면에 들어가야 하는 수많은 코드, 갈수록 무거워지고 늘어나는, 결국엔 정리가 안되고 스파게티 코드로 변해가는 상황들… 늘어 놓으면 한도 끝도 없지만 이것만으로도 큰 문제고, 이런 식의 기술부채는 아마도 줄어들지 않고 더 많아지겠죠. 그래서 그동안 경험했었던 디자인 패턴들에 대해서 공

엔라이즈

2016-09-08 · 거의 10년 전

모씨 디자인 팀은 8월 초 CTO의 추천으로 스케치를 디자인 주류 도구로 사용하게 되었습니다. 추천을 받은 순간에는 크게 기대하지 않았습니다. 새롭게 등장하는 디자인 프로그램들이 대부분 와이어-프레임(Wire-Frame)이나 목업(mock-up) 제작 도구 수준을 넘지 못하는 경우가 많았기 때문입니다.