adage frontend

프론트 엔드에 찬사를 보내십시오

~ 앱을 사용하십시오 ~

Adage는 유전자 발현 데이터를 탐색하고 기계 학습 모델에서 새로운 통찰력을 발견하는 데 도움이되는 도구입니다. 이 저장소에는 "프론트 엔드", 즉 웹 앱 자체에 대한 코드가 포함되어 있습니다. 모델 데이터가로드 된 다음 웹 앱에 제공되는 "백엔드"는 여기에서 찾을 수 있습니다.

에 대한

이 앱은 React 프레임 워크로 구축되었습니다. 특히, 최소한의 설정으로 React 앱을 만들기위한 템플릿/시작점 인 Create React App을 사용하여 작성되었습니다.

이 소스 코드를 편집하려면 Git, Github, HTML, CSS, Modern JavaScript, React, JSX, Redux, Node 환경의 일부 기본 사항을 이해해야 할 것입니다.

자신의 목적을 위해이 앱의 동작을 변경하려면 도움이 필요하면 팀에 연락 할 수 있습니다. 우리에게 변화를 제안하고 싶다면이 저장소에서 문제를 만들 수 있습니다.

변경

필요한 인프라 설정 :

1. GIT 설치 (앱 소스 코드의 변경 사항을 추적하는 시스템)
2. 이 저장소를 포크하고 컴퓨터로 복제하십시오 (따라서 자신의 변경을 위해 코드의 로컬 사본이 있습니다).
3. Node.js 설치 (앱을 테스트, 빌드 및 패키지하는 환경)
4. YARN 설치 (앱의 타사 종속성을 모두 설치하는 패키지 관리자)
5. 운영 체제에서 좋아하는 명령 줄 인터페이스 및 텍스트 편집기를 선택하고 설치하십시오.

명령 줄에서 저장소를 복제 한 디렉토리로 이동하십시오. 아래에 나열된 모든 명령은 거기에서 실행해야합니다.

앱의 패키지 종속성 설치 :

1. yarn install 실행하십시오. 몇 분이 걸릴 수 있습니다.

로컬 테스트 버전의 앱을 실행하십시오.

1. yarn start 실행하십시오. 이렇게하면 앱의 실시간 미리보기가 포함 된 새 브라우저 탭이 열립니다. 이 명령은 소스 코드의 변경 사항을 지속적으로보고 브라우저에서 오른쪽 미리보기를 자동으로 업데이트합니다. ctrl+c (또는 명령 줄 인터페이스에 따라 다른 것)를 눌러이 라이브 미리보기를 중지하고 다른 명령을 실행하십시오.

최근 변경 사항으로 인해 앱의 중요한 동작이 파산되었는지 확인하기 위해 포함 된 모든 테스트를 실행하십시오.

1. yarn test 실행하십시오. 이전 명령과 마찬가지로 이것은 소스 코드의 변경 사항을 지속적으로 시청합니다. ctrl+c 눌러 프로세스를 중지하고 다른 명령을 실행하십시오.

앱을 빌드하십시오. 즉, 웹 사이트에 넣을 수있는 번들로 최적화 된 최적화 된 앱 버전을 만듭니다.

1. yarn build 실행하십시오.