TIL

aria-label은 웹 접근성을 개선하기 위해 사용되는 HTML 속성입니다. 이 속성은 화면 판독기와 같은 보조 기술이 웹 페이지의 요소에 대한 설명을 제공할 수 있도록 도와줍니다. aria-label 속성은 시각적으로는 보이지 않지만, 화면 판독기와 같은 도구가 요소의 역할과 목적을 사용자에게 전달할 수 있게 해줍니다. aria-label 사용 예제예를 들어, 버튼에 시각적인 텍스트가 없고 아이콘만 있는 경우, aria-label을 사용하여 버튼의 기능을 설명할 수 있습니다:button aria-label="Close">Xbutton>여기서 aria-label="Close"는 화면 판독기 사용자에게 이 버튼이 "Close" (닫기) 버튼이라는 것을 알리게 합니다. Tailwind CSS에서 aria-..

https://www.redirect-checker.org/index.php Redirect Checker | Check your Statuscode 301 vs 302Features This Redirect Checker supports several features like: · Select different User Agents like    · Desktop-Browsers (Chrome, Internet Explorer, Safari, Firefox,...)    · Mobile Devices (IPad, Iphone, Android, Windows Phone, Kindle, Nokia...www.redirect-checker.org  이 redirect checker 를 통해 문제가 있는 ur..

https://search.google.com/search-console Google Search ConsoleSearch Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다.search.google.com 구글 서치 콘솔로 들어가 도메인 등록을 한다.  layout.tsx에 해당 옵션을 추가한다. verification: { google: "YOUR-VERIFICATION-CODE-PROVIDED-BY-GOOGLE" }, 이렇게 하면 을 쓸 필요가 없어진다.

배포후 완료가 됐음에도 들어가보면 해다 오류를 마주할 때가 있다 .루트에 vercel.json 파일을 추가해주고 다음을 입력해주고 다시 배포하면 끝 {  "routes": [{ "src": "/[^.]+", "dest": "/", "status": 200 }]}

저번에는 가비아에서 도메인을 샀지만 이번에는 호스탕 케이알 (hosting kr) 에서 샀다여기가 알아본 . 곳중에서는 .com 가격이 제일 싼듯하다14000원에 부가세 10퍼센트 붙어서 15400 결제 일단은 네임서버 변경해서 사려면 ns1.vercel-dns.comns2.vercel-dns.com 로만 변경해서 사주면 한번에 된다.   기본으로 샀다면 네임서버 변경도 가능하다 연결하는 것도 가비아보다 훨씬 쉽다 위의 기본 네임서버를 ns1.vercel-dns.com, ns2.vercel-dns.com 로만 변경해주면 된다.   그리고 vercel에 해당 프로젝트의 설정 - 도메인에 들어간다.산 도메일 주소를 입력하고 ADD 한다 시간이 조금 걸려서 자동으로 연결이 된다!  짠

vercel이라는 명령어를 터미널에 입력하는 것만으로도 바로 배포가 가능하가 git add , git commit, git push 안해도됨!Vercel CLI 설치: npm (Node Package Manager)을 사용하여 전역으로 Vercel CLI를 설치합니다. 터미널에서 다음 명령어를 실행하세요: npm install -g vercel설치 확인: 설치가 완료되면 다음 명령어로 Vercel CLI가 제대로 설치되었는지 확인합니다: vercel --version버전 정보가 표시되면 설치가 성공적으로 완료된 것입니다.Vercel 계정 연결: 이제 'vercel login' 명령어를 사용하여 Vercel 계정에 로그인할 수 있습니다: vercel login브라우저 창이 열리면 Vercel 계정으로 로그..

Error: This action with HTTP GET is not supported by NextAuth.js✓ Compiled /api/[...nextauth] in 179ms (2268 modules) GET /api/auth/error 400 in 303ms구현 완료후 테스트하는데 자꾸 이런 에러가 난다할 것 다했는데 자꾸 저 주소로 들어가면 에러가 나는 것이었다. http://localhost:3000/api/auth/callback 알고보니src/app/api/auth/[...nextauth]/route.ts이 경로여야 하는데src/app/api/[...nextauth]/route.ts 로 하고 있었던 것..auth 폴더 때문에 4시간 허비했다. 하ㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏ..

next js 으로 초기에 프로젝트 설정하고 그것을 github에 올리고, vercel 배포하는 과정까지 정리하겠다. 1. 터미널에서 next js 프로젝트 설치npx create-next-app@latest 다음에 나오는 사항들 적절하게 설정하기 ,nextjs app router 사용하는 기준, project name만 정하고 나머지 다 디폴트값으로하기 What is your project named? my-appWould you like to use TypeScript? No / YesWould you like to use ESLint? No / YesWould you like to use Tailwind CSS? No / YesWould you like your code inside a `src/`..

Google Custom Search Engine ID (CSE ID)를 설정하는 방법을 단계별로 설명 Google Programmable Search Engine 페이지 방문: https://programmablesearchengine.google.com/cse/all 에 접속하세요.새 검색 엔진 생성: "새 검색 엔진" 버튼을 클릭하세요.검색 엔진 설정:"검색할 사이트" 필드에 "www.google.com"을 입력하세요."언어" 설정에서 원하는 언어를 선택하세요."이름" 필드에 검색 엔진의 이름을 입력하세요 (예: "News Search")."만들기" 버튼 클릭: 설정을 완료하고 검색 엔진을 생성하세요.CSE ID 찾기:생성된 검색 엔진의 "설정" 페이지로 이동하세요."기본" 탭에서 "검색 엔진 ID..

ip whitelist에 모든 주소가 올 수 있게 하면 된다. mongodb atlas 로 가서 network access로 간다. add ip address  allow access from anywhere 해결 완료