두콩 Boot - Slack Bot 연동하기 그룹이 슬랙과 연동할 경우, 그룹 원들의 상태가 Slack Bot을 통해 표시된다! 에서 Slack Bot 만들기 App Name과 workspace 선택 - AppName의 경우 추후 변경 가능 - workspace가 없으면 app 생성 불가! → 여러 workspace에서 사용하는 bot개발 시, 생성 후 distribution 설정 해야 함 생성 후 Bots 선택! Scope 적용 Re... Springboot두콩개발일지Springboot [Chrome Extension] 웹 페이지 연동 타이머 구현하기 필요한 데이터를 이미 웹 페이지에서 localStorage에 저장하고 있었음! → localStorage 내용 얻어오기 사용자가 미리 지정된 URL에 접속할 경우, 해당 탭의 ID를 저장 해당 프로젝트에서는 탭의 상태를 유지해야 하기 때문에 전역변수로 저장 후 활용 해당 탭에 Script를 주입하여 localStorage[”key”] 값을 반환하도록 함 setInterval(): 일정 시간 ... 두콩frontend개발일지frontend [Chrome Extension] 탭 제어 기능 만들기 사용자의 Tab 정보를 활용하여 화면을 제어하기 때문에, permissions을 추가 다양한 브라우저 event들을 monitoring하여 작업을 수행하는 코드를 작성한다 탭의 상태가 변경될 때 발생 tabId: 변경된 탭의 ID changeInfo: 변경된 내용 tab: 변경된 탭 Object 필요한 changeInfo: status ( unloaded / loading / complete... 두콩frontend개발일지frontend [Chrome Extension] Chrome Storage CRUD 💡 Chrome Storage를 활용한 Extension의 CRUD [FE] HTML / CSS [BE] Javascript / JQuery [DB] Chrome Storage Chrome Extension ( MV3 ) Chrome Extension의 뼈대같은 존재인 manifest.json 작성! manifest만 작성해도 Chrome Extension에 올려 앱을 확인할 수 있다. de... JavaScript두콩개발일지JavaScript [chrome extension] setInterval 타이머 타이머를 적용하는 setInterval이 간헐적으로 실행되지 않음 새로운 window를 열었을 때, background.js가 재 실행되면서, tabId가 “”로 초기화 됨 Manifest V3로 이전 되면서, chrome alarms API로 변경 alarms 사용을 위해, Manifest에 Permission ‘alarms’ 추가 when: 시작 시간 periodInMinutes: 이벤트... frontend개발일지두콩frontend
Boot - Slack Bot 연동하기 그룹이 슬랙과 연동할 경우, 그룹 원들의 상태가 Slack Bot을 통해 표시된다! 에서 Slack Bot 만들기 App Name과 workspace 선택 - AppName의 경우 추후 변경 가능 - workspace가 없으면 app 생성 불가! → 여러 workspace에서 사용하는 bot개발 시, 생성 후 distribution 설정 해야 함 생성 후 Bots 선택! Scope 적용 Re... Springboot두콩개발일지Springboot [Chrome Extension] 웹 페이지 연동 타이머 구현하기 필요한 데이터를 이미 웹 페이지에서 localStorage에 저장하고 있었음! → localStorage 내용 얻어오기 사용자가 미리 지정된 URL에 접속할 경우, 해당 탭의 ID를 저장 해당 프로젝트에서는 탭의 상태를 유지해야 하기 때문에 전역변수로 저장 후 활용 해당 탭에 Script를 주입하여 localStorage[”key”] 값을 반환하도록 함 setInterval(): 일정 시간 ... 두콩frontend개발일지frontend [Chrome Extension] 탭 제어 기능 만들기 사용자의 Tab 정보를 활용하여 화면을 제어하기 때문에, permissions을 추가 다양한 브라우저 event들을 monitoring하여 작업을 수행하는 코드를 작성한다 탭의 상태가 변경될 때 발생 tabId: 변경된 탭의 ID changeInfo: 변경된 내용 tab: 변경된 탭 Object 필요한 changeInfo: status ( unloaded / loading / complete... 두콩frontend개발일지frontend [Chrome Extension] Chrome Storage CRUD 💡 Chrome Storage를 활용한 Extension의 CRUD [FE] HTML / CSS [BE] Javascript / JQuery [DB] Chrome Storage Chrome Extension ( MV3 ) Chrome Extension의 뼈대같은 존재인 manifest.json 작성! manifest만 작성해도 Chrome Extension에 올려 앱을 확인할 수 있다. de... JavaScript두콩개발일지JavaScript [chrome extension] setInterval 타이머 타이머를 적용하는 setInterval이 간헐적으로 실행되지 않음 새로운 window를 열었을 때, background.js가 재 실행되면서, tabId가 “”로 초기화 됨 Manifest V3로 이전 되면서, chrome alarms API로 변경 alarms 사용을 위해, Manifest에 Permission ‘alarms’ 추가 when: 시작 시간 periodInMinutes: 이벤트... frontend개발일지두콩frontend