YUI 라이브러리

YUI Library
Yahoo! 사용자 인터페이스 라이브러리
Yuilib.jpg
개발자야후!
초기 릴리즈2006년 2월 13일, 16년 전(2006-02-13)[1]
최종 릴리즈
3.18.1 / 2014년 10월 22일, 7년 전(2014-10-22)[2]
저장소
기입처자바스크립트
운영 체제크로스 플랫폼(JavaScript)
유형자바스크립트 라이브러리
면허증.BSD 라이선스
웹 사이트yuilibrary.com

야후! User Interface Library(YUI)는 Ajax, DHTML, DOM 스크립트 등의 기술을 사용하여 풍부한 인터랙티브 웹 애플리케이션을 구축하기 위한 단종 오픈 소스 JavaScript 라이브러리입니다.YUI에는 몇 가지 핵심 CSS 리소스가 포함되어 있습니다.BSD [3]라이선스로 이용할 수 있습니다.YUI의 개발은 2005년에 시작되었고 My Yahoo!와 Yahoo! 1면 같은 야후 부동산은 그 해 여름부터 YUI를 사용하기 시작했다.YUI는 2006년 [1]2월에 공개되었다.그것은 야후! 엔지니어들로 구성된 핵심 팀에 의해 활발하게 개발되었다.

2009년 9월 Yahoo!는 라이브러리를 현대화하고 YUI 2에서 얻은 교훈을 통합하기 위해 처음부터 재구축된 새로운 버전의 YUI 3을 출시했습니다.확장 기능으로는 DOM 요소를 취득하기 위한 CSS 셀렉터 구동 엔진(다른 모듈을 로드하는 작은 시드 파일)이 있습니다.코드 작성을 보다 빠르고 [4]쉽게 하기 위한 다양한 구문 변경.

Yahoo!의 YUI 라이브러리 프로젝트는 Thomas Sha에 의해 설립되었으며 Yahoo!의 공동 창업자인 Jerry Yang에 의해 내부적으로 후원되었습니다. 주요 설계자는 Sha, Adam Moore 및 Matt Sweeney였습니다.도서관 개발자는 YUIBlog를 관리하고, YUI 커뮤니티는 커뮤니티 포럼에서 라이브러리와 구현에 대해 논의합니다.

2014년 8월 29일, 자바스크립트 표준의 진화, 개발자의 대규모 자바스크립트 라이브러리에 대한 관심 감소, 서버 사이드 솔루션의 확산 등을 이유로 야후가 YUI의 적극적인 개발을 종료한다고 발표했다.향후 개발은 "야후 속성에 절대적으로 중요한" 문제를 해결하는 유지 보수 릴리스로 제한될 것입니다."[5]

특징들

YUI 라이브러리는 웹 사이트에 완전히 문서화되어 있습니다. 자세한 API 문서는 라이브러리 다운로드와 함께 제공됩니다.여기에는 6가지 컴포넌트(YUI core, 유틸리티, UI 컨트롤, CSS 컴포넌트, 개발자 툴, 빌드툴)가 있습니다.

핵심

YUI Core는 이벤트 관리 및 DOM 조작용 경량 도구 세트(31KB)입니다.

YUI 글로벌오브젝트
YUI 글로벌 개체에는 언어 유틸리티, 스크립트 로더 및 YUI를 위한 기타 기본 인프라가 포함되어 있습니다.
돔 컬렉션
요소 배치 및 CSS 스타일 관리 등 일반적인 DOM 스크립트 작업에 도움이 됩니다.
이벤트 유틸리티
개발자가 브라우저 이벤트에 쉽고 안전하게 액세스할 수 있도록 합니다(마우스 클릭 및 키 누르기 등).또한 커스텀이벤트를 퍼블리시 및 서브스크라이브하기 위한 Custom Event 객체도 제공합니다.

유틸리티

