반응형 개발하기/Google Extension5 [EP.05] 국어사전 API를 사용해 단어 검색 페이지 만들기 이번이 마지막 시간입니다. 앞 시간에 코드를 보면 제가 직접 용어들을 입력 해뒀습니다. 따라서 모든 용어가 존재하지 않는 문제가 발생합니다. 그 대안으로 국어사전에서 제공하는 API를 사용하여 단어를 검색 할 수 있도록 페이지를 만들었습니다. 해당 페이지에서 단어를 입력하면 국어사전에서 결과를 가져와 단어를 나열 해줍니다.국어사전 페이지 UI 구현하기먼저 html 구조를 작성 하겠습니다. search arrow_forward menu_book 검색어를 입력하시면표준국어대사전의 결과가 표시됩니다. .. 2025. 1. 16. [EP.04] pdf 파일을 불러와 용어를 인식 후 뜻 풀이하기 아마 다음 시간이 마지막일 것 같은데, 현재 모든 기능을 구현 해서 구글 크롬 확장 프로그램에 제출 했습니다.!! 미리 축하~~~자 이번 시간에는 pdf 파일을 불러와 해당 파일에 단어들을 인식해 앞 시간에 정의해둔 용어가 있다면 해당 용어를 나열 해주는 기능을 만들 것입니다. 문서 분석 페이지 만들기 저희는 오늘 이것을 만들겁니다 이 페이지에서 필요한 것은 1. 파일을 업로드 하게끔 만드는 버튼 2. 파일이 정상적으로 업로드 됐는지 확인하는 기능3. 파일에 단어를 인식하는 기능크게 이렇게 3개가 있습니다. 부분부분 필요한 게 더 있지만! 그것은 중요하지 않아요. 먼저 크게크게 잡고 가야 세부적으로 다룰 수 있습니다. 자 이제 시작 해봅시다.파일 업로드 기능 구현먼저 HTML을 작성 하겠습니다. .. 2025. 1. 16. [EP.03] 비즈니스 용어를 정리하고 해당 페이지의 UI를 구현하기 비즈니스 용어 페이지 만들기안녕하세요 저번 시간에 기본 구조를 만들었으니 이제 본격적으로 구현해보도록 하겠습니다.알아보니 확장 프로그램을 눌렀을 때 팝업(popup)형태가 있고 사이드 패널(sidePanel) 형태가 있더라고요. 아무래도 서비스를 실제로 제공할 것이기에 사이드 패널을 선택했습니다. 이제 구현해보도록 하겠습니다. 데이터 관리 Terms.json 생성현재는 직접 용어를 관리 할 것이기에 별도의 파일로 관리해줄 것입니다.{ "terms": [ { "term": "금일 (Today)", "description": "오늘을 뜻하는 비즈니스 용어. 주로 문서나 이메일에서 사용." }, { "term": "구두 (Verbal)", "descript.. 2024. 12. 19. [EP.02] 확장자 프로그램 기획하기: 비즈니스 용어 도우미 비즈니스 용어 도우미안녕하세요 오늘은 2번째 시간입니다! 앞 시간에는 간단하게 어떻게 사용하는지 설명했으니 이제 기획을 해봅시다!제대로 된 기획이 아닌 프로토타입 느낌으로 계속해서 개선해 나갈 것이므로 감안해주시길 바랍니다. 🤔 왜 이 프로젝트를 시작했나요?신입 개발자로 일하면서 느낀 가장 큰 어려움 중 하나는 비즈니스 용어의 이해였습니다. KPI, ROI, CTR 등 수많은 용어들이 문서와 대화 속에 등장하는데, 이를 실시간으로 찾아보고 이해하는 것이 쉽지 않았죠.이런 경험을 바탕으로, 업무 중에 쉽게 용어를 찾아볼 수 있는 도구가 있으면 좋겠다고 생각했습니다.💡 주요 기능1. 용어 검색 - 200개 이상의 비즈니스 용어 데이터베이스 - 실시간 검색 기능 - 깔끔한 UI의 페이지네이션2.. 2024. 12. 18. [Ep.01]Google 확장자 업무 용어 프로그램 만들기 (+간단한 맛보기) 시작에 앞서 앞으로 진행할 방향안녕하세요!이번 시간부터 새로운 것을 또 만들어 보려고 합니다. 저의 관점에서 과연 사회에 처음 나가서 뭐가 가장 힘들까 고민해본 결과신입 기준으로 업무 용어가 가장 헷갈리고 어려울 것 같아. 그거 관련해서 프로그램을 만들어 보려고 합니다.사실 업무를 하다 보면 반복적으로 입력해야 하는 전문 용어나 긴 문장들이 많죠. 이런 번거로움을 줄이고자 직접 크롬 확장프로그램을 만들어보기로 했습니다. 프로그래밍을 처음 접하시는 분들도 쉽게 따라 할 수 있도록 상세히 설명해 드릴 예정이니 걱정 마세요! 그럼 지금부터 차근차근 알아보도록 하겠습니다. 해당 주제에 앞서 저도 처음 사용 해보는 것이라 기본 구조를 만들고 정상적으로 작동되는지 확인하려고 합니다. 함께 따라오시면서 개발의 재미도.. 2024. 12. 17. 이전 1 다음 반응형
