반응형 APP9 tauri 개발 따라해보기 11 STEP17이제 거의 마지막이다.search.rs에서 loc_more = vec![""] 를 봤으면 눈치챘겠지만 그냥 비워두고 있었다.귀찮아서...builder 생성시 옵션으로 추가해야하는 값이다. 그냥 비워두게되면 앱 실행시 먹통을경험하게 될것이다. 왜 RUST compile과정에서 걸러지지 않는지... 그리고, result field에서 더블 클릭시 해당 파일 또는 디렉토리 위치를 파일 탐색기로 열어주는기능까지 마무리 하려고 한다. 1) loc_moreindex.html 추가 코드button type="button" class="collapsible">more ... ↕button> div class="foldcontent" name="extensionDiv"> .. 2024. 12. 18. tauri 개발 따라해보기 10 STEP16이번에는 살짝 가벼운 주제로 넘어가보자.이번글에는 RUST code는 등장하지 않으니 넘어가도 상관없다. searching을 하게되면 어느정도의 응답 시간이 필요하다. UI를 지루하지 않도록progress bar를 넣어보자. index.html에 아래처럼 추가 작업한다.label for="name-check-strict">strictlabel> div id="id-drawcircle" class="progress-bar"> div class="circle border">div> div> styles.css에는 progress-bar class와 animation keyframe을 정의하는 코드를 추가한다..progres.. 2024. 12. 18. tauri 개발 따라해보기 9 STEP14 기본 기능은 완료했으니 살을 붙여보자.앞에서 소개한 rust_search crate에는 여러가지 속성을 부여할 수 있다.지금까지는 file search 만 구현하였으나 directory search및 hidden 파일 그리고strict mode도 추가해보자. index.html에서 hidden, strict mode를 선택할것인지 check box를 추가해보자'id-check-hidden', 'id-check-strict'div class="row" name="defaultDiv"> input id="id-input-search-main" class="focusableInput" tabindex="0" placeholder="file or dir name" /> &.. 2024. 12. 18. tauri 개발 따라해보기 8 앞 글에서 search.rs 를 살짝 보기했지만... 이부분이 지금 만들고 있는 application의핵심이다. 일단 search.rs에 추가한 crate부터 보자.use std::sync::Mutex;use lazy_static::lazy_static;use rfd::FileDialog;use std::cell::RefCell;1) rfd : https://docs.rs/rfd/latest/rfd/location 설정을 위해서 dialog를 여는 기능을 한다. 2) lazy_static : https://docs.rs/lazy_static/latest/lazy_static/google 번역기를 돌려보자. 뭔 소린지 직관적으로 이해되지 않지만...Using this macro, it is possible.. 2024. 12. 18. tauri 개발 따라해보기 7 STEP13지금까지는 README.md 를 찾기 위해서 소스에 직접 하드코딩 값을 입력하고결과 또한 console에 출력하였지만 이제 UI에 보기 좋게 출력하도록 하기 위한 작업을진행하기로 하였다. 아래 그림처럼 출력하는 소스의 commit을 참고하자. https://github.com/kchhero/suker_rust_project/tree/master/fastScommit : 89cf53d45ba1d2d9aa7bcbfca3f21385927614b0 먼저 index.html에 몇가지 추가하자. file명과 확장자에 대한 처리를 위해서 common.js를 추가한다.그리고 output을 표시하기 위한 multiple select box를 추가한다. textbox로 하려고 하였으나 각각의 결과가표시될 lin.. 2024. 12. 17. tauri 개발 따라해보기 4 STEP8한번 빌드해보자.console에서 실행해도 되고.. vscode의 terminal 화면에서 실행해도 된다.위처럼 compile 단계가 끝나면 UI가 구성된 상태의 app이 실행된다.여기까지는 공수가 크게 들어가지 않았다. 여기까지 정리해보자. 1. RUST 설치2. Tauri 설치3. tauri project 생성4. vscode 로 project load5. html 살짝 수정6. 실행 STEP9그러면 이제 하나씩 기능을 추가하기만 하면 되겠다.fastS 앱에서 가장 중요한 기능은?당연히 file/directory 의 빠른 검색 기능이다.RUST로 file 검색 부터 만들어보자.그리고 RUN 버튼을 누르면 test code가 돌아가도록 하는것이 1차 작업 목표다.src 아래에 .rs 파일.. 2024. 12. 13. 이전 1 2 다음 반응형
