llvm-flow
An open-source interactive visualization tool for comparing IR CFGs
파일 탐색기
최종 버전 다운로드 (.zip)- 01f38949721e_add_optimizationrecord_table.py
- 65d2e85da088_remove_deprecated_tables.py
- c6b6fb03f1c5_init.py
- env.py
- README
- script.py.mako
- output.tsv
- __init__.py
- endpoints.py
- service.py
- shell_scripts.py
- __init__.py
- config.py
- database.py
- logger.py
- local_storage.py
- s3.py
- __init__.py
- backend_pre_start.py
- crud.py
- main.py
- models.py
- utils.py
- prestart.sh
- alembic.ini
- Dockerfile
- llvm.sh
- pyproject.toml
- README.md
- uv.lock
- afterg.ll
- beforeg.ll
- favicon.png
- index.html
- manifest.json
- robots.txt
- response.ts
- http-auth.ts
- http-common.ts
- http-get.ts
- http-post.ts
- Footer.module.scss
- Footer.tsx
- BaseLayoutFlow.tsx
- CustomNode.scss
- CustomNode.tsx
- LayoutFlow.scss
- LayoutFlowFactory.tsx
- Loading.module.scss
- Loading.tsx
- NavBar.module.scss
- NavBar.tsx
- ResizableBox.scss
- ResizableBox.tsx
- Guide.module.scss
- Guide.tsx
- llvmcfg.module.scss
- llvmcfg.tsx
- SlidingGuide.module.scss
- SlidingGuide.tsx
- SwitchSelector.module.scss
- SwitchSelector.tsx
- main.module.scss
- main.tsx
- modal.module.scss
- pagination.module.scss
- profile.module.scss
- profile.tsx
- ProfileTable.tsx
- codeblock.ts
- tutorial.module.scss
- Tutorial.tsx
- passOption.module.scss
- passOption.tsx
- upload.module.scss
- upload.tsx
- warningErrorAlert.tsx
- color.ts
- exAfter.json
- exBefore.json
- click.gif
- db.gif
- direction.gif
- drag.gif
- edge.gif
- example.gif
- origin.gif
- resize.gif
- zoom.gif
- check.png
- facebook.png
- footer_logo.png
- github.png
- guide.png
- insta.png
- linkedin.png
- logo.png
- passClick.png
- profile.png
- tutorial1.png
- tutorial2.png
- passes.ts
- authSlice.ts
- graphSlice.ts
- deleteModalSlice.ts
- errorModalSlice.ts
- modeSlice.ts
- pathSlice.ts
- hook.ts
- store.ts
- _variable.scss
- Button.module.scss
- graph.ts
- index.ts
- optimization.ts
- ga.ts
- App.tsx
- index.scss
- index.tsx
- nodes-edges.js
- react-app-env.d.ts
- reportWebVitals.ts
- setupTests.ts
- .env.development
- .eslintrc
- .prettierrc
- craco.config.js
- Dockerfile
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
- .gitignore
- docker-compose.yaml
- example.gif
- LICENSE
- logo.png
- package-lock.json
- README.md
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/kc-ml2/llvm-flow
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd llvm-flow
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker-compose build
compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.
docker-compose up
compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.
└── docker-compose.yaml
compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Node.js
쉬움사전 준비물
cd llvm-flow-frontend
이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm start
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
// repository documentation
Was this content helpful?
(0 ratings)