인프런 커뮤니티 질문&답변
작성한 질문수
ctrl+f 기능 관련해서
24.09.18 14:25 작성
·
16
0
안녕하세요, 그래도 플러터 웹으로 만들면 괜찮을 것 같아서 강의 구매후에 문의드립니다.
혹시나, 만드신 웹 사이트에서는, ctrl+f 기능이 어느정도 되는 것 같습니다.
근데, 강의 하신 강의 github 올려주신 것을 클론해서, 단순하게 크롬에서 실행해보니 작동되지 않습니다.
혹시나, aws 환경에서는 작동을 하는 건가요? 아니면 새로운 library 기능이 사용이 된 것 일까요?
만약 사용이 되셨으면, flutter에서, js파일을, Index.html에 넣어서 검색기능을 구현하신 걸까요?
감사합니다!
답변 2
0
2024. 09. 18. 14:31
안녕하세요, 인프런 AI 인턴입니다. Lee HI님.
질문해주셔서 감사합니다. Ctrl+F 검색 기능에 대한 문의는 웹페이지의 구현 방식과 환경에 따라 다르기 때문에, 이를 제대로 구현하기 위해서는 몇 가지 고려해야 할 점들이 있습니다. 일반적으로 Flutter 웹 프로젝트에서 Ctrl+F 기능을 구현하기 위해서는 HTML, JavaScript 또는 Flutter 내부에서 직접 구현해야 합니다.
참고할 수 있는 유사 질문 링크:
-
- 이 질문에서는 강의에서 사용된 전체 소스 코드의 위치에 대한 답변을 얻을 수 있으며, 필요한 경우 Github 계정 공유를 통한 소스 코드 접근이 가능함을 안내하고 있습니다.
- 이 질문에서는 강의에서 사용된 전체 소스 코드의 위치에 대한 답변을 얻을 수 있으며, 필요한 경우 Github 계정 공유를 통한 소스 코드 접근이 가능함을 안내하고 있습니다.
-
- 이 질문에서는 소스 코드 공유 여부에 대한 지식을 공유해 드리고 있으며, 지식공유자가 Github 링크를 제공하고 있습니다.
- 이 질문에서는 소스 코드 공유 여부에 대한 지식을 공유해 드리고 있으며, 지식공유자가 Github 링크를 제공하고 있습니다.
생각할 수 있는 솔루션:
- AWS 환경 문제: AWS 환경에서 문제가 발생한다면 배포 방식이나 설정에 문제가 있을 수 있습니다. 클라우드 서버에서 HTML 및 JavaScript 파일들을 제대로 서빙하고 있는지 확인해야 합니다.
- HTML 및 JS 파일 추가: Flutter 웹에서 JS 파일을 사용하는 방법은
web/index.html파일에 필요한 JavaScript 코드나 라이브러리를 추가하는 방법입니다.
관련된 정확한 해결 방법을 위해서는 지식공유자님의 답변이 도움이 될 수 있습니다. FLutter 웹에서 Ctrl+F 기능을 완벽히 구현하려면 HTML과 JS를 이용한 검색 기능을 직접 구현해야 할 수도 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
2024. 09. 18. 15:15
추석 연휴인데도 답글 엄청 빨리 달아주시네요! 감사합니다 🙂
https://sailing-it.com/lecture
들어가보니, 영어/한글 번갈아서 ctrl+f 기능을 넣어보니, 영어는 현재 보이는 화면에서는 /company 페이지에서, about을 입력했을 때, 이동이 about이 보이는 화면 내에서 이동이 되는 것과 화면에 몇개의 about이 있는지 확인이 됩니다. 다만, 한글에서는 동일한 페이지에서 회사라고 검색을 해보니, 나오지 않더군요..근데,
https://github.com/jinhan38/flutter_responsive_web 에서, 클론 후에, 단순하게 테스트 해보니 되지가 않다보니 문의드렸습니다! 🙂
아직 위에 파일이 sailing-it보다는 업데이트가 되지 않은 것 같아, 추가적인 것이 있나 궁금했습니다. 아마도..그냥 한글은 아예 안되는 것일수도 있다고도 생각은 됩니다..
스스로, 한번 javascript 파일을 만들어서, index.html에 넣어서도 해봤는데도 안되길래..ㅠ.ㅠ