본문 바로가기

나는 이렇게 논다45

Slack Block Kit 주요 블록 유형별 차이점 정리 Slack Block Kit에서 각 블록은 고유의 역할을 가지고 있는데요. 이를 구성하는 요소들도 블록마다 다르게 사용되다보니 헷갈리는 경우가 많습니다. 이번 글에서는 Input, Actions, Section 블록을 중심으로, 각 블록이 사용하는 요소들의 차이점과 쓰임새를 정리해보겠습니다.  1. Input 블록특징단일 요소 사용사용자로부터 데이터를 입력받기 위한 목적구성 요소element: 단일 상호작용 요소를 포함합니다. 주로 텍스트 입력, 선택 메뉴, 날짜 선택기 등을 사용합니다.예시{ "type": "input", "element": { "type": "plain_text_input", "action_id": "name_input" }, "label.. 2024. 8. 17.
개발자 글쓰기 커뮤니티는 '슬랙 봇'을 어떻게 사용하고 있을까? 글 쓰는 또라이가 세상을 바꾼다 글또(글 쓰는 또라이가 세상을 바꾼다)라고 하는 개발자 글쓰기 커뮤니티가 있습니다. 현재 진행 중인 글또 9기는 454명이 참여 중이고, 전체 일정의 중반을 넘어서고 있죠. 저는 글또를 7기부터 참여하고 있고, 현재 9기까지 약 2년에 가까운 시간 동안 함께하고 있습니다. 그리고 8기 때부터는 운영진으로 참여하며 커뮤니티에 직접적으로 기여하고 있는데요. 저는 커뮤니티 내 '또봇'이라고 부르는 '슬랙 봇'을 개발하여 운영하고 있습니다. 글또는 한 기수가 5~6개월 동안 진행되며, 멤버들은 2주에 한 번씩 글을 슬랙에 공유하는 방식으로 소통합니다. 이 과정에서 서로의 글에 피드백을 주고받고, 가끔은 멤버들 간 커피챗을 통해 지식이나 경험을 나누기도 합니다. 저는 여기에 더해 .. 2024. 2. 17.
Supabase로 SvelteKit에 GitHub 로그인을 구현해보자 SvelteKit에서 GitHub로그인을 어떻게 구현할 수 있을까요? 이번 글에서는 SvelteKit에서 Supabase를 이용해 간단히 Github로그인을 구현해 보도록 하겠습니다. *SvelteKit: Svelte를 기반으로 한 풀스택 웹 프레임워크 Supabase 란? Supabase 는 Firebase의 대안으로 떠오르는 오픈소스 백엔드 서비스입니다. Supabase의 주요 기능으로는 PostgreSQL 기반의 데이터베이스, 소셜 인증 기능, 실시간 구독과 파일을 저장할 수 있는 스토리지 등이 있습니다. 저는 Supabase 의 소셜 인증 기능을 사용해 Github 로그인으로 구현해 보겠습니다. Supabase 프로젝트 생성 먼저 Supabase 홈페이지에 접속하여 프로젝트를 생성해 줍니다. 프로.. 2023. 12. 24.
003. Supabase로 이미지 저장 학습 목표 Supabase Storage 를 이용해 이미지를 저장할 수 있는가? 저장한 데이터들을 다시 불러올 수 있는가? 측정요소 Supabase Storage 에 이미지를 저장하면 성공이다. ✅ 저장 후 공개 URL 을 받아와 DB에 저장하면 성공이다. ✅ 레퍼런스 Storage Quickstart supabase storage 사진 올리기 만들기 feat: 이미지 storage 저장로직 구현 배우고 느낀 것 이미지를 저장하고 URL을 생성하는 것을 처음 구현해보았는데 생각한대로 동작하니 재밌었다. bind:value와 bind:this라는 svelte 바인딩 명령에 대해서 알게되었다. HTML의 요소는 사용자가 파일을 선택할 수 있게 하는 DOM 요소이기 때문에 Svelte에서 bind:this를 .. 2023. 12. 24.
002. Supabase로 데이터 저장 및 페이지 이동 학습 목표 데이터를 Supabase로 저장할 수 있을까? 자장 후 다시 메인 페이지로 돌아갈 수 있을까? 측정요소 폼 데이터가 Supabase에 저장되면 성공이다. 저장 후 메인 페이지로 이동하면 성공이다. 레퍼런스 https://supabase.com/docs/reference/javascript/insert https://kit.svelte.dev/docs/modules#$app-navigation-goto 만들기 https://github.com/Daco2020/monthly-makers/commit/4b7791fc57b7011e128782b50e29270c3107a2d5 배우고 느낀 것 데이터 전송이 너무 빠르다.. 일부러 로딩 시간을 주면 프로젝트 등록하는 느낌을 유저에게 줄 수 있을 듯 등록 .. 2023. 12. 22.
001. Supabase 연동 및 Github 로그인 학습 목표 - 월간 메이커스를 수파베이스와 연동할 수 있을까 - 깃헙 로그인을 구현할 수 있을까? 측정요소 - 스벨트킷에 수파베이스를 연동하여 데이터를 주고받는데 까지 동작하면 성공이다. - 깃헙 로그인, 로그아웃을 할 수 있다면 성공이다. 레퍼런스 - https://supabase.com/docs/guides/getting-started/quickstarts/sveltekit - https://youtu.be/1tsUB58KX2s 만들기 - https://github.com/Daco2020/monthly-makers/commit/a193f48e51dd24bf3912f49133a799daba82bbcb 학습한 것 - supabase 연동과 로그인 자체는 어렵지 않았다. (카카오 로그인도 있더라) - 깃헙.. 2023. 12. 20.