0610 월 uiux 47일차

0610 월 uiux 47일차

웹코딩 참고 사이트(김영원 강사님) ( https://kimyws.tistory.com/29 ) ( https://webstoryboy.co.kr/ ) 플렉스 개구리 ( https://flexboxfroggy.com/#ko )

혜지 강사님 수업페이지(html&css) ( https://codepen.io/hjyee/full/OJGrVYJ ). 자바스크립트 수업페이지 ( https://codepen.io/hjyee/full/PogMVOP ) 깃허브 기초 ( https://codepen.io/hjyee/full/LYoNWga ) 기초 키보드 사용법 ( https://codepen.io/YoungHeom/pen/eYaOYEX ) 연산자 ( https://codepen.io/YoungHeom/pen/Rwmbxze ) 코드펜 사용법 ( https://codepen.io/YoungHeom/pen/gOJOWgE ) 무료 강의 ( https://programmers.co.kr/ ) 자바스크립트 정리 ( https://velog.io/@solmii/Java-Script%EB%A5%BC-Script ) 피그마 강좌 ( https://www.youtube.com/@yeonjung-figma ), ( https://www.youtube.com/@UXUIDesign ) - 개인적 메모 작업물 보기 - 핀터레스트나 드리블( https://dribbble.com/ ), 노트폴리오, 비핸스, 디자인 나스 - ( https://designnas.com/ ) 자격증 기출문제 ( https://www.comcbt.com/ )( https://quizeey.com/ ) ( https://cubic-bezier.com/ )

HTML에서 사용되는 quot? amp? lt? gt? 등등 기호 ( https://darusamu.tistory.com/32 )

 

 

카카오뱅크 모작 정리 ( https://codepen.io/YoungHeom/pen/NWVdVbQ )

n차시도 될 때마다 꼭 우측하단 fork 누르기

상단 6차~10차(완성)

대출 박스 1차, 2차

- 하이픈, _ 언더바

 

( https://cubic-bezier.com/ )

 

 

.sky(자식)한테 제트인덱스: -1;, .loan_box(부모)에게 제트인덱스: 0; 주면 부모보다는 위에 있고 형제인 .con보다는 아래에 위치한다.

 

 

 

 

 

 

강사님 메모( 교재 - 사용자 경험을 창조하는 UX/UI 디자인 ) UI 사용자 인터페이스 사람 - 사물 명령을 수행 의사소통이 이루어지는 접점 UX 사용자 경험 사용자 인터페이스로 사용자 경험을 높이기 위한 최종 결과물 UX : 연구, 분석 주로 하는 디자이너 논리, 이론, 분석 UI : 분석 된 결과를 토대로 사용자 인터페이스를 설계 및 디자이너 시각적 요소를 강조 UX분석 - 니즈 도출 - 아키덱쳐 설계 - UI디자인 - UI 테스트 가이드 : 기본 설명 UI 디자인 방법론 우선순위 - 회사 UI 가이드라인  - OS(운영체계)   UI 가이드 라인   UX 디자인 핵심요소 적용   디자인/기술 트렌드 적용  UI / UX 디자인 프로세스 더블 다이아몬드 프로세스 확산 : 다양한 아이디어 제안 수렴 : 도출아이디어로 해결책 정리 문제발견 : 고객경험, 리서치 문제 설정  아이디어 수립 : 자료 분석 디자인 방향 설정 해결책 구체화 : 세부 해결 방안구성 적용 실행 계획 수립 사실 발견 잔돈 처리 불편해 했다. 정의 하기 발전하기 계좌바로 저금해주는  디자인 순환모델 우선 만들어 보기 간단간단 문제 발견 간단한 문제를 해결 완성 검토 문제 발견 해결 웹 페이지 만들기 좋다. Ctrl + Shift + G 그룹 해제 Shift + A 오토레이아웃 Alt + Shift + A 해제 클릭 : 한쪽 Alt : 좌우, 위아래 Alt + Shift : 상하좌우 Ctrl + 클릭 : 전체 통제 Alt 디자인에서 통제