# UI

391개의 포스트

[vue] v-bind 사용 예제

Do it 시리즈에는 환경 설정, 패키지 관련된 내용을 꽤나 많은 지면에 활용한다.Vue.js 공식 사이트에서는 개념을 바로바로 CLI에서 연습해볼 수 있는 환경을 제공한다.퀴즈를 풀 듯이 내가 직접 적용해본 코드와 제시문이 의도한 바를 비교해볼 수 있다.아래는 그 예

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

What is UX

소프트웨어를 전공하고 4차 산업이 발전한 이후로 다양한 웹이나 앱 서비스를 사용해 보면서 서비스에서 사용성이 얼마나 큰 비중을 차지하는지 알게 되었고 사용자의 입장을 이해해보고자 UX를 공부하고 배운 내용을 이곳에서 공유해보고자 한다.첫 글인만큼 UX가 무엇인지부터 시

2023년 3월 14일
·
0개의 댓글
·

관계형 데이터 모델링 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.

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

SWIFTUI @STATE

UIKit 을 사용했을 때는 어떠한 변수에 변화가 생기면 해당 변화를 직접 관찰하고 반영 해 주어야 했는데 SwiftUI 에서는 property wrapper 를 활용해 이러한 작업을 자동화 할 수 있도록 했다.변화가 생기면 해당 변수의 값을 읽거나 새로 쓸 수 있음을

2023년 3월 10일
·
0개의 댓글
·

관계형 데이터 모델링 1~4

movie 관계형 데이터 모델링 - 1. 수업소개 관계형 데이터 모델링 - 2. 전체 흐름 관계형 데이터 모델링 - 3.1. 업무파악 : 인트로 관계형 데이터 모델링 - 3.2. 기획 관계형 데이터 모델링 - 4.1. 개념적 데이터 모델링 소개 [관계형 데이터 모델링 - 4.2. 관ᄀ...

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

WEB DEVELOPMENT - 01

DEVELOPMENT STUDY

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

SWIFTUI MAPKIT & 상세도 작성

impot mapkit을 한다 속성을 사용하여 @State둘 이상의 보기에서 수정할 수 있는 앱의 데이터에 대한 정보 소스를 설정합니다. SwiftUI는 기본 저장소를 관리하고 값에 의존하는 뷰를 자동으로 업데이트합니다.Text기본 보기를 Map영역에 바인딩하는 보기로

2023년 3월 5일
·
0개의 댓글
·
post-thumbnail

SwiftUI 이미지 생성

이름과 위치 보기가 모두 설정되었으면 다음 단계는 랜드마크에 대한 이미지를 추가하는 것입니다.이 파일에 더 많은 코드를 추가하는 대신 마스크, 테두리 및 그림자를 이미지에 적용하는 사용자 지정 보기를 만듭니다.Image(\_:)이니셜라이저 를 사용하여 텍스트 보기를 T

2023년 3월 5일
·
0개의 댓글
·
post-thumbnail

SwiftUI Text

SwiftUI 앱 라이프 사이클을 사용하는 앱은 App프로토콜을 준수하는 구조를 가지고 있습니다. 구조의 body속성은 하나 이상의 장면을 반환하며, 이는 차례로 표시할 콘텐츠를 제공합니다. 속성 은 @main앱의 진입점을 식별합니다.기본적으로 SwiftUI 보기 파일

2023년 3월 5일
·
0개의 댓글
·

스터디 관리 프로젝트 - UI Component (Button, Text)

재사용 가능한 UI component를 만들어보자!처음 UI대로 생각을 해보자면, outlined, fill, text 이렇게 3가지의 유형이 필요할 것 같았다.각각의 size와 color는 optional로!💡 return 문이 많은것은 전형적인 안티패턴이다……그렇

2023년 2월 22일
·
0개의 댓글
·

스터디 관리 프로젝트 - Sass(SCSS)

왜 이프로젝트에서 SCSS를 사용하나?그전까지 프로젝트를 진행하면서는 styled-components를 많이 사용하였다. 많이 사용했던 이유 또한 제일 처음 배울 때에 styled-components로 작업을 많이해서 익숙했었다. 하지만 익숙함에서 벗어나 이번 프로젝

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

Figma

🌖Figma

2023년 2월 17일
·
0개의 댓글
·
post-thumbnail

23.2.17(금) 사용자 친화 웹(Figma)

Figma란? Figma는 와이어프레임, 프로토타입 제작 뿐 아니라 브레인스토밍, 아이디에이션, 다이어그램 제작, 디자인 시스템 구축 등 다양한 분야에서 사용할 수 있는 UI디자인 & 프로토타이핑 툴이다. [프로토타입이란?] (https://velog.io/@lee2

2023년 2월 17일
·
0개의 댓글
·

[사용자 친화 웹] UI/UX

UI/UX

2023년 2월 16일
·
0개의 댓글
·
post-thumbnail

Figma

🌖 UI/UX 란 무엇일까?

2023년 2월 16일
·
0개의 댓글
·
post-thumbnail

코린이에서 코른이로 ( UI & UX )

UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와상호 작용하는 시스템을 의미한다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다.UI는

2023년 2월 16일
·
0개의 댓글
·

와이어프레임 & 프로토타입

제품 기획 단계에서 페이지를 어떻게 구성할 것인지 구조를 잡기 위한 목적으로 제작손으로 빠르게 그린 수준아이디어를 구체화 시키며 큰 그림을 잡을 때 사용Lo-Fi 와이어프레임으로 아이디어가 어느정도 구체화 되고 확정 된 후 보기 좋게 다듬은 수준와이어프레임을 봤을 때

2023년 2월 16일
·
0개의 댓글
·