Posts
Q&A
CloudSearch ์ OpenSearch ๋ ๋๋น์ ์ฐ๊ฒฐ์ด ์๋ผ๋์?
์์ธํ๋ต๋ณ๊ฐ์ฌํฉ๋๋ค !
- 1
- 2
- 414
Q&A
์ฃ์กํฉ๋๋ค๋ง AWS CloudSearch ์๊ดํ ์ง๋ฌธ์ ๋๋ค ์ ๊ฐ 2๋ฒ ๋ค์๋ดค๋๋ฐ ์ดํด๊ฐ ์๋ผ ์ง๋ฌธ์ ๋๋ฆฝ๋๋ค.
๊ฐ์ฌํฉ๋๋ค!
- 1
- 2
- 236
Q&A
์ฃ์กํฉ๋๋ค๋ง ํด๋น ํ๋ก์ ํธ๋ฅผ ๋ฆฌ์ํธ๋ก ์์ ํด์ ๋ง๋ค์ด๋ณด๊ณ ์๋์ค์ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
๊ฐ์ฌํฉ๋๋ค ์๊ณ ๋ณด๋ width ๋ฅผ์ธ์์ด ์๋ผ์ ๋ฌธ์ ๊ฐ์๊ฒผ๋ค์ absolute๊ฐ์๋ผ์ fixed ๋ก ๋ณ๊ฒฝํ๋๋ฐ ๋ถ๋ชจ๋ทฐ๊ฐ ์ ์ฒด๋ทฐ๋ผ์ ๋๋ค์ ์์๋ํ๋ค์."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 ( ๋ด์ฉ = 25 && scrollPercent = 50 && scrollPercent = 75 && scrollPercent {/* ๋ชธ */} {/* ์ */} {/* ๋ฌ */} ); } export default Page;
- 1
- 3
- 409
Q&A
์ฃ์กํฉ๋๋ค๋ง ํด๋น ํ๋ก์ ํธ๋ฅผ ๋ฆฌ์ํธ๋ก ์์ ํด์ ๋ง๋ค์ด๋ณด๊ณ ์๋์ค์ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
ํน์ okky ์ธ๊ฐ ๊ฑฐ๊ธฐ๋ค๊ฐ ์ง๋ฌธํด๋ด๋๋๊น์?
- 1
- 3
- 409