# UI

[iOS/Swift] UITableViewCell 겹침 현상
UITableView를 만들던 중 numberOfRowsInSection 불러준 개수대로 cell이 불러와지지 않는 현상을 마주했다.분명 return 2를 해줬는데..하나만 보인다..rowHeight도 제대로 줬음에도 불구하고.. 무엇이 문제인지 hierarchy를
UX/UI 10가지 심리학 법칙[2장/3장]
의사결정에 걸리는 시간은 선택지의 개수에 비례한다.골목시장 생각남 → 메뉴를 줄여라!인지부하인터페이스를 익히고 인터랙션하는 데 필요한 정신적 자원의 양기능을 순차적으로 적시에 공개하면 사용자는 별다른 부담없이 복잡한 작업흐름에도 잘 적응한다.지나친 단순화추상화라고 할정
UX/UI 10가지 심리학 법칙[1장]
디자이너들이 일반적인 디자인 관습을 따를 것을 권한다.사용자가 사이트의 컨텐츠와 메시지, 제품에 대한 집중력이 높아진다.사용된 심리학 개념멘탈 모델사용자는 시스템 작동 방식에 관한 모델을 만들고 그 시스템과 비슷한 환경에서 해당 모델을 적용한다.사례웹 요소의 디자인현실

[UX/UI] 디자인 시스템 구축하기
디자인 시스템을 만들고 유지하는 업무는 꽤 시간이 걸리며 보통 이를 전담하는 부서가 필요하다.구성원들이 디자인 시스템을 사용 및 적용하기 위한 교육이 필요하다.고정된 정보를 제공하는 프로젝트(e.g. 기업 소개 웹사이트) 또는 일회성 프로젝트(e.g. 프로모션용 랜딩

[UX/UI] Atomic Design
최근 스마트폰의 보급과 기술 발전으로 인해 웹 환경이 빠르게 변화하고 있다. 데스크톱과 모바일에서 더 나아가 태블릿, TV, 냉장고, 자동차 등 다양한 기기에서 웹 환경이 제공되고 있다. 이러한 변화에 따라, 디자이너와 프론트엔드 개발자들은 환경에 상관없이 일관된 사용

(SEB_FE) Section4 Unit4 [UX/UI] Atomic Design
아토믹 디자인의 개념과 이를 구성하는 요소에 대해 알 수 있다.아토믹 디자인 적용 시 얻는 이점에 대해 이해할 수 있다.애플리케이션을 아토믹 디자인으로 구성하는 방법에 대해 이해할 수 있다.웹 디자이너 Brad Frost가 책 "Atomic Design"을 통해 제시한

(SEB_FE) Section4 Unit4 [UX/UI] Design System
디자인 시스템이란 무엇이며, 왜 중요한지 이해할 수 있다.디자인 시스템을 적용함으로써 얻는 이점을 알 수 있다.구글, 마이크로소프트 등 실제 유명 서비스에서 디자인 시스템을 어떻게 사용하는지 알 수 있다.디자인 원칙부터 재사용할 수 있는 UI 패턴과 컴포넌트, 코드로

What's new in CSS and UI: I/O 2023 Edition
최근 출시되었거나 곧 출시될 흥미롭고 영향력 있는 기능 20가지가 정리 되어있다 !https://developer.chrome.com/en/blog/whats-new-css-ui-2023/?utm_source=oneoneone컨테이너 쿼리, 스타일 쿼리, nt

All in One for Figma - <UX/UI 디자이너를 위한 실무 피그마> 서평
요즘 저는 개인 웹사이트 제작에 관심이 생겨 ChatGPT를 활용해 프론트엔드 개발을 하고 있습니다.그러나 디자인이 참 까다롭습니다.머릿속에는 예쁘고 깔끔한 홈페이지가 그려지지만, 이를 그리려니 그림판이나 PPT로는 담기지 않아서 고민하고 있습니다.그래서 읽었습니다.개
Section3 기술면접
재귀의 사전적으로 '원래의 자리로 되돌아가거나 되돌아오다'라는 의미를 가지고 있습니다. 그 의미와 같게 개발적 관점에서는 '자기 자신을 호출하는 함수'를 재귀 함수라고 하고 이러한 제귀 함수를 사용한다면 반복적인 작업을 해야 하는 문제를 좀 더 간결한 코드로 풀어낼 수
[Flutter / GoogleMap] ScrollView 에서 GoogleMap Touch Event 우선권 갖기
GoogleMap을 전체 화면에 사용할 때도 있지만, 스크롤 내에 사용해야 할 때도 있는데요! ScrollView 내에 GoogleMap을 넣고 사용해보면 GoogleMap과 ScrollView 모두 드래그 이벤트를 가지고 있는데, 이게 중첩되면서 아래 사진같이 원하

3장 - 기본 위젯
1. 사용자 인터페이스의 개요 사용자 인터페이스 (UI : User Interface) 뷰그룹 (= layout(위젯)) 다른 뷰들을 담는 컨테이너 기능 ViewGroup 클래스에서 상속받아서 작성됨 뷰 (= Control(컨트롤), Widget(위젯)) 기초적인 빌딩

[Zero-base UXUI] Reference - week3
버스타고는 고속/시외 버스 예매 관리 어플리케이션입니다.출발지와 도착지 / 날짜를 선택하고 조회할 수 있는 페이지로 언어 선택도 가능출발지 / 도착지 / 날짜 선택 이후 시간대에 맞는 버스의 예약 가능 상태 확인 가능버스표 예매에 대한 각 상태를 확인할 수 있는 페이지

[사용자 친화 웹] UI 디자인
UI 디자인 패턴은 프로그래밍 시 자주 반복되어 나타나는 문제점을 해결하고자, 과거의 다른 사람이 해결한 결과물을 재사용하기 좋은 형태로 만든 패턴을 말한다.