애니매이션
페이지 요소의 위치, 크기, 불투명도 또는 기타 특성을 애니메이션화하여 "효과"를 만들 수 있습니다.
브라우저 기록 관리자
웹 응용 프로그램이 브라우저의 뒤로 버튼과 북마크 기능을 사용할 수 있도록 지원합니다.
접속 매니저
XMLHttpRequest 트랜잭션을 크로스 브라우저 방식으로 관리할 수 있습니다.폼 투고, 에러 처리, 콜백, 파일 업로드를 통합 지원합니다.
쿠키
간단한 API를 통해 브라우저 쿠키 및 서브쿠키를 관리할 수 있습니다.
데이터 원본
단순한 JavaScript 배열에서 XHR을 통한 온라인 서버까지 다른 유형의 데이터와 상호 작용할 수 있도록 구성 가능한 공통 인터페이스를 제공합니다.
드래그 앤 드롭
YUI 끌어서 놓기 유틸리티를 사용하면 요소를 쉽게 끌 수 있고 끌기 이벤트에 응답하는 끌기 대상을 만들 수 있습니다.
요소
DOM 내의 HTML 요소에 대한 래퍼를 제공하고 청취자 추가, DOM 조작, 속성 설정 및 가져오기 등의 일반적인 작업을 단순화합니다.
얻다
Get Utility는 스크립트노드를 통한 데이터 및 스크립트의 비동기 로드 및 외부 CSS 파일의 동적 로드를 지원합니다.
ImageLoader
YUI의 ImageLoader를 사용하면 페이지 로드 시 뷰포트에 표시되지 않는 이미지의 로드를 연기할 수 있습니다.이로 인해 성능이 크게 향상될 수 있습니다.
JSON
JSON 유틸리티는 수신 JSON 데이터를 검증하여 안전한지 확인하는 방법과 JavaScript 데이터를 JSON 형식의 문자열로 변환하는 방법을 제공합니다.이 방법들은 더글라스 크록포드(JSON.org)의 연구에 기초하고 있다.
크기 조정
모든 블록 레벨 HTML 요소의 크기를 조정할 수 있습니다.
셀렉터
YUI 셀렉터 유틸리티를 사용하면 CSS3 셀렉터 구문을 사용하여 HTML 요소에 대한 참조를 가져올 수 있습니다.
YUI 로더
YUI Loader는 클라이언트 측 로더 엔진으로 임의의 YUI 컴포넌트(및 의존관계)를 즉시 동적으로 로드할 수 있습니다.

컨트롤

자동 완성
텍스트 입력을 포함한 사용자 상호 작용에 대해 자동 완성 기능(제안 목록 및 자동 검색 기능)을 제공합니다.다양한 데이터 원본 형식을 지원합니다.또한 XMLHttpRequest를 통한 서버 측 데이터 소스도 지원합니다.
단추
기존의 HTML 양식 단추와 같은 기능을 하는 풍부한 그래픽 단추를 만들 수 있습니다.
캘린더
날짜 선택에 사용되는 그래픽 동적 컨트롤입니다.
차트
차트 컨트롤은 DataSource 유틸리티를 통해 데이터를 검색하고 다양한 일반적인 차트 형식(줄, 막대, 원형 등)으로 데이터를 표시합니다.
컬러 피커
색상 선택 컨트롤은 색상 선택을 위한 풍부한 시각적 인터페이스를 제공합니다.
컨테이너.
툴팁, 패널, 대화상자, SimpleDialog, 모듈 및 오버레이 등 다양한 DHTML 창 패턴을 지원합니다.
데이터 테이블
웹 페이지에 스크린 리더에 액세스 가능한 표 형식의 데이터를 표시하기 위한 심플하면서도 강력한 API입니다.주요 기능으로는 정렬 가능한 열, 페이지 번호 지정, 스크롤, 행 선택, 크기 조정 가능한 열 및 인라인 편집 등이 있습니다.
ImageCropper(이미지크로퍼)
ImageCropper는 클라이언트 측 이미지 크롭퍼에 대한 UI 및 대화형 요소를 제공합니다.
레이아웃 관리자
위, 아래, 왼쪽, 오른쪽 및 중앙 레이아웃 유닛을 포함하는 고정 레이아웃을 제공함으로써 크로스 브라우저의 픽셀 단위 레이아웃을 쉽게 만들 수 있습니다.
메뉴
플라이아웃 메뉴, 메뉴바 및 컨텍스트메뉴를 작성하기 위한 간단한 API를 제공합니다.
리치 텍스트 편집기
YUI 리치 텍스트 편집기는 고급 클라이언트 측 텍스트 프로세서로 모듈러형으로 구성성이 뛰어나 오픈 엔드 텍스트 입력 환경에 적합합니다.
슬라이더
사용자가 1개 또는 2개의 축에서 한정된 범위의 값을 선택할 수 있는 범용 슬라이더 요소를 제공합니다.
탭 표시
컨텐츠의 네비게이트 가능한 탭 표시 기능을 제공합니다.XMLHttpRequest를 통한 탭 컨텐츠의 동적 로드를 지원합니다.
트리뷰
노드를 확장 및 축소할 수 있는 컨텐츠 트리를 생성합니다.
업로더
업로드 진행률에 대한 피드백이 포함된 다중 파일 업로드가 가능합니다.

