망고

📌개요 전자서명을 하는 과정에서 웹훅 통신이 필요해서 테스트가 필요했다. 웹훅이라는 것이 외부 서비스에서 우리 서비스로 HTTP요청을 보낼수 있는 것인데 어떻게 테스트를 하는지 알아보자. 📌requestbin 으로 웹훅 테스트해보기 1. requestbin 사이트 접속 https://pipedream.com/ Connect APIs, Remarkably Fast - Pipedream Pipedream is a low code integration platform for developers that allows you to connect APIs remarkably fast. Stop writing boilerplate code, struggling with authentication and managin..

📌애플리케이션 등록 먼저, 카카오 개발자 페이지에서 애플리케이션을 등록해야 합니다. 등록하는 방법은 아래 링크를 참고하자. 카카오 로컬 API 시작하기 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 📌카카오 로컬 API Javascript SDK 설치 카카오 로컬 API를 사용하기 위해서는 Javascript SDK를 설치해야 한다. 'npm' 패키지 매니저를 사용하여 설치하자. npm install kakao-sdk 📌주소 검색 컴포넌트 구현 import React, { useState } from 'react'; import { KakaoM..

프로그래머스 'N으로 표현' 문제는 주어진 숫자 N과 1부터 9까지의 숫자와 사칙연산을 사용하여 특정한 숫자 number를 만드는 문제입니다. 해당 문제는 동적 계획법(Dynamic Programming)을 이용하여 풀 수 있습니다. 먼저, 1개의 숫자로 만들 수 있는 경우부터 시작하여, 2개, 3개, ..., 8개의 숫자로 만들 수 있는 경우를 모두 확인합니다. 이 때, 중간 결과값이 음수이거나 0보다 작은 경우는 무시합니다. 그리고, 모든 가능한 중간 결과값을 저장하면서, 최종적으로 목표값과 일치하는 경우를 찾습니다. 아래는 해당 문제의 자바스크립트 코드입니다. function solution(N, number) { const setList = Array.from({length: 8}, () => n..

📌개요 최근 회사에서 신규 프로젝트를 진행하는 과정에서 자식 컴포넌트에 있는 데이터를 부모 컴포넌트에 전달해야하는 작업이 필요했다. 예를들어 자식 컴포넌트에서 데이터 입력을 하면 그것을 부모 컴포넌트에서 데이터를 받아와서 다른 자식에게 전달해주는 작업이 필요했던 것이다. 이번 기회를 통해 리액트에서는 부모 자식간의 데이터 전달을 어떤식으로 통신하는지에 대해 알아보도록 하자!! 📌부모에서 자식으로 데이터 보내기 👉 props를 이용한다. props란 데이터를 전달하는 속성으로 부모 컴포넌트에서 설정할 수 있으며, 부모에서 자식으로만 데이터를 줄 수 있다. Parent.js import React, { useState } from 'react' import Child from './Child'; const ..