# UI
[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. 관ᄀ...
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는
와이어프레임 & 프로토타입
제품 기획 단계에서 페이지를 어떻게 구성할 것인지 구조를 잡기 위한 목적으로 제작손으로 빠르게 그린 수준아이디어를 구체화 시키며 큰 그림을 잡을 때 사용Lo-Fi 와이어프레임으로 아이디어가 어느정도 구체화 되고 확정 된 후 보기 좋게 다듬은 수준와이어프레임을 봤을 때