본문 바로가기

별헤는밤43

프레이머로 돈 없이 서비스 홍보 웹 만들기 돈, 코딩 실력 둘다 없는 디자이너 혼자 웹사이트 만든 썰 안녕하세요! 별헤는밤의 디자이너 S입니다.이번 포스팅에서는 서비스 소개 웹사이트 제작기를 들려드릴게요. 발단은 커뮤니티 홍보였어요. 작년에 앱을 리뉴얼하며 다양한 곳에 서비스를 홍보하기 시작했는데,글을 올릴 때 서비스 소개 사이트 링크도 함께 있으면 좋겠더라구요.하지만 저희 팀은…🥲 계획에 없던 호스팅 비용 (거지 이슈)개발자들은 앱 만드느라 바쁨리소스 남는 디자이너는 코딩 실력 제로 바로 이럴 때 유용하게 쓸 수 있는 툴! ‘프레이머’를 소개합니다.*아래의 별헤는밤 소개 페이지를 프레이머로 제작했어요.💫 https://starsurfers.framer.website/ 💫 프레이머(Framer)란?‘애니메이션, 페이징, 스크롤 등 다양한 기.. 2024. 9. 9.
[티스토리 블로그 만들기] 구글 서치 콘솔 등록 방법 안녕하세요~! 오랜만에 인사드리는 것 같은 [티스토리 블로그 만들기]입니다!! 오늘은 아주 유용한 주제를 가져왔는데요~ 바로... 구글 서치 콘솔 등록 방법!!!입니다!!! 구글 서치 콘솔은 구글에 블로그 글이 잘 노출될 수 있게 도와주는 도구라고 할 수 있습니다! (이 사이트를 통해서 내 포스팅이 잘 노출되고 있는지, 그 이유는 뭔지 등등을 볼 수 있는 구글의 무료 분석 사이트라고 생각하시면 됩니답!) 오늘은 구글 서치 콘솔 초기 세팅 방법에 대해서 알려드리려고 합니다! 1. 구글 서치 콘솔 계정 연결하기 티스토리 관리자 페이지 우선, 티스토리 관리 화면에서 을 선택하시면, 플러그인을 찾으실 수 있습니다! 구글 서치 콘솔 계정 연결하기 계정 연결하기를 선택하신 후, 티스토리 구글 계정을 연결하시면 됩니.. 2024. 9. 1.
[Flutter] Firebase 를 활용한 문자 인증 구현하기 개요 및 배경이번 시간에는 Firebase 를 활용하여 문자 인증을 구현하는 법에 대해 정리해보겠다.별헤는밤 어플의 회원 가입의 절차 중엔 사용자의 전화번호를 통한 문자 인증 절차가 있다. 이 때 Flutter 환경에서 Firebase 를 활용해 이를 구현하는 방법에 대해 알아보자Firebase 연동일단 코드 개발 전, flutter 프로젝트와 firebase 서버와의 연동이 필요하다.Firebase 프로젝트 생성     2. 앱 추가 및 Authentication (전화) 추가   우리는 Flutter 앱이므로 flutter 앱을 추가한다.    그럼 위와 같은 창이 나오는데 가이드대로 따라하면 된다.  왼쪽 탭의 빌드 >Authentication > 전화를 추가한다.  코드pub.yaml 에 아래 2.. 2024. 9. 1.
[Flutter] StreamBuilder를 활용하여 검색기능 구현하기 앱을 개발할 때 항상 들어가야 하는 기능 중 하나인 검색 기능에 대해 알아보도록 하겠다.‘Flutter 검색’이라고 구글링하면 정말 다양한 방식으로 구현한 블로그 글들이 나온다.따라서 다른 검색 구현 방식과 차별점을 두기 위해 다음과 같은 조건들을 두겠다.첫 검색일 경우에 검색 결과 페이지(새로운 페이지)로 이동새로운 검색 단어로 검색 시( Enter 입력) 페이지 이동 없이 결과 변경검색어를 삭제할 때 모든 아이템 출력StreamBuilder vs FutureBuilder이전 Retrofit 관련 글에서는 Future를 활용하여 구현하였다.처음 시도했을 때는 FutureBuilder를 통해 API를 호출하여 검색 기능을 구현했었다.하지만 FutureBuilder로 검색 기능을 구현하면 검색어가 바뀔 때.. 2024. 8. 10.