웹프로그래밍 (128) 썸네일형 리스트형 엣지(Edge) 에서 이미지 우측 상단에 표시되는 비주얼 검색(Visual Search) 제거하기 엣지 브라우저를 사용하다보면 이미지에 마우스를 올렸을때 우측 상단에 비주얼 검색 아이콘이 뜨곤 한다이걸 제거하려면 아래 코드를 이미지 태그에 걸어주면 된다img { pointer-events: none;} 다만 해당 비주얼 검색을 사용하는 사람이 있을수도 있으니 해당 기능을 제한적으로 사용하면 좋을꺼 같다. php Authorization 동작 안할때 SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1 PHP 인증 시도시 prompt 에서 입력한 암호값이 전달되지 않을 경우, 위 값을 .htacess 에 넣어주면 된다. $_SERVER['PHP_AUTH_*'] 식별 안되는 문제 수정하기 php7.4-fpm 환경에서 $_SERVER['PHP_AUTH_USER'] 등의 서버 환경 변수 값이 식별되지 않는 문제가 발생하였다.아래 .htaccess 에 내용을 추가하여 해결하였다. SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1 [Next.js] Error: fetch for over 2MB of data can not be cached Failed to set fetch cache https://xx.com/xx.jpg Error: fetch for over 2MB of data can not be cached 오류가 발생했을 때, 아래와 같이 조치하면 된다. # 1 fecth('xx', { cache: 'no-store' }); # 2 export const dynamic = 'force-dynamic'; [NextAuth] auth redirect 로컬 포트 변경하기 next-auth 를 설치하고 나서 인증 성공시 리디렉션 되는 경로의 포트가 3000이 기본으로 되어있어 실제 사용중인 포트가 일치하지 않는 문제가 생겼다. 검색하다보니 아래 URL에서 .env 에서 설정을 가이드하고 있어 변경하고 정상동작함을 확인했다. https://next-auth.js.org/configuration/options#nextauth_url Options | NextAuth.js Environment Variables next-auth.js.org NEXTAUTH_URL="http://localhost:5000" 이런식으로 .env 파일에 NEXTAUTH_URL 을 설정해주면, redirect 시에 포트가 정상적으로 내가 원하는 값으로 변경이 되었다 Huzy TOOLS 를 시작. 홈페이지를 제작하거나, 생활하다 필요했던 도구들을 직접 만들어 모아볼 생각 우선 네이버 지도 좌표X, Y 검색기를 카카오, 구글지도도 검색 가능하게 추가해서 제일 먼저 만들었다. 디자인에 소질이 없어서 반응형 모바일웹이 아직 안되는데, UI를 좀 고민해봐야겠다. (PC만 되는 상태) 네이버, 카카오, 구글 좌표 X,Y 검색 > https://tools.huzy.net kakao.maps.LatLng is not a constructor kakao sdk.js 는 로드되었을지 몰라도 latlng method 가 로드되기 전에 호출될 경우 발생하는 문제이다. 다음과 같이 수정하여 해결하였다. sdk.js 호출시 파라미터에 autoload=false 를 추가해주었다. 그다음 latlng 메소드가 호출되는 부분을 kakao.maps.load callback 처리해주었다. useEffect(() => { if (kakao) { kakao.maps.load(() => { var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스 var options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(Number(lat), Numbe.. [HTML] 사이트 자동 영어-한글 번역 방지하기 프로젝트를 진행하다 QA 를 할때면 가끔 이슈로 잡히는 건들이 있다. 코드상에 영어로 되어 있는 텍스트가 엉뚱한 한글로 보여진다는 것이다. 나중에 알고보니 자동 번역 기능때문에 발생한 해프닝이었다. 이런 현상을 방지하기 위해 아래와 같이 해주자. html 태그와 meta 태그를 각각 추가해주자. 이전 1 2 3 4 ··· 16 다음