정말 오래만에 글을 쓴다.UX 디자이너로 일을 시작한지 얼마 안된 것 같은데 다음 달이면 2년차가 된다는게 믿기지가 않음 내 첫 희생양은 알뜰교통카드 애플리케이션이다.얼마 전 UI가 대대적으로 개편이 되며 불편한 점이 한 두가지가 아니었는데실제로 UXUI가 개선이 됐는지, 단점이 있다면 어떤 점인지에 대해 간략하게 보도록하자. 기존 앱 먼저 기존 앱을 살펴보자.앱을 눌러 들어가면 제일먼저 얼마나 적립되어있는지 확인할 수 있다.왼쪽 상단에 이번 달에 적립된 마일리지를 통해 쌓인 금액을 확인할 수 있다.우측 스탬프 업데이트는 실효성이 있는지 모르겠으나, 오류가 있을 경우 새로고침을 할 수 있는 버튼이다.가운데 슬라이드 페이지를 통해 적립 현황을 확인할 수 있고 빈 ..
🎢 커리어 쌓기 6단계 이론 공부 - 툴 익히기 - 경험 쌓기 - 네트워킹 - 멘토 찾기 - 채용 정보 찾기 🛒 유용한 사이트 & 설정 Medium : https://medium.com Smashing : https://smashing.com NNG(Nielsen Norman Group) : https://nngroup.com Feedly : RSS Feed 제공 Alfred : 빠른 검색 기능 제공 🥨 UX, UI, Usability, UCD UX : 전체 User Experience(사용자경험) 사용자가 직, 간접적으로 느끼고 생각하게 되는 모든 경험 혹은 사용자와의 상호작용과 관련된 모든 측면 UI : 접점 User Interface(사용자 인터페이스) 사용자가 특정 작업을 수행할 수 있도록 정보,..
Stack 스택(Stack) 나중에 넣은 데이터가 먼저 나오는 LIFO 기반의 선형 자료 구조 구현 메서드 데이터 전체 획득 / 비어 있는지 확인: Stack.getBuffer(), Stack.isEmpty() 추가 / 삭제 / 마지막 데이터 조회 / 크기 확인: Stack.push(), Stack.pop(), Stack.peek(), Stack.size() 데이터 위치 / 존재 여부 확인: Stack.indexOf(), Stack.includes() ✔ Stack 구현 예제(1) // Stack() : 생성자 함수로, 초기 데이터 설정 function Stack(array) { this.array = array ? array : []; } // 객체 내 데이터 셋 반환 Stack.prototype.ge..
Circular Queue 원형 큐(Circular Queue) 원형 형태를 가진 FIFO 기반 선형 자료 구조 length보다 길게 넣을 경우 삭제 시키기(메서드 사용) 구현 메서드 데이터가 다 찼는지 / 비어있는지 확인: CircularQueue.isFull(), PriorityQueue.isEmpty() 데이터 추가 / 삭제 / 반환: CircularQueue.enqueue(), CircularQueue.dequeue(), CircularQueue.getBuffer() 첫 번째 데이터 / 사이즈 / 전체 삭제: CircularQueue.front(), CircularQueue.size(), CircularQueue.clear() ✔ Circular Queue 구현 예제(1) // CircularQu..
Priority Queue 우선순위 큐(Priority Queue) 우선순위를 고려하여 먼저 넣은 데이터가 먼저 나오는 FIFO 기반의 선형 자료 구조 우선순위 정렬 방식: 배열 기반, 연결리스트 기반, 힙(Heep) 기반 등의 정렬 방식 존재 구현 메서드 데이터 전체 획득 / 비어있는지 확인: PriorityQueue.getBuffer(), PriorityQueue.isEmpty() 데이터 추가 / 삭제: PriorityQueue.enqueue(), PriorityQueue.dequeue() 첫 번째 데이터 / 사이즈 / 전체 삭제: PriorityQueue.front(), PriorityQueue.size(), PriorityQueue.clear() ✔ Priority Queue 구현 예제(1) //..
Queue 1) 큐(Queue) 먼저 넣은 데이터가 먼저 나오는 FIFO 기반의 선형 구조 구현 메서드 데이터 전체 획득 / 비어 있는지 확인: Queue.getBuffer, Queue.isEmpty() 데이터 추가 / 삭제: Queue.enqueue(), Queue.dequeue() 첫 번째 데이터 / 사이즈 / 전체 삭제: Queue.front(), Queue.size(), Queue.clear() Queue 구현 예제(1) 객체 내 데이터 셋 반환, 존재 여부 파악 // Queue(): 생성자 함수로 초기 데이터 설정 function Queue(array) { this.array = array ? array : []; } // getBuffer(): 객체 내 데이터 셋 반환 Queue.prototy..