코드로 우주평화

까먹방지를 위해 적는 글. 1. gtag 적용하기gtag 적용하는 방법은 아래 링크 참고해주세요. (이 글에서는 생략!) https://coyo-hm.github.io/post/nextjs-gtaghttps://kimyanglogging.tistory.com/3 다만, 위 글은 Next.js 14 이전 버전인듯 합니다. Next.js 14 에서는 _app.tsx 파일이 없으므로 Script 선언은 layout.tsx 에서 해주시면 됩니다.  2. gtag config 에 user_id 넣기저의 경우 authenticate.ts 파일을 만들어 로그인 로직을 이곳에 두었습니다. // authenticate.ts import { GA_KEY } from "./gtag";export async function ..

안녕하세요. Flutter 에 입문하여 앱을 출시해 보고자 간단한 노트 앱을 만들고 있습니다. 이번 글에서는 노트를 쓰고, 노트를 조회하는 간단한 기능을 Provider 패키지를 이용하여 구현해보겠습니다. 먼저 구현 결과물부터 보여드리겠습니다. 처음에는 노트를 작성할 수 있는 노트 쓰기 화면이 나타나고, 저장을 누르면 노트 목록 화면으로 이동합니다. 이때, 휴지통 아이콘을 누르면 노트를 지울 수 있습니다.  그럼 이제 프로젝트를 시작해 봅시다!  플러터 프로젝트 생성먼저 프로젝트를 생성해야겠죠. 처음에 프로젝트를 생성할 때 사용하는 명령어는 다음과 같습니다.flutter create {프로젝트 이름} 그런데 이 경우에는 프로젝트의 도메인 설정이 `com.example.{프로젝트 이름}` 으로 표시되더라고..

슬랙 봇이 어떤 채널에 메시지를 보냈다고 가정해 봅시다. 그런데 만약, 메시지에 문제가 있어 봇이 보낸 메시지를 수정해야 한다면 어떻게 해야 할까요? 아래는 슬랙 봇의 메시지를 수정한 모습입니다. 이번 글에서는 슬랙 봇의 메시지를 수정하는 경우와 그 방법에 대하여, 또봇(글또 슬랙 봇)의 구체적인 사례로 설명드리겠습니다.  메시지 수정이 필요한 상황제가 속해있는 글또라고 하는 커뮤니티는 개발자들이 글을 쓰고 봇을 통해 제출하는 커뮤니티입니다. 현재 10기의 멤버 수는 640명이죠. 커뮤니티 인원 수가 많다보니 글을 실수로 잘못 제출하거나 불가피하게 블로그 링크가 바뀌어 메시지 수정이 필요한 때가 종종 생깁니다. 예를 들어, 다음과 같은 상황입니다. 글또 커뮤니티는 글을 제출하면 아래와 같은 형식으로 봇이..