CSS 리소스

CSS 베이스
웹 개발자가 익숙한 표준 브라우저 CSS 규칙을 일관되게 크로스 브라우저로 대체하려면 재설정 후 기본을 사용합니다.
CSS 그리드
서브섹션 컴포넌트가 포함된 7개의 기본 페이지 와이어프레임으로 1,000개가 넘는 페이지 레이아웃을 지원합니다.
CSS 글꼴
표준화된 크로스 브라우저 글꼴 패밀리 및 크기 렌더링.
CSS 리셋
CSS 선언은 여백을 제거하고 공통 요소에서 크로스 브라우저 렌더링을 표준화합니다.

개발자 도구

로거
화면 콘솔, Mozilla Firefox용 Firebug 확장 또는 Safari JavaScript 콘솔에 로그 메시지를 쉽고 빠르게 쓸 수 있습니다.
프로파일러
JavaScript용 크로스 브라우저 비시각 코드 프로파일러입니다.
Profiler Viewer
프로파일링 데이터의 풍부한 시각화를 Profiler와 조합하여 그래픽(차트 컨트롤 사용)과 표 형식(DataTable 사용)으로 제공합니다.
YUI 테스트
YUI Test는 브라우저 기반의 JavaScript 솔루션을 위한 테스트 프레임워크입니다.YUI Test를 사용하면 JavaScript 솔루션에 유닛 테스트를 쉽게 추가할 수 있습니다.특정 xUnit 프레임워크로부터의 직접 포트는 아니지만, YUI Test는 nUnit 및 JUnit에서 몇 가지 특성을 도출합니다.

빌드 툴

YUI 컴프레서
YUI 컴프레서는 JavaScript와 CSS를 안전하게 최소화하는 도구입니다.
유이독
YUIDoc은 JavaScript 코드의 검색 가능한 API 문서를 생성하는 JavaScript로 작성된 도구입니다.일반적으로 빌드 프로세스의 일부로 사용됩니다.YUIDoc은 댓글 기반이며 다양한 코딩 스타일 및 프로그래밍 언어와 호환됩니다.

「 」를 참조해 주세요.

레퍼런스

  1. ^ a b "The Yahoo! User Interface Library". Yahoo! User Interface Blog. 13 February 2006.
  2. ^ "Releases · yui/yui3 · GitHub". GitHub. Retrieved 24 April 2020.
  3. ^ "YUI Library". Retrieved 13 June 2008.
  4. ^ "YUI 3.0.0: First GA Release of YUI's Next-Generation Codeline". Yahoo! User Interface Blog. 29 September 2009. Retrieved 18 November 2009.
  5. ^ "Important Announcement Regarding YUI". Yahoo! Engineering. Retrieved 29 August 2014.

외부 링크