# UI

150개의 포스트
post-thumbnail

[Unity] Render Texture를 사용하여 Particle System으로 Hp Bar 만들기

Hp bar를 만들 때 보통 UI에서 Slider 를 쓰거나,Image로 해서 Filled 기능을 쓰면 됐었다근데 이번에 해야하는 건출렁이는 것 같은 느낌을 주기 위해 Hp를 표현하는 Particle system이 있고,그게 Hp bar처럼 보여야 하며 코드로 수치를

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

UI & UX Process

프로젝트 진행과정은 크게 아래과 같은 단계를 거쳐 진행됩니다.디테일하게는 더 많은 과정이 있지만 현 블로그는 UI & UX 과정을 설명 예정으로 간단하게만 나열했습니다.1) 프로젝트시작 및 프로덕트미팅MVP (Minimum viable product) - 정말 기본적인

2021년 12월 29일
·
0개의 댓글

리액트(React)-props로 UI제작

props 기능을 통해 모달창을 열고 닫기. 그리고 원하는 state를 띄우기

2021년 12월 27일
·
0개의 댓글
post-thumbnail

User을 위한, Uxer을 위한

사용자에게 최적의 경험을 전달해주고자 하는 마음은 업무를 진행하면서 항상 커지고 있다. 하지만, 내가 잘 실천하고 있는 것일까? 라는 생각이 문득 들어서 사용자에 대해서 한 번 더 생각해보는 글을 작성하려고 한다.

2021년 12월 26일
·
0개의 댓글
post-thumbnail

[Flutter] 동적인 UI 만드는법

동적인 UI개발은 3stpe을 따르면 쉽다.state에 UI의 현재상태 저장state에 따라 UI가 어떻게 보일지 작성유저가 쉽게 state 조작할 수 있게 만들기state에 UI의 현재상태 저장state에 따라 UI가 어떻게 보일지 작성유저가 쉽게 state 조작할수

2021년 12월 25일
·
0개의 댓글
post-thumbnail

왜 Google material design을 놔두고 Ant Design을 쓸까?

React UI 라이브러리는 정말 다양하다. UI 라이브러리를 접한 개발자들은 Bootstrap, Material-UI, semantic UI를 들어봤을 것이다. 위의 라이브러리에 대한 정보는 많지만 Ant Financial의 Antd는 흔치 않을 것으로 생각한다.

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

TIL | UI와 API 란?

UI (User Interface)를 먼저 알아보겠습니다. Interface 는 한국어로 경계면 이라고 해석하기도 합니다. 한국어가 오히려 더 어렵게 느껴지기도 하네요. UI는 유저가 소프트웨어와 만나는 경계면. 즉, 유저가 소프트웨어에 접근하고, 명령을 내릴 수 있는

2021년 12월 15일
·
0개의 댓글

오류해결: View간 NavigationBar Title의 크기가 바뀌지 않던 문제

VC1에서 `prefersLargeTitles`를 `true`로 놔둔 상태에서 VC2의 `largeTitleDisplayMode`를 `.always` 또는 `.never`로 설정하는 것이 답이였다.

2021년 12월 14일
·
0개의 댓글
post-thumbnail

[Dev] UI & API

UI는 User Interface의 약자이며 컴퓨터라는 시스템과 사용하는 사람의 접점에 존재한다. 사람이 생각하는 걸 컴퓨터에게 전달하는 입력장치, 컴퓨터의 상태를 사람에게 전달하는 출력장치가 바로 UI다. 즉, 사용자가 접근하는 방법을 말한다.API는 Applicat

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

<백엔드의 시작 ui & API>

이제는 백엔드의 이해이자 기본에 대해 알아볼 시간이다. 먼저, 첫 번째 주제로 Ui와 api가 무엇인지 알아보고 그 차이에 대해 한 번 얘기해 보겠다. 1. UI란? 아마도 ui는 대개 많이들 알고 있을 것으로 생각된다. 즉, user interface의 약자로,

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

TIL#44 Node) UI와 API

