UX
반응형 웹
반응형 웹탄생 배경모바일 퍼스트(mobile first)반응형 웹의 장단점장점단점미디어 쿼리미디어 쿼리 적용법태그 속성을 이용한 적용법CSS 파일 또는 태그에서 직접 작성미디어 쿼리 구문복잡한 미디어 쿼리논리곱(and) 미디어 쿼리논리합(or) 미디어 쿼리부정(not) 미디어 쿼리반응형 웹반응형 웹이란 여러 장치의 다양한 특성에 대응하는 하나의 웹 문서 또는 사이트를 의미한다. 즉, 브라우저(스크린)의 크기에 실시간으로 반응하여 크기에 따라 레이아웃이 변하는 웹 사이트를 의미하며, 하나의 소스 코드로 모든 스크린에 최적화된 웹 사이트를 구축할 수 있는 방법론이기도 하다.반응형 웹은 위의 예시처럼 하나의 URL을 기반으로 화면이 바뀐다. 만약 특정 장치에 최적화된 페이지로 연결되는 별도의 URL이 있다면 ..
UI/UX
UI (User Interface, 사용자 인터페이스)GUI(Graphical User Interface, 그래픽 사용자 인터페이스)UX(User Experience, 사용자 경험)UI와 UX의 관계UI 디자인 패턴모달 (Modal)토글 (Toggle)탭 (Tab)태그 (Tag)자동완성 (Autocomplete)드롭다운 (Dropdown)아코디언 (Accordion)캐러셀 (Carousel)페이지네이션 (Pagenation)무한 스크롤(Infinite Scroll, Continuous Scroll)GNB (Global Navigation Bar), LNB (Local Navigation Bar)그리드 시스템 (Grid System)컬럼 그리드 시스템(Column Grid System)MarginColum..