terra core 다운로드 - terra core 소스 코드 다운로드

terra core

타사 구성 요소

1.0.0

다운로드

테라 로고

테라 코어

패키지
- 버전 작성
- 상태
- 더 이상 사용되지 않았습니다
지원되는 브라우저
국제화 (I18N)
- i18n이 필요한 패키지
기여
지역 개발
Docker (Dev Containers)를 사용한 지역 개발
특허

패키지

버전 작성

구성 요소가 v1.0.0에 도달하면 안정된 것으로 간주되며 버전을 위해 Semver를 따라갑니다.

주요 버전은 변화를 나타내는 변화를 나타냅니다
마이너 버전은 후진 호환 방식으로 추가 된 기능을 나타냅니다
패치 버전은 뒤로 호환 버그 수정을 나타냅니다

자세한 내용은 구성 요소 변경 로그, 관련 문제 및 PR을 참조하십시오.

우리는 구성 요소의 React.js Props API를 주요 공개 API로 본다. 우리는 이것을 사용하여 구성 요소 버전을 안내합니다.

V1.0.0에 도달하기 전에 구성 요소는 베타 단계에있는 것으로 간주됩니다. 베타 단계의 구성 요소에는 v0.xx 릴리스 내의 변경 사항, 새로운 기능 및 버그 수정이 포함될 수 있습니다.

상태

테라 패키지	버전	상태	의존성
Terra-Action-footer
테라 액션 헤더
테라 알리트
테라-사각
테라-아바타
테라 바드
테라베이스
테라 브레이크 포인트
테라 버튼
테라 버튼 그룹
테라 카드
테라-콘텐츠 컨테이너
Terra-Demographics-Banner
Terra-Dialog
테라-운전자
테라 드롭 다운 버튼
Terra-Dynamic-Grid
Terra-Form-Checkbox
테라 형식 필드
테라 형식 필드 셋
테라 형식 입력
Terra-Form-Radio
Terra-Form-Select
Terra-Form-TextArea
테라 그리드
테라 헤드
테라 하이퍼 링크
Terra-I18n
테라 아이콘
테라 이미지
테라 목록
Terra-Mixins
Terra-Overlay
테라-파 지간터
Terra-Profile-Image
Terra-Progress-Bar
테라 반응 요소
테라 스크롤
테라 검색 필드
테라 섹션 헤더
테라 쇼 -Hide
테라 서명
테라 스페이서
Terra-status
Terra-Status-View
테라 테이블
테라 태그
테라 텍스트
테라-토글
테라-토글 버튼
Terra-Toggle Section-Header
Terra-Viseally 숨겨진 텍스트

더 이상 사용되지 않았습니다

테라 패키지	버전	상태	의존성
테라 형식
Terra-I18N- 플루인
Terra-Legacy-Theme
테라 모달

지원되는 브라우저

브라우저	버전
Android 용 Chrome & Chrome	현재의
가장자리	현재의
파이어 폭스	현재의
인터넷 익스플로러	10 & 11
사파리 및 모바일 사파리	현재의

국제화 (I18N)

자세한 내용은 Terra의 국제화 문서를 검토하십시오. 소비에 대한 지시 사항과 국제화가 설정되는 방법이 포함되어 있습니다.

i18n이 필요한 패키지

테라 액션 헤더
테라 알리트
Terra-Demographics-Banner
Terra-Dialog
Terra-Form-Checkbox
테라 형식 필드
Terra-Form-Radio
Terra-Form-Select
Terra-I18n
Terra-Overlay
테라 검색 필드
테라 쇼 -Hide
Terra-Status-View

기여

기고 가이드 라인을 읽으십시오. 문제보고 및 풀 요청을위한 지침이 포함되어 있습니다.

지역 개발

노드 버전 관리자 (NVM) 및 노드를 설치하십시오. 루트 디렉토리에는 Terra-Core의 노드 버전을 지정하는 .nvmrc 파일이 포함되어 있습니다. NVM이 설치되고 루트 디렉토리 내에 있으면 노드 버전 이이 버전으로 변경됩니다.
Docker https://www.docker.com/을 설치하여 브라우저 테스트를 실행하십시오.
종속성을 설치하고 테스트를 실행하십시오.

npm install
npm run test

Docker (Dev Containers)를 사용한 지역 개발

Rancher 또는 Docker를 설치하십시오.
- Rancher는 무료이며 오픈 소스이며 Docker는 사용하기 위해 라이센스가 필요할 수있는 반면 권장됩니다.
Microsoft 대 코드를 설치하십시오.
개발자 컨테이너 확장을 설치하십시오.
- 보기-> 확장자-> Dev 컨테이너를 검색하고 설치하십시오 (또는 "ms-vscode-remote.remote-containers")
- 개발자 컨테이너에 대한 자세한 내용
개발자 컨테이너 구축 :
- (옵션 1) - Dev 컨테이너에서 로컬 작업 공간을여십시오
  - 리포지토리 (또는 포크)를 로컬로 복제하고 Visual Studio Code에서 프로젝트를 엽니 다.
  - 보기 -> 명령 팔레트 및 실행 DEV 컨테이너 : 컨테이너에서 작업 공간 열기
