# UIUX

14개의 포스트

페이지 이동 시 항상 맨 위로 스크롤 이동하기

페이지 이동 시 이전 페이지의 스크롤 값이 변하지 않아 다음 페이지에도 스크롤이 내려가있는 문제를 해결했습니다.react-router의 useLocation hookuseLocation hook을 사용하면 location 객체에 접근할 수 있습니다.pathname과 w

7일 전
·
0개의 댓글
post-thumbnail

COINSS: 프로젝트 기획 배경 및 기획단계

새로운 개인 프로젝트를 시작하려 합니다. 프로젝트 시작 이유 기술적 이유 이번 프로젝트는 그동안의 Javascript를 이용하며 겪었던 불편함을 해소하기 위해 공부겸 서비스를 만들어 보려고 시작했습니다. 그렇다면 Javascript를 사용하면서 겪었던 불편함이 어떤 것

2021년 4월 24일
·
2개의 댓글

마우스 드래그로 좌우 스크롤 구현 (ft. React)

아이템들을 행으로 나열하고 설정해놓은 width를 넘어갈 때 overflow-x: scroll로 스크롤을 만들어 보일 수 있게 구현했습니다. 이때 스크롤 바를 움직이는 게 아닌 모바일 환경에서 옆으로 밀어서 이동하는 것처럼 마우스 드래그로 구현해봤습니다.Categori

2021년 4월 21일
·
0개의 댓글

React에서 Modal 컴포넌트 구현

음식점에서 세부 메뉴를 선택할 때 깔끔한 UI를 위해 모달을 이용해 구현해 봤습니다.메뉴 컴포넌트Modal 컴포넌트Modal을 제외한 나머지 어둡게 처리할 컴포넌트먼저 메뉴 리스트 중, 하나의 메뉴를 클릭하면 Modal 창이 나오도록 Menu 컴포넌트를 구성했습니다.u

2021년 4월 19일
·
0개의 댓글

IntersectionObserver 이용한 Infinity Scroll

SPA에서 자주 사용하는 Infinity Scroll을 IntersectionObserver로 구현한 과정입니다.Infinity Scroll은 페이지를 클릭하면 다음 페이지 주소로 이동하는 pagination과 달리 말 그대로 무한하게 데이터의 끝까지 스크롤이 가능하게

2021년 4월 5일
·
0개의 댓글
post-thumbnail

와이어프레이밍 (Wireframing)

와이어프레임이란? 와이어프레임이란 화면 레이아웃과 그 흐름을 설계하는 작업입니다. 본격적인 그래픽 디자인 작업에 들어가기 앞서 뼈대를 잡는 작업입니다. 와이어프레임 단계가 꼭 필요한가? > 프로토타입은 만드는데 시간이 걸리니 바로 개발해서 보여주면 안되나요? 와 같

2021년 3월 20일
·
0개의 댓글

비트맵 vs 벡터

✅ 참고http://blog.naver.com/PostView.nhn?blogId=hyuni_yun\_&logNo=220631334274&redirect=Dlog&widgetTypeCall=true&directAccess=false

2021년 3월 15일
·
0개의 댓글
post-thumbnail

[Kotlin][ReSub] 1. RecyclerView+Adapter, ResolveInfo

설치된 앱을 리사이클러뷰를 이용한 리스트로 보이는 예제.

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

나에게 맞는 와이어프레임 UI UX 툴 찾기

UI UX 툴은 다양한 종류가 있다. 이 중 나에게 맞는 툴은 무엇일까? 현업에서 많이 사용하는 대표적인 4가지를 가져왔다. Sketch는 애플의 맥(Mac)에서 사용할 수 있는 디자인 앱입니다. UI, 모바일, 웹 및 아이콘 디자인에도 사용할 수 있습니다. 실제 현

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

[YouTube분석] 유튜브 vs 네이버TV(UI/UX측면)

국내 온라인 동영상 플랫폼의 절대강자는 'YouTube'이다. 많은 사람들이 TV 시청시간보다 모바일로 동영상을 시청하는 시간이 많아지면서 YouTube는 동영상 시장을 넘어 정보검색, 광고, 콘텐츠 등 인터넷 시장의 다양한 구성요소들을 포함하는 모바일 포털로써 정점을

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

와이어프레임이란 무엇이며, 어떻게 만드는가? (What Are Wireframes, and How Do I Make Them?)

큰 그림, 와이어프레임은 애플리케이션의 프로토타입입니다. 페이지상에 어떤 내용이 실릴지 보여주는 거친 목업이지만, 세부적인 색상, 그래픽 디자인, 미묘한 모양은 아닙니다.

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

[03] UI/UX :: 개발을 위한 디자이너들의 기본

최근 여러 유튜브를 보며 UI/UX 디자인을 전문적으로 하시는 분들의 영상을 보곤 합니다. 물론 디자인적 실력은 뛰어나지만 개발에 대한 이해도가 부족하여 이것이 실제 업무로 넘어갈시 큰 문제점이 보이는 경우가 많이 보이곤 합니다. UI/UX 디자인은 시각 디자인이라는 큰 틀 안에 존재하지만, 개발에 대한 이해도가 반드시 필요한 분야입니다. 개발에 대한 이해...

2019년 11월 7일
·
3개의 댓글