const onTouchStart = (e: React.TouchEvent<HTMLFormElement>) => {
        initialPosition = {
            left: Math.floor(e.currentTarget.getBoundingClientRect().left),
            top: Math.floor(e.currentTarget.getBoundingClientRect().top),
            x: Math.floor(e.changedTouches[0].clientX),
        };
    };
   
    const onTouchMove = (e: React.TouchEvent<HTMLFormElement>) => {
        setDiff(initialPosition.x! - Math.floor(e.changedTouches[0].clientX));
    };

    const onTouchEnd = (e: React.TouchEvent<HTMLFormElement>) => {
        if (diff > 40) {
            setDiff(50);
            setDisplayDeleteBtn(true);
        } else {
            setDiff(0);
            setDisplayDeleteBtn(false);
        }
    };





왼쪽으로 밀면 삭제버튼 나온다!!