웹프로그래밍 (130) 썸네일형 리스트형 네이버 지도 API 유료화!? 새 API 로 변경 오늘 갑작스레 메일이 와서 내용을 보니, AI NAVER API 가 7월1일자로 전면 유료화가 된다고 한다.처음에 네이버 지도 API 를 ncloud 에서 신청해서 쓰고 있었는데, 그게 AI NAVER API 로 들어가 있었고, 또 Maps API가 별도로 카테고리가 생성되어 있었다. 그러니까 요약하자면, AI NAVER API 내에 있는 Maps 를 쓰면 7월1일부터 무조건 과금이 되고, 그 밖에 있는 Maps 를 쓰면 기존처럼 무료로 이용이 가능하다. 하지만 나처럼 AI NAVER API 내에 Maps를 쓰고 있던 사용자라면은 기존 사이트에 있던 Client ID, Secret를 Maps에 새로 생성한 Application에 맞게 전부 수정해주고, api 주소들 역시 전부 Maps 에 맞게 변경해주어.. iframe으로 php 페이지 지정시 세션 유지(공유) 안되는 현상 브라우저 보안정책 강화로 인해 iframe 으로 php 외 다른 url 등을 불러왔을 때, set cookie의 기본 samesite 정책이 Lax 로 지정되어 iframe 내의 페이지가 set cookie 를 기본적으로 하지 못하도록 차단됩니다. 그래서 iframe 으로 사이트를 불러왔을때 로그인이 풀리는 현상이 있는데요. php 에서 로그인 처리시, 혹은 session_start() 시에 아래 코드를 추가하면 해결이 가능합니다.session_start();setcookie("PHPSESSID", session_id(), time() + 3600, "/; samesite=None; Secure"); session_start() 다음에 생성된 session_id 를 PHPSESSID setcookie를 .. 엣지(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 이전 1 2 3 4 ··· 17 다음