728x90 반응형 프로그래밍58 플러터 flutter 설치 - m1 맥북 에어 - 셀프 코딩 부트캠프 맥북 에어 m1에 플러터 개발 세팅을 했습니다. https://docs.flutter.dev/get-started/install/macos 위 링크에 가면 다 나와 있지만 한글로 대충 정리해봤습니다. https://storage.googleapis.com/flutter_infra_release/releases/stable/macos/flutter_macos_2.10.4-stable.zip 위 링크를 눌러서 sdk를 다운로드합니다. 최신 버전이 아닐 수도 있으니 최신 버전을 받고 싶다면 공식 사이트를 참고해주세요. export PATH="$PATH:pwd/flutter/bin" PATH에 플러터를 추가해줘야 합니다. 위 명령어를 입력합니다. /flutter/bin 는 내가 sdk를 위치한 장소로 설정하면 .. 2022. 4. 12. 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. 슬랙, Vercel 연동 슬랙의 가장 큰 장점은 연동입니다. 다른 서비스들과 연결되어서 메시지를 받거나 동작시킬 수 있습니다. api나 webhook을 이용해서 내가 만든 서비스에 붙일 수도 있습니다. 현재 서버로 vercel을 사용하고 있습니다. 서버는 초보라 최대한 내가 아무것도 안 해도 관리해주는 서비스를 주소 사용하고 있습니다. integration에 보니 slack 이 있었습니다. 빌드를 하면 결과를 슬랙을 보내줍니다. 슬랙과 연동하려고 묵혀놨던 아이디를 꺼냈습니다. 왜인지는 모르겠는데 250크레딧이 들어 있었습니다. 37개월 공짜로 사용할 수 있다네요. 그냥 빌드 노티용으로만 쓸 거라서 일단 무료로 사용하기로 했습니다. 크레딧은 친구가 생기면 나중에 사용하기로.... 빌드 결과를 받을 채널을 하나 생성합니다. 프로젝트.. 2022. 4. 5. 구글 파이어베이스 파이어스토어 GCP 리전 정하기 최근 처음으로 만들고 있는 웹서비스 DB로 파이어스토어를 사용하고 있습니다. 이유는 공짜라서.. 아무튼 파이어스토어는 처음 만들 때 리전을 정해줘야 합니다. https://www.gcping.com/ 누가 아주 친절하게 핑 체크를 할 수 있게 만들어 놨습니다. 브라우저에서 fetch를 해보는 것 같습니다. 몬트리올이 가까워서 가장 빠르게 나오는군요.. { "asia-east1": "Taiwan", "asia-east2": "Hong Kong", "asia-northeast1": "Tokyo", "asia-northeast2": "Osaka", "asia-northeast3": "Seoul", "asia-south1": "Mumbai", "asia-south2": "Delhi", "asia-southeas.. 2022. 4. 1. 이전 1 2 3 4 5 6 7 ··· 10 다음 728x90 반응형