일반 사용자들은 UI (버튼, 스크롤바,링크 등)를 통해 앱의 동작, 기능을 제어하는 반면, 개발자들은 API 를 통해 소프트웨어를 제어, 개발한다.UI(User Interface)는 사용자가 소프트웨어와 만나는 경계면, 즉 사용자가 소프트웨어에 접근하고, 명령을 내릴

2021년 12월 11일
·
0개의 댓글
post-thumbnail

[Node] UI와 API

Interface는 한국어로 경계면 이라고 해석하기도 한다. 한국어가 오히려 더 어렵게 느껴진다. UI는 유저가 소프트웨어와 만나는 경계면 즉, 유저가 소프트웨어에 접근하고, 명령을 내릴 수 있는 부분을 일컫는 말이다.스크린, 키보드, 마우스, 웹 브라우저 등이 해당된

2021년 12월 11일
·
0개의 댓글

[UI] react lazy && skeleton ui

사진을 불러올 때, 빈 칸이 생겨서 랜더링을 하면서 요소가 이동한다고 생각해서 그 안에 skeleton ui를 넣어주기로 했다. 여기에 keyframes를 사용해서 animation을 넣었다. react lazy, suspensehttps&#x3A;//velog.io/

2021년 12월 8일
·
0개의 댓글
post-thumbnail

UX&UI 스터디5: 자가격리 안전보호

이번에 분석해볼 앱은 자가격리 앱이다. 자가격리 앱은 확진자랑 동선이 겹쳤거나 이상증상이 발견됐을때 해야하는 14일의 자가격리 기간동안 지역의 담당 공무원에게 체온/기침/목아픔/호흡곤란 여부와 자가격리 위치를 벗어났는지 여부를 사용자가 체크해 기록하는 시스템이다. 하

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

UX/UI의 10가지 심리학 법칙 (2/2)

UI/UX 이론서를 읽고 팀원들에게 소개하려 쓰는 글입니다.두 번째로 존 야블론스키의 &lt;UX/UI의 10가지 심리학 법칙>를 읽었습니다. 지난 글에 이어 6번 원칙 부터 소개하도록 하겠습니다.사람의 단기 기억에는 한계가 있습니다. 한번에 ±7개 정도를 기억할 수

2021년 11월 30일
·
1개의 댓글
post-thumbnail

UX/UI의 10가지 심리학 법칙 (1/2)

UI/UX 이론서를 읽고 팀원들에게 소개하려 쓰는 글입니다. 두 번째로 존 야블론스키의 를 읽었습니다. 저는 이렇게 읽었습니다. 서문을 보다가 빵 터질 수 밖에 없었습니다. 저자가 저와 거의 동일한 문제의식을 가지고 있었거든요. 딱히 써먹을 만한 정량적 또는 정성적

2021년 11월 25일
·
0개의 댓글
post-thumbnail

UX&UI 케이스 스터디4: 런데이

네번째 케이스 스터디는 런데이다. 피트니스 앱을 자주 사용하지는 않지만 런데이는 처음 러닝을 시작하는 사람에게도 부담스럽지 않은 인터벌 방식으로 가장 자주 사용하는 피트니스 앱 이다. 목표가 명확하고 기능이 많지 않기 때문에 컴포넌트들이 눈에 잘 들어오기 때문에 컴포

2021년 11월 23일
·
0개의 댓글
post-thumbnail

React - 시작하기

React👨‍💻 프론트엔드 기술에서 빠질 수 없는 기술 React 를 익히는 첫 날이다! React는 Javascript 사용자 인터페이스 (UI) 라이브러리 라고 보면 된다. 프레임워크와 착각 할 수 있지만 엄연히 다르다.

2021년 11월 16일
·
0개의 댓글
post-thumbnail

게임 디자인 공부中

11.11. 콘셉트 디자인11.12. 그래픽&사운드11.13. QA11.14. 캐릭터 설정BOOK 게임 디자인을 위한 기초 이론

2021년 11월 14일
·
0개의 댓글
post-thumbnail

Start from Copy other designs

Figma UI Design Tutorial

2021년 11월 12일
·
0개의 댓글