# UI
TIL) 230327
android:background="?attr/selectableItemBackground"코틀린은 자바와 다르게 생성자의 매개변수들을 클래스 내에서 멤버 변수로 자동으로 만들어 주지 않기 때문에, 클래스 정의 내에서 생성자 매개변수를 private var로 선언해야
[UI] 디자인 기본 원칙
기기화면에 맞는 레이아웃과 사용자는 기본 콘텐츠를 확대/축소 또는 가로로 스크롤하지 않고 볼 수 있어야 한다. 터치 동작을 설계된 UI요소를 사용하여 앱과의 상호 작용이 쉽고 자연스럽게 느껴지도록 한다. 텍스트가 선명하게 보이도록 서체 색상과 배경 간에 대비가 명확해야
개인프로젝트: VarGen(4)-기능 기획
이제 필수 기능인 GPT 생성 기능을 useQuery로 Get해올 수 있으니 이제 내가 원하는 기능을 어떻게 가져올 지 생각하고, 디자인까지도 봐보자당연히 변수 이름 생성 기능이 메인인데 이거를 어떻게 편한 기능으로서 바꿀 지 생각해봐야한다.전에 했던 것처럼 글을 쓰고
[vue] v-bind 사용 예제
Do it 시리즈에는 환경 설정, 패키지 관련된 내용을 꽤나 많은 지면에 활용한다.Vue.js 공식 사이트에서는 개념을 바로바로 CLI에서 연습해볼 수 있는 환경을 제공한다.퀴즈를 풀 듯이 내가 직접 적용해본 코드와 제시문이 의도한 바를 비교해볼 수 있다.아래는 그 예
What is UX
소프트웨어를 전공하고 4차 산업이 발전한 이후로 다양한 웹이나 앱 서비스를 사용해 보면서 서비스에서 사용성이 얼마나 큰 비중을 차지하는지 알게 되었고 사용자의 입장을 이해해보고자 UX를 공부하고 배운 내용을 이곳에서 공유해보고자 한다.첫 글인만큼 UX가 무엇인지부터 시
관계형 데이터 모델링 4.3 ~ 4.11
movie 4.3. ERD의 구성요소 4.4. 엔티티 정의 4.5. 속성 정의 4.6. 식별자 지정 4.7. 엔티티간의 연결 4.8. Cardinality 4.9. Optionality 4.10. ERD 완성 [4.
SWIFTUI @STATE
UIKit 을 사용했을 때는 어떠한 변수에 변화가 생기면 해당 변화를 직접 관찰하고 반영 해 주어야 했는데 SwiftUI 에서는 property wrapper 를 활용해 이러한 작업을 자동화 할 수 있도록 했다.변화가 생기면 해당 변수의 값을 읽거나 새로 쓸 수 있음을
관계형 데이터 모델링 1~4
movie 관계형 데이터 모델링 - 1. 수업소개 관계형 데이터 모델링 - 2. 전체 흐름 관계형 데이터 모델링 - 3.1. 업무파악 : 인트로 관계형 데이터 모델링 - 3.2. 기획 관계형 데이터 모델링 - 4.1. 개념적 데이터 모델링 소개 [관계형 데이터 모델링 - 4.2. 관ᄀ...
<WEB DEVELOPMENT - 0001> front-end?
Front-end 프론트엔드(Front-end) 는 웹 사이트나 애플리케이션의 사용자 인터페이스(UI) 를 구성하는 부분을 말한다. 즉, 사용자가 보는 부분을 담당하는 기술적인 영역이다. > 프론트엔드는 주로 HTML, CSS, JavaScript 와 같은 웹 기술을 사용하여 웹 페이지를 구성하고, 브라우저에서 실행된다. HTML은 웹 페이지의 구조를...
SWIFTUI MAPKIT & 상세도 작성
impot mapkit을 한다 속성을 사용하여 @State둘 이상의 보기에서 수정할 수 있는 앱의 데이터에 대한 정보 소스를 설정합니다. SwiftUI는 기본 저장소를 관리하고 값에 의존하는 뷰를 자동으로 업데이트합니다.Text기본 보기를 Map영역에 바인딩하는 보기로
SwiftUI 이미지 생성
이름과 위치 보기가 모두 설정되었으면 다음 단계는 랜드마크에 대한 이미지를 추가하는 것입니다.이 파일에 더 많은 코드를 추가하는 대신 마스크, 테두리 및 그림자를 이미지에 적용하는 사용자 지정 보기를 만듭니다.Image(\_:)이니셜라이저 를 사용하여 텍스트 보기를 T
SwiftUI Text
SwiftUI 앱 라이프 사이클을 사용하는 앱은 App프로토콜을 준수하는 구조를 가지고 있습니다. 구조의 body속성은 하나 이상의 장면을 반환하며, 이는 차례로 표시할 콘텐츠를 제공합니다. 속성 은 @main앱의 진입점을 식별합니다.기본적으로 SwiftUI 보기 파일
스터디 관리 프로젝트 - UI Component (Button, Text)
재사용 가능한 UI component를 만들어보자!처음 UI대로 생각을 해보자면, outlined, fill, text 이렇게 3가지의 유형이 필요할 것 같았다.각각의 size와 color는 optional로!💡 return 문이 많은것은 전형적인 안티패턴이다……그렇
스터디 관리 프로젝트 - Sass(SCSS)
왜 이프로젝트에서 SCSS를 사용하나?그전까지 프로젝트를 진행하면서는 styled-components를 많이 사용하였다. 많이 사용했던 이유 또한 제일 처음 배울 때에 styled-components로 작업을 많이해서 익숙했었다. 하지만 익숙함에서 벗어나 이번 프로젝
23.2.17(금) 사용자 친화 웹(Figma)
Figma란? Figma는 와이어프레임, 프로토타입 제작 뿐 아니라 브레인스토밍, 아이디에이션, 다이어그램 제작, 디자인 시스템 구축 등 다양한 분야에서 사용할 수 있는 UI디자인 & 프로토타이핑 툴이다. [프로토타입이란?] (https://velog.io/@lee2
코린이에서 코른이로 ( UI & UX )
UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와상호 작용하는 시스템을 의미한다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다.UI는