반응형 개발하기/Google Extension3 [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 다음 반응형
