1. 원하는 채널에 웹훅 생성하기 채널 > 설정 > Intgrations > Create Webhook Copy Webhook URL으로 생성된 웹훅의 URL을 복사한다. 2. 코드 작성 // PAYMENT_WEBHOOK_URL에 1번에서 복사한 웹훅 URL을 저장 const sendDiscordMsg= async () => { const paymentWebhook = new Webhook(PAYMENT_WEBHOOK_URL); const embed = new MessageBuilder() .setTitle('제목') .setColor('메시지 색상') .setDescription('메시지 내용') .setTimestamp(); return await paymentWebhook.send(embed); }..

가상 환경이란? 가상 환경은 파이썬 인터프리터, 라이브러리 및 스크립트가 다른 가상 환경에 설치된 것과 (기본적으로) “시스템” 파이썬(기존 운영 체제 일부로 설치되어있는 것)에 설치된 모든 라이브러리와 격리되어있는 파이썬 환경. 파이썬 실행 파일과 가상 환경임을 나타내는 다른 파일을 포함하는 디렉터리 트리. 가상환경을 사용해야 하는 이유? 파이썬 특성 개발 주기가 빠름. 다양한 패키지를 이요하는데, 패키지 버전에 따라 호환이 안되는 경우가 발생. 가상 환경은 종속성 관리 및 분리, 시스템 관리자 액세스 없이 Python 패키지 설치 및 사용의 용이성, 여러 Python 버전에 걸치 Python 소프트웨어의 자동 테스트 등에 이미 널리 사용되고 있다. 시스템 레벨의 site-package 디렉토리로부터 ..

해당 포스팅에서는 React에 내장된 Hook API에 대해 알아보겠습니다. 1️⃣ useState 2️⃣ useEffect ⚓️ useState 함수형 컴포넌트에서 상태 관리 state = { isLoading : true, recipeList : [] } // AA라는 list가 있다고 가정. this.setState({recipeList:AA, isLoading:false}); 클래스에서는 state를 객체로 묶어서 관리합니다. const [value, setValue] = useState(100); useState는 배열을 반환합니다. value : state 값 setValue : state를 설정하는 함수 value의 초기값을 100으로 설정. (value, setValue는 원하는 이름의 변..

❓ Hook을 사용하는 이유 hook이 나오기 전에 사람들은 Class를 이용하여 컴포넌트를 작성했습니다. 이제는 hook을 통해 state를 관리하고 여러 react 기능을 사용할 수 있습니다. hook 이전에는 HOC(Higher Order Component)를 이용하여 코드를 반복해서 작성을 해야 하는 문제를 해결하려고 했습니다. "HOC"이란 화면에서 재사용 가능한 로직만을 분리해서 component로 만들고, 재사용 불가능한 UI와 같은 다른 부분은 parameter로 받아서 처리하도록 하는 패턴입니다. 즉, 리액트 컴포넌트를 인자로 받아서 새로운 리액트 컴포넌트를 리턴하는 함수라고 생각하시면 됩니다. 하지만 HOC을 사용했을 때, wrapper hell이라는 또 다른 문제가 발생할 수 있는데요..