본문 바로가기
728x90
반응형

분류 전체보기585

nextjs Open graph 추가하기 - 셀프 코딩 부트캠프 Open Graph 카카오톡에 URL을 붙여 넣기 하면 위와 같이 스크린샷과 간단한 내용이 나옵니다. 위처럼 잘 나오는 경우도 있지만 나오지 않는 경우도 있습니다. OG(Open Graph)를 세팅하지 않으면 저 정보가 나오지 않습니다. ... Open Graph 정보는 카카오톡뿐만 아니라 페이스북, 트위터 등 대부분 SNS에서 지원합니다. 링크를 보기 전에 간략한 내용을 볼 수 있기 때문에 마케팅 측면에서도 아주 중요합니다. OG 정보는 html 코드에서 head 태그 안쪽에 삽입하면 됩니다. 대표적으로 title, description, image, url이 있습니다. 테스트하는 방법은 간단합니다. 자신이 사용하는 SNS에 링크를 보내보면 됩니다. 카카오톡에 OG정보를 변경해도 동작하지 않는 경우가 .. 2022. 4. 11.
URL 단축 암호 - 셀프 코딩 부트캠프 한 달 전쯤 웹서비스를 만들려고 리액트 공부를 시작했습니다. 오늘 드디어 간단한 서비스 하나를 완성했습니다. 간단하다고 생각했는데 삽질을 하다 보니 오래 걸렸네요. 요즘 머니파이프라인, 엔잡러 라는 말들을 많이 합니다. 블로그 + 이 서비스로 이제 2개가 되었습니다. 야호!! 사람들이 많이 이용하면 좋겠네요.. http://lock.pub/ LOCK.PUB Password protect links lock.pub 제가 만든건 URL 단축 사이트입니다. 그냥 단축 URL 사이트는 흔한 것 같아서 비밀 주소 사이트를 만들었습니다. 단축 주소를 만들 때 암호를 지정할 수 있습니다. 메모를 추가해서 링크에 대한 정보를 보여주거나 힌트를 제공할 수 있습니다. 시작 날짜를 지정하면 시작 날짜 전까지는 숨겨진 링크로.. 2022. 4. 8.
구글 캡챠 인증 - 리캡챠 v2 리액트를 공부해서 간단한 프로젝트를 진행하고 있습니다. 분명 간단한 프로젝트인데 리액트가 처음이라 삽질을 많이 하고 있습니다 ㅠㅠ 웹 페이지이기 때문에 서비스를 서버에 올려야 합니다. 트래픽이 많아지면 많아질수록 비용이 나갑니다. 정상적인 트래픽이라면 광고라도 붙여서 돈을 벌 수 있겠지만 악의적으로 작업을 반복하거나 봇을 사용하면 엄청난 비용이 나가겠죠.(클라이언트만 할 때는 이런 고민 없었는데..ㅠㅠ) 트래픽 과부하를 막기위해 구글 리캡차를 이용하기로 했습니다. 위 그림이 리캡챠입니다. 인터넷하다가 한번쯤은 만나게 됩니다. 조사를 하다보니 캡챠무력화, 캡차푸는법, 캡챠해킹 등의 키워드로 검색해서 저걸 뚫고 싶어하는 사람이 많다는 것을 알게 되었습니다. 웹페이지에서 구글이 만든 튜링 테스트를 뚫는다면 인.. 2022. 4. 8.
슬랙 탈퇴 - 워크스페이스 슬랙은 하나의 아이디로 여러 워크스페이스에 JOIN할 수 있습니다. 내 개인슬랙, A회사 슬랙, B회사 이런식으로 여러개 사용할 수 있습니다. 마치 카카오톡 단체카톡 같은 느낌입니다(물론 기능은 훨씬 많지만). 필요없어진 워크스페이스가 있어서 탈퇴하려고 했는데 어디 박혀 있는지 몰라서 한참 찾았습니다. 워크스페이스 탈퇴 하는 방법에 대해 알아보겠습니다. 슬랙 워크스페이스 탈퇴는 기능은 PC에서 진행해야 합니다. 앱에서도 될지 모르겠는데.. 못 찾았습니다. PC를 켠 후에 슬랙에 로그인 합니다. 먼저 자신이 삭제하고 싶은 워크스페이스로 접속합니다. abc 라는 워크스페이스라면 aaa.slack.com 이라는 주소로 되어 있습니다. 뒤에 /account/settings 를 붙여서 접속합니다. 워크스페이스 이.. 2022. 4. 6.
슬랙, Vercel 연동 슬랙의 가장 큰 장점은 연동입니다. 다른 서비스들과 연결되어서 메시지를 받거나 동작시킬 수 있습니다. api나 webhook을 이용해서 내가 만든 서비스에 붙일 수도 있습니다. 현재 서버로 vercel을 사용하고 있습니다. 서버는 초보라 최대한 내가 아무것도 안 해도 관리해주는 서비스를 주소 사용하고 있습니다. integration에 보니 slack 이 있었습니다. 빌드를 하면 결과를 슬랙을 보내줍니다. 슬랙과 연동하려고 묵혀놨던 아이디를 꺼냈습니다. 왜인지는 모르겠는데 250크레딧이 들어 있었습니다. 37개월 공짜로 사용할 수 있다네요. 그냥 빌드 노티용으로만 쓸 거라서 일단 무료로 사용하기로 했습니다. 크레딧은 친구가 생기면 나중에 사용하기로.... 빌드 결과를 받을 채널을 하나 생성합니다. 프로젝트.. 2022. 4. 5.
일회용 이메일 생성하기 무언가 서비스를 가입하려면 대부분 이메일 주소가 필요합니다. 하지만 한 번만 사용하고 더 이상 사용하지 않을 서비스라면 내 이메일 주소로 가입하기가 꺼려집니다. 관리하기도 귀찮고 그 사이트에서 광고를 보낼 수도 있기 때문입니다. 이런 문제는 일회용 임시 메일을 사용하면 됩니다. 말 그래도 일회용이기 때문에 계속 사용할 사이트에서는 사용하지 말아 주세요. https://temp-mail.org/ko/ 사이트로 접속합니다. 사이트에 접속하면 자동으로 이메일 주소가 하나 생성됩니다. 이 일회용 이메일을 사용하면 됩니다. 테스트 이메일을 하나 보내 보았습니다. 잠시 기다리면 이메일이 도착합니다. 이메일이 잘 도착하지 않으면 새로고침을 누르면 됩니다. 임시 일회용 이메일에 내용도 잘 표시됩니다. 2022. 4. 2.
728x90
반응형

티스토리툴바