- (옵션 2) - 개발 및 개선 된 성능 개선 중 hot reloading을 위해 Windows 권장 : Dev 볼륨을 사용하여 개발 컨테이너 생성 (자세한 정보 및 지침은 공식 안내서 참조).
  - GIT 설정이 있고 글로벌 구성 파일이있는 경우 로컬 로이 설정을 자동으로 DEV 컨테이너로 전송해야합니다 .
  - 보기 -> 명령 팔레트 및 실행 DEV 컨테이너 : 컨테이너 볼륨의 복제 저장소
  - 이 저장소 (또는 포크)의 github URL을 붙여 넣으십시오.
  - vs 코드는 이제 작업 영역을 다시로드하고 개발자 컨테이너 및 볼륨을 생성/시작합니다.
  - 참고 :이 옵션을 사용하는 변경 사항은 Docker 볼륨의 파일 만 업데이트됩니다. 볼륨이 삭제되거나 DEV 컨테이너가 제거 될 경우 자주 변경 사항을 자주 커밋하는 것이 좋습니다.
당신은 이제 개발자 컨테이너로 달리고 있습니다. Visual Studio Code에서 Dev 컨테이너의 터미널을 사용하여 NPM 또는 BASH 명령을 발행하십시오.
WDIO 테스트를 실행하기 전에 다음 단계를 수행하십시오.
- 새 터미널을 열고 (개발자 컨테이너 외부) 저장소에서 ".devcontainer/"경로로 이동하십시오.
- "docker compose -f docker-compose-wdio.yml up" 명령을 실행하십시오. 셀레늄 허브가 회전해야합니다. 이것을 백그라운드에 두십시오. "컨테이너 이름이 이미 존재한다"라는 오류가 표시되면 "docker container prune" 명령을 실행 한 다음 "y"를 눌러 사용하지 않은 컨테이너를 제거하고 이전 명령을 다시 실행해보십시오.
- 이제 npm run test:docker 또는 npm run wdio:docker 명령을 실행하여 DEV 컨테이너 내부에서 WDIO 테스트를 실행할 수 있습니다.
- 참고 : 선택적 --disableSeleniumService=true , Dev 컨테이너에서 다른 WDIO 명령을 실행하려면 root package.json 파일 WDIO 스크립트를 편집 할 수도 있습니다. 이것은 셀레늄 서비스가 다시 회전하는 것을 비활성화합니다. 예를 들어:
```
 " scripts " : {
 " wdio:lowlight " : " terra wdio --disableSeleniumService=true --themes clinical-lowlight-theme "
 }
```
- Compose 파일 중 하나가 변경되면 해당 기존 Docker 이미지를 삭제하여 다음 명령을 실행하여 Docker 컨테이너를 새로 고침해야합니다.
```
  docker compose -f < changed compose file name > .yml up
```
개발자 컨테이너를 종료하려면 :
- 명령 줄 또는 목장주/도커 데스크탑을 사용하십시오
- Visual Studio 코드 사용
  - 활동 막대 또는보기에서 원격 탐색기 아이콘 선택 -> 명령 팔레트 및 원격 탐색기 실행 : 컨테이너보기에 중점을 둡니다.
  - Terra-Core_DevContainer 또는 현재 "Dev Containers"아래에서 DEV 컨테이너를 실행하는 것을 찾으십시오.
  - 마우스 오른쪽 버튼을 클릭하고 컨테이너 중지를 선택하고 작업 공간을 닫습니다.
    - DEV 컨테이너를 다시 시작하려면 컨테이너 재 구축을 선택할 수도 있습니다.
개발자 컨테이너를 다시 열려면 :
- 기존 로컬 작업 공간 (옵션 1)
  - Visual Studio Code에서 프로젝트를 엽니 다
  - 작업 공간에 .devcontainer 폴더가 포함되어 있는지 확인하십시오
  - 보기 -> 명령 팔레트 및 실행 DEV 컨테이너 : 컨테이너에서 작업 공간 열기
- 고립 된 개발자 컨테이너 볼륨 (옵션 2 용)
  - Visual Studio 코드를 열었습니다
  - 활동 막대 또는보기에서 원격 탐색기 아이콘을 사용 -> 명령 팔레트 및 원격 탐색기 실행 : 컨테이너 뷰에서 초점 컨테이너를 볼 수 있습니다.
  - "Dev Containers"아래 Terra-Core_DevContainer를 찾으십시오.
  - Dev 컨테이너 위로 가져 가서 컨테이너 또는 컨테이너 에서 열린 폴더를 마우스 오른쪽 버튼으로 클릭하고 선택하여 폴더 아이콘을 클릭하십시오.