Next.js로 만든 웹페이지 배포를 '어디에 배포하면 좋을까' 생각해보신적 있으시죠? Vercel은 Next.js를 배포하기에 최적의 플랫폼으로, 초보자도 쉽게 사용할 수 있을 정도로 직관적입니다. 게다가 무료로 사용할 수 있으며 자동 SSL 인증서 발급으로 HTTPS를 기본 제공해 보안 걱정 없이 빠르게 배포할 수 있습니다. 이 글에서는 Vercel을 활용해 Next.js 프로젝트를 배포하는 과정을 단계별로 알려드리겠습니다. Vercel 프로젝트 생성하기아래 단계에 앞서, 깃허브 배포 방식은 배포하려는 Next.js 프로젝트를 먼저 깃허브에 업로드해야 합니다.깃허브에 프로젝트를 올리는 방법이 낯설거나 자세한 사용법을 알고 싶다면, 깃허브 사용법 게시물을 참고해보세요. 깃허브 계정으로 간편하게 로그인..
인터넷을 통해 웹사이트나 서비스를 운영하는 모든 사람들은 개인정보보호 정책과 서비스 약관을 작성해야 할 의무가 있습니다. 법적으로 요구되기도 하고, 웹 서비스를 사용하는 사용자와의 신뢰를 구축하기 위한 기본적인 요소이기도 합니다. 하지만 이제 막 웹사이트를 만들기 시작하였고 본인이 법률 지식이 부족하거나 직접 작성하려면 많은 시간과 노력이 소요될 수 있습니다. 이를 해결하기 위해, 개인정보보호 정책 작성 도구를 활용하면 간편하고 효율적으로 약관을 작성할 수 있습니다. 이용약관의 중요성약관은 특정 계약 당사자와 다수의 상대방 간의 공통된 계약 조건으로 정의되며, 사업자가 미리 마련한 규정을 포함합니다. 이는 계약서와 동일한 법적 효력을 가지며, 특히 불특정 다수와의 계약에 적합합니다. 다만, 약관은 계..
인앱 브라우저 구글로그인 문제파이어베이스의 구글 로그인 인증을 적용한 서비스의 URL을 카카오톡으로 공유했을 때, 링크를 클릭하면 카카오 인앱 브라우저로 열리게 됩니다. 이 인앱 브라우저의 구글 로그인을 시도하면 액세스 차단됨 Google 정책을 준수하지 않는다는 403 오류가 발생합니다. 포럼을 찾아보니 이 문제는 구글 내부 정책으로 인하여 발생하며, 안드로이드 인앱 브라우저를 사용하는 앱에서는 로그인을 차단하고 있었습니다. 어플내의 웹뷰에서 구글로그인 제한으로 접속이 불가능해지는데, 실제 서비스 사용자들은 해당 페이지에서 무엇이 문제인지, 어떻게 해결해야 할지 몰라서 난감한 상황이 발생할 수 있습니다. 인앱 웹뷰 감지 함수// 웹뷰 환경 감지 함수function isWebView() { con..
Cloudtype 플랜Cloudtype에서는 하비플랜부터 커스텀 도메인연결을 지원하고 있기 때문에 커스텀 도메인을 연결하려면 하비이상 플랜을 먼저 구독해야 합니다. 도메인 연결하기도메인을 연결하기 위해 본인의 프로젝트에서 '연결' - '도메인 연결'을 클릭합니다.아직 도메인이 없다면 이전에 게시한 개인 도메인을 구매하는 방법에 대한 글을 참고해주세요.(링크) 연결할 도메인을 입력한 뒤 TXT값을 복사합니다. 클라우드플레어의 메뉴 중 DNS - Records로 이동합니다.(링크) DNS추가를 위해서 'Add record'를 클릭하고 Type을 'TXT'로 변경합니다.Name에는 '@'기호를 입력한 뒤 Content에 앞서 Cloudtype에서 복사했던 TXT값을 붙여 넣고 'Save'버튼을 클릭합니..
클라우드플레어 도메인 구매하기회원가입클라우드플레어(Cloudflare) 홈페이지에 방문한 뒤 '지금 등록하세요' 버튼을 클릭합니다.(링크) 바로 로그인페이지로 이동하게되는데 계정이 없다면 하단에 'Sign up'을 클릭하여 새로 회원가입합니다.가입 과정에서 신용카드를 요구하거나 개인정보를 요구하지 않아서 간편하게 가입할 수 있습니다. 회원가입을 완료하면 대시보드로 이동되는데 가입할 때 사용한 이메일로 인증을 해야 합니다. 메일함에 로 온 메일을 확인하여 인증링크를 클릭합니다. 도메인 검색로그인을 하고 좌측 메뉴에서 Register Domains 페이지로 이동합니다.(링크) 화면 중앙에 있는 도메인 검색도구를 이용하여 구매하고자 하는 도메인을 입력한 뒤 'Search'버튼을 클릭합니다. 구입가능..
자유로운 텍스트 공유 alienbin.com 웹서비스가 오픈했습니다.alienbin이란? aleinbin누구나 익명으로 공유가능한 텍스트&코드 저장소 alienbin입니다.alienbin.com alienbin은 텍스트 스토리지 사이트이며 사용자가 텍스트를 저장하고 자유롭게 공유할 수 있는 웹 애newstroyblog.tistory.com지난번 웹서비스를 제작하여 처음 배포한 뒤 구글, 네이버, 다음등 각종 검색엔진에 내가 만든 웹사이트를 등록하고 노출시키는 방법에 대해서 알아보겠습니다. 여러분도 사이트를 만들고 배포까지 마쳤다면 축하드립니다! 하지만 여기서 끝이 아닙니다. 검색 엔진에 내 웹사이트가 노출되어야 더 많은 사람들이 사이트에 방문할 수 있습니다. 검색 엔진 최적화(SEO)는 내가 만든 웹사..