kjkksu971673

코드 쪽 에러가 맞았네요.그래서 수정하니까 이번에는 http부터 안됩니다.img src에 <code>https</code> 식으로 저장이 되는데 마우스로 확인하면 <code><도메인>/https</code> 로 연결됩니다.도메인을 지울 수 있는 방법이 있을까요?google이나 github에서 이미지 받아올 때는 도메인이 안 붙는데 s3에서 이미지 받아올 때만 도메인이 붙습니다.

https 적용 후에 이미지 주소에서 에러가 발생합니다.

혹시 저처럼 flat 분석 헤매실 분들을 위해 남깁니다.

<img src="https://cdn.inflearn.com/public/files/posts/3aef32c8-424f-41e3-8f1d-131773fc435f/image.png"><img src="https://cdn.inflearn.com/public/files/posts/e3179ab5-66de-4f91-96c3-80d69b49aab4/image.png">에러는 따로 없는 것 같습니다.<pre class="hljs"><code class="language-json">"dependencies": {
 "cookie-parser": "^1.4.6",
 "express": "^4.18.2",
 "express-session": "^1.17.3"
 }</code></pre>&nbsp;

res.setHeader vs res.cookie

감사합니다.

<pre><code>useEffect(() => {
 window.scrollTo(0, 300);
 }, []);

 const scrollPos = () => {
 console.log(window.scrollY);
 localStorage.setItem("y", window.scrollY);
 };

 useEffect(() => {
 window.addEventListener("scroll", scrollPos);

 return () => window.removeEventListener("scroll", scrollPos);
 }, []);
</code></pre>&nbsp;<img src="https://cdn.inflearn.com/public/comments/14c04041-79c6-425a-b76f-b37d94c0c4eb/image.png" alt="image" title="image">구글링해도 원하는 대답이 안 나와서 질문드립니다.scrollTo를 300으로 설정했는데 321은 왜 나오는 건가요?<pre><code> useEffect(() => {
 window.scrollTo(0, 300);
 }, []);

 const scrollPos = () => {
 // console.log(window.scrollY);
 localStorage.setItem("y", window.scrollY);
 };

 useEffect(() => {
 console.log(window.scrollY);
 window.addEventListener("scroll", scrollPos);

 return () => window.removeEventListener("scroll", scrollPos);
 }, []);</code></pre>&nbsp;&nbsp;또 위와 같이 작성하면 window.scrollY가 300으로 출력됩니다. 어디서 제가 놓친걸까요?&nbsp;

infinite scroll에서 scroll 위치 기억하는 법에 대해 질문드립니다.

조언해주신 방법대로 useSWRInfinite 이용해서 scrollHeight 문제 해결했습니다. 감사합니다.또 궁금한 점들이 있습니다.<pre><code> useEffect(() => {
 const y = localStorage.getItem("y");
 if (y) window.scrollTo(0, y);
 }, []);

 const scrollPos = useDebouncedCallback(() => {
 localStorage.setItem("y", window.scrollY);
 }, 100);

 useEffect(() => {
 window.addEventListener("scroll", scrollPos);

 return () => window.removeEventListener("scroll", scrollPos);
 }, []);</code></pre>&nbsp;1.위와 같이 작성하여 previous scroll position을 저장하도록 구현했습니다.scroll event가 너무 자주 발생해서 debounce를 이용해서 일정 시간 동안은 동작하지 않도록 만들었습니다.혹시 위 방법 말고 다른 방법으로 previous scroll position을 저장할 수 있는 방법이 있을까요?&nbsp;2.reload한 뒤에도 previous scroll position이 적용되도록 만들 수 있나요?&nbsp;시도한 방법 1<pre><code>useEffect(() => {
 const y = localStorage.getItem("y");
 if (y) {
 window.scrollTo(0, y);
 }

 window.onbeforeunload = () => {
 localStorage.setItem("y", window.scrollY);
 };
 }, []);</code></pre>&nbsp;beforeunload 이벤트로 scroll position은 저장이 되는데 해당 위치로 scroll이 이동하진 않습니다.&nbsp;시도한 방법 2<pre><code> useEffect(() => {
 const y = localStorage.getItem("y");
 if (y) {
 window.scrollTo(0, y);
 }

 return () => localStorage.setItem("y", window.scrollY);
 }, []);</code></pre>&nbsp;clean up effect를 사용해봤지만 이렇게 하면 window.scrollY가 0이 됩니다.&nbsp;조언 부탁드립니다.

kjkksu971673

Posts