# ux

14개의 포스트
post-thumbnail

개발자가 UX를 향상 시키는 방법

'디자이너가 같은 시안을 주더라도 개발자마다 UX의 정도가 다를 수 있다. 디자인 시안을 바꾸지 않고 UX를 향상 시키는 방법에는 어떤 것들이 있을까요?'면접 때 받은 질문이다. 나는 제대로 답을 하지 못 하였다. UX에 대해 많은 생각을 해보지 않았기 때문이다. 프론

2020년 6월 23일
·
0개의 댓글

UI / UX 란?

UI / UX에 대해 아직 제대로 모르는 것 같아 정보들을 찾아 간단히 정리해보고자 한다. 간략하게 말하자면 UX는 경험이고, UI는 이 경험을 실현시키는 수단이다. 카카오톡은 채팅이란 경험들 제공한다. 채팅이란 경험을 제공하기 위해 App이라는 수단을 사용한다.

2020년 6월 20일
·
0개의 댓글

스크롤 방향에 반응하는 헤더

스크롤이 아래로 향하면 숨기고, 위를 향하면 보여주는 헤더가 있으면 좋을 것 같다는 생각이 들어 transition을 활용해 간단한 애니메이션으로 구현했다.

2020년 6월 14일
·
0개의 댓글
post-thumbnail

너의 UX에도 다 계획이 있구나! - 1

여러분의 UX는 안녕하신가요?

2020년 4월 6일
·
0개의 댓글
post-thumbnail

Debounce와 Throttle: 효과적으로 이벤트 핸들링하기

Debounce와 Throttle은 자바스크립트 이벤트를 (양적인 측면에서) 효율적으로 처리하기 위한 방법입니다. 이러한 컨트롤이 필요한 경우의 예를 들기 위해, 이전에 만들었던 페이지를 가져와 보겠습니다. 예전에 만든 회사 홈페이지 직접 개발한 가로 스크롤형 홈페이지

2020년 3월 19일
·
0개의 댓글
post-thumbnail

Anime.js 사용하기

Vue.js 프로젝트에서 애니메이션의 손쉬운 구현을 위해 Pure JavaScript Library인 Anime.js 라이브러리를 사용하는 방법에 대해서 알아봅니다. 다양한 기능이 있지만 단일 DOM 객체를 움직이는 기능을 중점적으로 서술하였습니다.

2020년 3월 19일
·
0개의 댓글
post-thumbnail

[Vue.js] 카카오 우편번호 서비스 컴포넌트 만들기

Vue.js에서 Daum 우편번호 서비스를 이용해 쉽고 간편하게 우편번호 검색, 도로명 주소 입력 기능을 만들어보세요. navigator history stack관리는 덤.

2020년 3월 16일
·
0개의 댓글
post-thumbnail

벨로그 홈에 그리드 뷰 되살리기 2편: UI 목업(Mock-up) 만들기

벨로그 홈을 새로 디자인하기 위하여 UI 목업을 준비하면서 했던 고민들을 정리하여 포스트로 작성해보았습니다.

2020년 2월 23일
·
6개의 댓글
post-thumbnail

벨로그 홈에 그리드 뷰 되살리기 1편: 문제 확인과 벤치마킹

이번에 벨로그 홈에 그리드 뷰를 되살릴 계획인데요, 이 과정을 포스트로 남기면 재밌을 것 같아서 이렇게 시리즈를 시작합니다! 이번 포스트를 통해 제가 어떤 생각을 하면서 UX를 기획하는지 엿볼 수 있을겁니다!

2020년 2월 20일
·
6개의 댓글
post-thumbnail

UI/UX :: [02] 안드로이드와 iOS

포토그래퍼, 영상 제작 분야에서도 아이폰을 비롯하는 애플 제품군을 사용하는 경우가 많이 있습니다. 이는 Mac에서 지원되는 어플리케이션 ( 대표적으로 파이널컷 ) 과 연동성에 ...

2019년 10월 28일
·
3개의 댓글
post-thumbnail

주니어 개발자가 알아야 하는 최소한의 UX - 2 Loading 이 필요해

onClick 에 충분한 느림이 필요하다. 신입 개발자로서 첫 번째 프로젝트에 투입되어 고군분투할 때의 이야기다. 당시의 나는 입사 후 첫 로그인 기능을 구현 후 뿌듯함에 젖어있었다. 클라이언트 서버와 API서버는 서로 빠르게 통신하며 콘솔창에 '로그인 성공'이라는 텍스트를 출력하였다. 로그인 버튼을 누르기만 하면, 체감할 수 없는 빠른 속도로 Resp...

2019년 7월 14일
·
0개의 댓글
post-thumbnail

주니어 개발자가 알아야 하는 최소한의 UX - 1

내가 생각하는 주니어 개발자와 UX(User Experience) 이 포스팅을 쓰게 된 이유는 올봄, 같은 주니어 프론트엔드 개발자의 푸념으로 시작되었다. 학교를 졸업하고 멋지게 입사해서 드디어 개발자가 되었구나! 하는 순간, 단순하게 '마크업'만 하는 기계로 전락한 것 같다는 고민이었다. 그도 그럴 것이 내가 접한 대부분의 프로젝트에서 주도권은 기획자...

2019년 7월 14일
·
0개의 댓글
post-thumbnail

⚡️ Google Chrome Labs의 Quicklink로 웹페이지 UX 향상시키기

이 글에서는 Google Chrome Labs에서 2018년 11월에 공개한 quicklink에 대해 알아보고 간단하게 사용해보는 방법을 다룹니다.

2019년 2월 17일
·
3개의 댓글

테스트 두번째요

작성하기 힛트 한 후에 먼가 변화를 주는게... 직관적일것 같네용. 다시 한번 해볼게요!

2018년 9월 28일
·
1개의 댓글