슬랙 API를 사용하면서 동일한 요청을 반복적으로 해야 할 때가 있습니다. 예를 들어 슬랙의 특정 메시지를 조회하여 데이터를 가져오는 경우가 있을 수 있죠. 하지만 슬랙 API는 사용량 제한이 있기 때문에, 같은 요청을 반복하는 대신 캐싱을 통해 효율적으로 처리할 수 있습니다. 오늘은 aiocache 라이브러리를 사용해 비동기 함수에 대한 캐시 구현 방법을 소개해 보겠습니다.  문제 상황slack_sdk 에서 제공하는 AsyncWebClient 를 이용하여 특정 메시지의 댓글을 가져오겠습니다. 이를 위해서는 conversations_replies 메서드를 사용합니다. async def fetch_messages( client: AsyncWebClient, channel_id: str, t..

인사이트사용자가 다른 사용자를 불러올 수 있는 구조를 만들자.사용자가 서비스를 사용할 때, 다른 사용자가 호기심을 갖게 만들자.유용하다는 감각은 정량적인 것이 아니라 감정이다. 도메인에 따라 사용자의 기본 감정을 파악하여 제품에 반영해야 한다.초대장 전략은 초기 안정적인 서비스 운영과 희소성을 높이는 전략이다.친구와 함께할 수 있는 기능과 혜택으로 효용을 높이고 입소문을 유도하자.문제가 발생하면 현재 가진 정보를 공유하고 해결책을 제안할 것. 이것은 위기를 신뢰 자산으로 바꾸는 방법이다.몬조 : 구글이 투자한 영국 디지털 은행, 입소문으로 ‘돈’의 관념을 바꾸다 몬조 : 구글이 투자한 영국 디지털 은행, 입소문으로 ‘돈’의 관념을 바꾸다롱블랙 프렌즈 L 최근 구글이 투자한 회사들을 보다가, 흥미로운 이름..

인사이트일을 재밌고 쉽게 하는 방법 중 하나는 훨씬 힘든 일을 경험하는 것.감정적으로 힘든 일은 참기 어려움. 감정적으로 힘들다면 자신만의 버틸 이유가 필요하다.상대가 화를 내는 것은 자신을 알아달라는 뜻.상대의 화를 푸는 방법: 조용한 곳에서 통성명하고, 경청한 후 사과하기.단골 고객을 만드는 방법: 알아봐주고 신경 써주기.부지런하고, 상대를 있는 그대로 존중하며, 작은 친절에도 감사 인사하기.사람들에게 좋은 기분을 선물하자. 그 일을 오래오래하자.권문현 : 71세 현역 도어맨, 천 번 고개 숙여 품위를 만들다 권문현 : 71세 현역 도어맨, 천 번 고개 숙여 품위를 만들다롱블랙 프렌즈 B호텔에 가면 제일 처음 만나는 사람이 있습니다. 도어맨Doorman. 문을 열어주고 인사를 건네며, 짐을 옮겨주죠...

인사이트뇌는 내가 어떻게 쓰는지에 따라 달라진다. 즉, 사람은 선천적으로 스스로를 변화시킬 수 있는 능력이 있다.삶을 제대로 이해하려면, 지금 이 순간의 맥락을 이해할 수 있어야 한다. 눈에 보이는 것이 다가 아니라, 눈에 보이지 않는 것까지 이해할 수 있어야 한다.독서를 하는 이유는 생각하기 위함이다. 생각은 성찰과 통찰로 이어진다.감정 또한 지식이며 통찰력을 향한 여정의 일부이다. 만약 책을 읽다가 ‘아하!’ 경험을 못했다면 독서를 다시 점검해 볼 것. 이는 실속 없는 겉독서일 확률이 높다.학습, 여가, 관조, 꼭꼭 챙기자!책을 읽어주면 지식과 감정이 모두 전달된다. 나는 꼭 책을 읽어줄 테야!   프루스트와 오징어 : 텍스트와 뇌가 소통할 때, 삶은 비로소 바로 선다 프루스트와 오징어 : 텍스트와 ..

SVG 색상 변경 문제개발을 하다 보면 SVG 파일의 색상을 상황에 따라 바꿔야 할 때가 있습니다. 아이콘이나 로고 색상을 테마에 맞춰 변경하거나, 사용자 인터랙션에 따라 유연하게 조절하고 싶은 경우도 있을 거예요. 저의 경우 종이비행기 SVG 이미지를 만들었는데요. 배경색과 그림자색을 동적으로 할당하여 사용자에게 시각적인 즐거움을 주고 싶었습니다.   하지만 그렇다고 매번 SVG 코드를 수정하는 것은 번거로운 일이죠.🥵 한 번 생각해보세요. 프로젝트에서 SVG를 사용하고 있고, 그 색상을 자주 변경해야 한다면 어떻게 하시겠어요? SVG 파일을 열어서 직접 fill 속성을 바꿔주나요? 아니면 특정 상황마다 다른 색상으로 변환된 이미지를 새로 준비하나요? 이 글에서는 SVG의 색상을 동적으로 변경하는 방..

깨달음이상을 현실로 만드는 방법은 실행이다.옷은 입는 사람에게 정체성을 심어준다. 내가 바라는 정체성은 무엇일까? 그 정체성에 맞는 옷은 무엇일까?고객부터 확보, 안전하게 비즈니스를 시작하는 방법.고객으로부터 학습하자. 실패야말로 가장 효율적인 학습법!인터뷰한 유저들을 미래의 고객으로 삼자.제품과 커뮤니티의 연결, 고객과 함께 성장하고 그들에게 더 멋진 정체성을 만들어주자.비즈니스는 결국 ‘신뢰’를 파는 것이다.‘위기’는 ‘기회’로 바꿀 수 있다.변화의 시작은 매일 쓰는 공간을 더 ‘기분 좋게’ 만드는 데 있다.   헤들리&베넷 : 나사·스페이스X가 선택한, ‘미친 적응력’ 앞치마 성장기 보세요? 전 요즘 푹 빠져 있어요! 셰프복을 입은 요리사들의 경쟁이 얼마나 멋지던지. 문득 궁금해졌어요. 셰프들이 쓰..

깨달음1. 돈을 번다고 해서 그것이 곧 자립을 의미하진 않는다. 자신만의 ‘자립’을 정의하고 스스로 일어날 수 있어야 한다.2. 실제로 해봐야 자신의 성향을 알 수 있다. 해보기 전에 머릿 속으로 자신의 성향을 예단하지 말 것.3. ‘대상’이 아니라 ‘맥락’에 주목하라. ‘대상’에 대한 평가 또한 ‘맥락’에서 이루어진다.4. ‘서운하게 보내지 말 것’ 나와 함께 일하는 동료, 내 고객들에게도 이런 마음으로 대접하자.5. 고객의 시간과 공간에 집중하자. 그 곳에 어울리는 ‘서비스’는 무엇일까?6. 다른 서비스에서는 쉽게 경험할 수 없는 것을 만들자!7. 한 명의 고객이라도 소중하게! 하나의 서비스라도 더 제공하자!   현현 : 그 카페는 왜 별로였을까? 20개 종로 골목가게 기획자의 생존법 현현 : 그 카..