rje2875734264

CloudSearch 와 OpenSearch 는 디비에 연결이 안돼나요?

죄송합니다만 AWS CloudSearch  에관한 질문입니다 제가 2번 다시봤는데 이해가 안돼 질문을 드립니다.

redis 문법 추가 공부 하고싶은분들 보셔요

강의잘 보앗습니다 write through 은 어디서 배울수있을까요?

<p>감사합니다 알고보니 width 를인식이 안돼서 문제가생겼네요  absolute가안돼서 fixed 로 변경했는데 부모뷰가 전체뷰라서 둘다정상작동하네요.</p><pre class="hljs"><code>"use client";
import React, { useRef, useEffect, useState } from "react";
import motion_sky1 from "@/../../public/images2/motion_sky1.gif";

function Page() {
  const [scrollPercent, setScrollPercent] = useState(0);
  const scrollBody = useRef(null);
  console.log(scrollPercent);
  useEffect(() => {
    const handleScroll = () => {
      const scrollRealHeight =
        document.documentElement.scrollHeight - window.innerHeight;
      const scrollTop = window.scrollY;
      const percentScroll = Math.round((scrollTop / scrollRealHeight) * 100);
      setScrollPercent(percentScroll);
    };

    window.addEventListener("scroll", handleScroll);

    return () => {
      window.removeEventListener("scroll", handleScroll);
    };
  }, []);

  return (
    <div ref={scrollBody} className="relative  left-0 top-0 h-6000 w-full ">
      <div>내용</div>


      <div
        className={`${
          scrollPercent < 25 ? "opacity-100 " : "opacity-0 "
        }  top-0 left-0 absolute h-6000 w-full bg-black transition-opacity duration-500 `}
      ></div>
      <div
        className={`${
          scrollPercent >= 25 && scrollPercent < 50
            ? "opacity-100 "
            : "opacity-0 "
        }  absolute top-0 left-0 h-6000 w-full bg-blue-400 transition-opacity duration-500`}
      ></div>
      <div
        className={`${
          scrollPercent >= 50 && scrollPercent < 75
            ? "opacity-100 "
            : "opacity-0  "
        }  absolute h-6000 top-0 left-0 w-full bg-red-400 transition-opacity duration-500`}
      ></div>
      <div
        className={`${
          scrollPercent >= 75 && scrollPercent < 102
            ? "opacity-100 "
            : "opacity-0  "
        }  absolute h-6000 top-0 left-0 w-full bg-yellow-500 transition-opacity duration-500`}
      ></div>

      <div className="motion_ggang">
        <figure className="ch_body">
          {/* 몸 */}
          <div className="bg-blue-600 fixed h-40 w-32 top-12 left-7"></div>
        </figure>
        {/* 손 */}
        <figure className="ch_hand_right">
          <div className="bg-red-600  fixed h-40 w-32 top-12 left-14"></div>
        </figure>
      </div>
      {/* 달 */}
      <figure className="motion_moon">
        <div className="bg-yellow-600 fixed h-40 w-32 top-12 right-3"></div>
      </figure>
    </div>
  );
}

export default Page;
</code></pre><p>&nbsp;</p>

죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.

<p>혹시 okky 인가 거기다가 질문해봐도됄까요?</p>

rje2875734264

Posts