# UI

14개의 포스트

UI / UX 란?

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

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

[TIL] 20.06.15 과제,책,블로그에서

상당량의 과제들이 추가되었다.😊🙂🤔🤨😐🙄😣

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

Vanilla JS로 짱깸뽀(가위 바위 보) 게임 만들기

바닐라 자바스크립트로 만든 추억의 짱깸뽀 게임이다.시작 버튼을 눌러 게임 시작게임을 한판 할 때 마다 하단의 코인이 하나씩 소모됨룰렛 주변으로 게임 결과가 표시 됨승리할 경우 랜덤으로 코인이 지급짱깸뽀 사운드를 추가해야 하는데 구하기가 쉽지 않음여기를 클릭하면 게임 화

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

핀터레스트 레이아웃 구현하기

핀터레스트 레이아웃 사용시 자바스크립트만으로 구현이 가능하다. Masonry 플러그인을 활용하면 좀더 다양한 인터렉션을 활용할 수 있지만 성능 및 블록 틀어짐 이슈 때문에 자바스크립트만 활용하였다.현재 화면에 나열된 요소들의 부모를 기준으로 posirion: absol

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

UI 디자인 경험상 법칙 정리

https://uxdesign.cc/10-rules-of-thumb-in-ui-design-aa5f91885444 를 정리단순히 법칙은 아니고 경험상 디자인 작업에 도움이 될만한 규칙들을 정리했다.익숙하지 않는 경우 밀도는 화면이나 ppi 1인치 당 픽셀 수

2020년 5월 10일
·
0개의 댓글

Skeleton UI

요즘 skeleton이 매우 핫합니다.Loading Indicator를 보여주는 방법에는 여러가지가 있습니다.그 중 대중적인 두 가지를 살펴 보겠습니다.Loader1Skeleton2여러분은 두 가지 중에 어떤게 마음에 드시나요?제가 속마음을 읽어보자면 두 번째를 고르신

2020년 5월 4일
·
0개의 댓글

사용자 인터페이스

사용자 인터페이스(UI) : 사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어를 의미 초기의 UI는 단순히 사용자와 컴퓨터 간 상호작용에만 국한되었지만 요즘에는 기능 위주로 변경, 최근에는 정보 내용 전달 위한 표현 방법이다.

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

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

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

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

Flutter UI의 틀을 잡자! [LEE'Today]

2020.03.20 LEE'Today\_회고록목차 1\. 복잡한 UI 개발 - 쓸모있는 명령어오늘은 복잡한 UI를 만들어 보았습니다!19일의 LEE'Today에선 직접 코드를 분석하고 뜯어(?)도 봤는데!한번 뜯어 본 것으로 해당 UI를 구성하였습니다!꽤나 공들이면 쓸

2020년 3월 21일
·
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개의 댓글

Skeleton: 극 미니멀을 추구하는 반응형 CSS 라이브러리

부트스트랩이나 리액트에서 많이 쓰는 Material UI 같은 UI Framework 들은 많이 알려져 있지만, 상대적으로 Skeleton CSS는 많이 알려지진 않은 것 같다. 아마도 'skeleton'이라는 단어 자체가 한글 뜻 그대로 '뼈대'라는 의미로 프로그래밍에서 너무 많이 쓰이는 단어이기 때문일 것이다. skeleton CSS라는 용어도 사실...

2020년 1월 30일
·
0개의 댓글

깔끔하고 예쁜 lightbox 플러그인, chocolat.js

학부시절 졸업프로젝트로 웹사이트를 만들게 되었다.당시의 나는 굉장히 우유부단한 학생이어서, 아이디어를 정말 많이 변경했다. 게다가 디자인 학과 플젝이므로 디자인이 예뻐야만 했다. 고민 끝에 여러가지 오픈소스 라이브러리를 찾아다녔는데, 그 중 너무 맘에 쏙 들었지만 쓰지 못했던 jquery plugin을 소개하고자 한다. 우선 내가 소개하려고 하는 lig...

2019년 12월 13일
·
0개의 댓글
post-thumbnail

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

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

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