혜원의 개발노트

앱을 출시하려면 app dashboard에서 하단의 메뉴중 Submit to App Directory에 들어가면되는데, 앱 심사 제출시 필요한 데이터들을 확인할 수 있다. landing page, privacy policy page 등 준비할것들이 많았다. 필요한 데이터들을 다 채워넣고 5번 단계로 넘어가면 마지막으로 누락된 사항들을 확인해주는데, 나는 아래와 같은 에러가 떴다. public 배포시 socket mode를 사용하면 안되는데, 나는 socket mode를 켜놓은 상태로 제출을해서 에러가 뜬거였음 그래서 에러 메시지에 있는대로 HTTP Request URLs를 사용하는 방식으로 변경해야한다. 이것때문에 삽질을 좀 했는데, 방법은 엄청 간단했다. @slack/bolt-getting starte..

이제 앱 배포를 준비해보자! 다른 워크스페이스에서 내가 만든 앱을 설치하려면 oauth과정을 처리해야한다. 사실 난 이 단계에서 엄청 막혔었다 공식문서를 읽어도 flow는 나오는데, 실제로 구현을 할땐 많이 막혔었당...ㅜㅠ 공식문서에서는 아래와 같은 flow로 구현을 하면된다고한다! 구현하기전에 공식문서에서 정리한 내용을 읽어보고하면 좋다 필요한것 1. @slack/bolt기반으로 작성한 코드 2. https로 시작하는 redirect url > 만약 local에서 테스트를 해보는거라면 ngrok으로 하면된다. 아래에 설명이 있음 3. app dashboard에 Redirect url 적어주기 local에서 테스트해보는경우 만약 local에서 테스트하는데 https 주소가 필요한경우가 있다면 ngrok..

슬랙 앱을 만들땐, view만 구성하는것이아니라, 슬랙이라는 수단을 통해 실제 사용자와 데이터를 주고받는것이 목적일것이다. 그래서 서버와 slack app에서 정보를 주고받을수있는 수단이 있는데, 그 종류는 event, action, method, command, shortcut등이 있다. 이 이벤트들을 설정하기전에 사전적으로 정해야할것이 있는데, 0. Socket Mode 앱을 나의 workspace에서만 쓸거라면 소켓모드를 on하면 된다. 하지만 앱을 실제로 app directory에 올려서 public하게 쓰고싶다면 socket mode를 끄고 http 요청을 통해서 슬랙앱-서버가 통신하도록 해야한다. socket mode를 끄고 작업하는것은 여기를 참고하시라 socket mode켠 상태에서 작업하..

이전글에서 말했지만 나는 슬랙앱 화면을 구성할때 slack-block-builder를 사용했다. 그래서 먼저 slack-block-builder를 설치해준다. npm install slack-block-builder 슬랙앱의 컴포넌트는 계층이 존재한다. 왼쪽이 상위계층이고 오른쪽으로 갈수록 하위 계층이다. 하위계층에 있는 엘리먼트들은 무조건 상위계층안에 존재해야한다! 이 컴포넌트들은 모두 slack-block-builder에서 import해서 사용할 수 있다. 1. Surface surface는 home, modal, message로 나뉘는데, home은 슬랙앱의 메인화면에서 "Home" 탭을 눌렀을때 보여지는 화면이다. 그리고 modal은 말그대로 모달이다! 그리고 메시지는 슬랙앱이 전송하는 메시지 1..

회사에서 MVP로 슬랙 앱을 만들어서 시장에 출시하려고해서 기획자 2명 + 디자이너 1명 + 개발자 1명 이렇게 팀을짜서 서비스를 만들었다. 금방만들줄 알았는데, 생각보다 개발기간도걸리고, 기획적으로 정리할것도있어서 2달정도 걸린것같다..! 슬랙앱을 만든건 처음이기도하고, 서버코드도 작성해보면서 만들어서 너무어렵긴했는데, 많은걸 배울수있어서 좋았다!! 프론트에서 당연하다고 생각했던것들이, 서버에서는 당연하지않다는것을 이 앱을 만들면서 배웠당. (예를들면 앱의 글로벌filter값을 어디에서 가지고있을지에대한 여부를 결정해야할때, 프론트에서는 글로벌state로 필터값을 가지도록 하는게 너무 간단한방식이라, 서버에서도 글로벌 값을 가지도록 해야지 되겠다고 생각했었는데, 서버는 각 요청안에 들어있는 정보를 가지..