아워코딩

웹 브라우저 탭 동일 사이트의 중단된 탭 깨우기 방법

문제 설명 사용자가 여러 웹 브라우저 탭을 열어 놓았을 때, 하나의 탭이 동작을 멈추거나 ‘중단(suspended)’ 상태가 되는 경우가 있다. 이 때, 하나의 탭에서 다른 탭을 깨우는 방법이 필요하다. 오늘의 주제는 동일한 웹사이트에서 실행되는 다른 탭을 어떻게 깨울 수 있는지에 대한 방법을 소개하겠습니다. JavaScript의 Window 객체...

Node.js에서 fs.rename을 사용하여 파일 확장자 변경하기

문제 상황: 확장자가 다른 파일 이름 변경하기 여러분이 Node.js에서 파일을 다룰 때, fs.rename 함수를 사용하여 파일 이름을 변경하려고 할 수 있습니다. 그런데 이때 주의할 점이 하나 있습니다. 바로 파일의 확장자가 달라질 경우에는 어떻게 처리해야 하는가입니다. 이 글에서는 이 문제를 해결하는 방법을 자세히 살펴보겠습니다. ‘fs.re...

React Query 초기 데이터 가져오기 막고, 다시 가져오기 활성화하는 방법

문제 상황 소개 React Query를 사용하면서 초기 데이터를 가져오는 것을 막고, 나중에 다시 가져올 수 있는 기능을 활성화하고 싶은데 어떻게 할까요? 이 문제는 개발자들이 흔히 직면하는 문제 중 하나입니다. Stack Overflow에도 이와 관련된 다양한 의견과 해결책이 있습니다. 해결방법 1: enabled 옵션 사용 가장 쉬운 방법은 ...

JWT 문제 해결 JWT Malformed 오류와 쿠키 저장

문제 상황과 원인 “JWT Malformed”라는 오류는 JSON Web Token(JWT)과 관련한 문제로 발생합니다. 이 오류는 주로 토큰 형식이 올바르지 않거나 변조되었을 때 나타납니다. 쿠키에 JWT 토큰을 저장할 때도 이런 문제가 생길 수 있습니다. 원인은 다양하지만, 토큰이 손상되거나 쿠키 설정이 잘못된 경우가 대표적입니다. 해결 방법 ...

JavaScript와 jQuery로 DOM 트리 조작하기 전 화면에 표시하는 방법

DOM 트리란 무엇인가? DOM(Document Object Model) 트리는 웹 페이지의 구조를 표현하는 모델입니다. 웹 페이지의 모든 요소와 속성, 텍스트 등이 DOM 트리의 노드로 표현됩니다. 여기서 ‘노드’는 웹 페이지의 개별 구성 요소를 의미합니다. 화면에 표시되기 전 DOM 트리 조작의 필요성 웹 페이지가 로딩될 때, 사용자에게 보이...