# UI

292개의 포스트
post-thumbnail

UI 프로토타입 Tool Oven

웹 화면 설계를 하는 중 기존에는 ppt나 아이패드로 그려서 설계를 해왔었다..디자이너나 ui/ux 개발자가 아닌 내가 웹 프론트엔드 개발을 하면서 화면설계를 해야하는 상황이여서 입문자용 프로토타입 tool을 사용해야겠다는 생각이들었다.프로젝트를 생성하여 작업 가능작업

6일 전
·
0개의 댓글
·
post-thumbnail

🔊Unity 소음을 측정하는 맵을 만들어보자 (feat. 선생님몰래춤추기게임)

선생님 안볼때 춤추기 게임을 응용하여 소음을 측정하는 맵을 만들어보자

7일 전
·
0개의 댓글
·
post-thumbnail

[JS] 스크롤 시 페이드 인(Fade IN) 구현 (feat. 성능 비교, Intersection Observer API)

스크롤 시 페이드 인(Fade IN) 애니메이션 구현코드 설명성능Observer API를 사용한 스크롤 시 페이드 인(Fade IN) 애니메이션 구현코드 설명성능 비교!codesandboxscrollfadeinnotuseobserverapi-8z2ixrDOM 객체가 화

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

프로젝트 기획 & UI 설계

팀빌딩, 기획, 화면설계

2022년 9월 24일
·
0개의 댓글
·
post-thumbnail

TIL) 0915

다음과 같이 회원가입 시 약관을 출력하는 화면을 만들어보자!fragment_sign_up.xmllayout_sign_up_terms_list.xml → 바깥의 RecyclerView바깥 Adapterlayout_sign_up_inner_terms_list.xml → 안

2022년 9월 15일
·
0개의 댓글
·

TIL) 0914

화면이 시작했을 때 Focus를 줄 EditTextView의 xml에 다음과 같이 설정.출발할 Fragment에서 키보드 올리기도착한 Framgment에서 KeyListener를 활용해 키보드 내릴 때 코드 → Listener 처리 주의FragmentLayout XML

2022년 9월 14일
·
0개의 댓글
·

TIL) 0911

layout xml에서 if문을 사용하려면 LiveData와 람다식을 알고 있어야 한다.우선은 livedata를 준비하자.ImageView를 클릭하면 viewmodel 안 데이터의 상태에 따라 호출하는 함수를 다르게 하고 싶을 때 다음과 같이 활용한다.viewmodel

2022년 9월 11일
·
0개의 댓글
·
post-thumbnail

todolist 만들기 (2) UI

우선 UI를 먼저 작성해주었는데 GlobalStyle과 css 파일을 별도 생성 하기 싫어서 styled-componentets를 사용했다.App.js위 코드처럼 createGloabalStyle을 호출해서 백틱()으로 css 문을 묶어서 GlobalStyle\`을 만

2022년 9월 9일
·
0개의 댓글
·
post-thumbnail

UI/UX 정리

책 내용을 요약해봄!

2022년 9월 8일
·
0개의 댓글
·
post-thumbnail

정보처리기사 (0) 시험 일정

수수료필기: 19400원실기: 22600원출제 경향현행 시스템 분석 및 요구사항 확인 (소프트웨어 공학 기술의 요구사항 분석 기법 활용)데이터 입출력 구현 (논리, 물리 데이터베이스 설계, 조작 프로시저 등)통합 구현 (소프트웨어와 연계 대상 모듈 간의 특성 및 연계

2022년 9월 7일
·
0개의 댓글
·
post-thumbnail

[Java] 자바 swing의 레이아웃

전공심화 동아리에서 배운 Layout에 대해 정리해보자.1학년 1학기 방과후에서 배웠던 html시간에서도 배워서 알고있는 반가운 이름이다.레이아웃은 현재 패널 크기에 따라 배치된 UI의 위치와 크기가 정해진 규칙에 따라서 변경된다.레이아웃의 위, 아래의 구역이 먼저 할

2022년 9월 5일
·
0개의 댓글
·
post-thumbnail

TIL) 0901

값을 전달 받을 곳에 %s.tools 속성으로 텍스트를 세팅하는 것이 포인트다.아래 코드에서 위 오류가 나는 부분은 어디일까?바로 cost 값을 받는 부분이다. 문자열을 입력 받는데 값이 비어있거나, 유효하지 않은 자료형일 경우 제목과 같은 오류가 난다. 그렇다면 해결

2022년 9월 1일
·
0개의 댓글
·
post-thumbnail

[React] Kendo-React ColorPicker 사용하기

사용자가 원하는 색상을 선택해서 적용시키는 기능을 개발해야 해서 kendo-react 에서 제공하는 ColorPicker 컴포넌트를 사용해보았다.🙃Kendo 의 ColorPicker 는 색상의 value 값을 가져올 때 기본적으로 RGBA 형식을 지원한다. 그런데 나

2022년 8월 30일
·
0개의 댓글
·
post-thumbnail

[React] CDD와 구조화된 CSS의 필요성

👉🏻 오늘은 리액트에서 더 구조적으로 코드를 작성하는 방법을 배우기 전에!이런 방법들이 왜 등장하게 되었는지 배경을 알기 위해 CDD와 CSS-in-JS에 대해 학습했다. 나만의 언어로 정리하며 복습해보고자 한다. Component Driven Development

2022년 8월 26일
·
0개의 댓글
·

CSS 기초

CSS(Cascading Style Sheets) : 웹페이지의 스타일과 레이아웃을 정의하는 스타일시트 언어인터페이스 : 컴퓨터와 교류하기 위한 연결고리CLI(Command Line Interface) : 명령어 인터페이스, 사용자가 터미널을 통해 애플리케이션과 상호작

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

[사용자 친화 웹] Figma로 KREAM 어플 클론하기

👉🏻 이론적으로만 학습했던Figma를 실제로 Figma 사용법을 익히기 위해,구현해보고 싶던 기능들이 눈에 잘 띄기도 하고, 평소에 사용하고 있던 KREAM 어플을 Figma으로 클론을 해보기로 했다. 완벽하게 클론하려고 하기보다는 몇가지 UI 디자인 패턴들을 구현

2022년 8월 25일
·
0개의 댓글
·