UI
HTML, CSS - Toast Ui에 폰트 적용
코드 html > body, html > body .toastui-editor-contents, html > body .ProseMirror, html > body .toastui-editor-md-code, html > body .toastui-editor-md-code-block { font-family: "my-font", sans-serif; text-underline-position: under; } 사용 font-family: "my-font" 자리에 font-family 명을 쓰면 된다. 출처 유튜브 몰입코딩 아카이브
UI - UI 용어들
UI란 사람(사용자)과 사물 또는 시스템, 특히 기계, 컴퓨터 프로그램 등 사이에서 의사소통을 할 수 있도록 일시적 또는 영구적인 접근을 목적으로 만들어진 물리적, 가상적 매개체를 뜻한다. UI의 소통 수단 - 입력: 사용자가 시스템을 조작할 수 있게 한다. - 출력: 시스템이 사용자가 이용한 것에 대한 결과를 표시한다. - 삭제: 시스템이 사용자가 잘못한것을 삭제한다. UI 종류 - 그래픽 사용자 인터페이스(GUI): 체계의 요소에 해당하는 그래픽과 텍스트로 이루어져 있다. 여기에는 적어도 두 개의 서로 다른 정책, 곧 객체지향 인터페이스와 응용 프로그램 지향 인터페이스가 공존하고 있다. - 웹 기반 인터페이스(웹 사용자 인터페이스, WUI): 인터넷과 웹 브라우저를 통해 웹 페이지를 열람하고 조작하는..
UI - 화면설계란
화면설계는 스토리보드 UI, Wire-Frame등 다양하게 불린다. 정의 - 사용자들을 위해 개발되는 응용 소프트웨어 엔지니어링의 한 요소 - 컴퓨터 프로그램과 사람과의 상호작용과 정보교환을 위한 사용자 인터페이스(User Inteface)를 사용자가 사용하기 쉽도록 사용자 경험(User Experience) 에 기반하여 설계하는 것이 좋은 설계방법 설계 원칙 직관성(Intuitiveness) - 화면의 버튼, 항목, 입력란 등이 직관적으로 기능이나 의미가 파악되어야함. 일관성(Consistency) - 여러 화면의 인터페이스에서 각 항목 배치는 일관성이 있어야 함. 효율성(Effectiveness) - 인터페이스 사용이 쉬어야하며 쉽게 익숙해질 수 있어야 함. 설계 순서 UI 업무사항 분석 -> UI ..