HOOK

리액트 네이티브에서 useMemo라는 Hook을 사용해 값을 memoization해 최적화할 수 있다. memoization이란 동일한 계산을 반복해야 할 때 불필요한 연산을 제거하기 위해 이전에 계산한 값을 재사용해 처리를 최적화하는 것을 의한다. const value = useMemo(() => compute(a, b), [a, b]); 이렇게 Hook을 사용하면 a나 b의 값이 변경될 때만 값이 연산된다. 아래 예제 코드를 통해 확인해보자. import React, { useState, useMemo } from "react"; ... const [datas, setDatas] = useState([{ ... }, { ... }]); const datas1 = useMemo(() => datas.r..

React에서 상태를 관리하는 가장 기본적인 방법은 useState라는 함수를 사용하는 것이다. React에는 use로 시작하는 다양한 함수가 내장되어 있는데, 이 함수들은 Hook이라고 부른다. Hook을 사용해서 상태 관리, 최적화, 컴포넌트 작동 흐름 관리 등 다양한 기능을 구현할 수 있다. 그 중에서 useState는 상태 값을 관리하는 함수이다. useState를 사용해서 상태를 적용해보자. import React, {useState} from 'react'; import {View, Text, Button, StyleSheet} from 'react-native'; function Box() { return ( UseState 예제 ); } function UseStateTest() { con..

이번에는 Spring Boot 프로젝트에서 Slack으로 메세지를 발송할것이다. 매우매우매우 간단하다. 먼저 Slack에 앱을 추가해준다. 메세지를 받을 채널에 앱을 추가해준다. 메세지를 보낼 이름과 아이콘을 설정한다. 이제 Java에서 POST로 웹 후크 URL로 호출만 하면 된다. payload={"text": "보낼 메세지 내용"} @Component public class SlackUtil { private static final String webHookUrl = "https://hooks.slack.com/services/12421421421421412412414"; public static void messageSend(String message) { try { URL url = new UR..