소개
이번에 뇌과학 스터디를 공동으로 운영하게 되었습니다.
많은 스터디들이 설문조사를 하더라고요.
근데 어차피 웹앱 만드는 스터디니 툴에 익숙하면 form 기능과 조금 더 기능을 넣는건 어렵지 않다는걸 보여주고 싶었습니다.
그래서 첫번째 스터디때 라이브로 대략 기능구현을 해봤어요.
진행 방법
동작하는건 당연하지만 디자인 이 마음에 들었으면 좋겠어서
그동안 사용한 툴 중 디자인이 가장 만족스러웠던 figam make를 사용했습니다.
이런 내용을 보여지도록 하는 웹사이트를 만들어줘.
나중에 관리자 페이지 연결해서 비공개로 구분하는 부분은 관리자만 볼 수 있게 할거니까 공개여부가 공개인 것만 보여지는 웹사이트를 만들면 돼.
--
항목 공개여부
이메일 비공개
이름 비공개
전화번호 비공개
닉네임 공개
만들고 싶은 서비스 공개
사용하고 있는 AI툴 (유료) 공개
사용하고 있는 AI툴 (무료) 공개
화요일 오프 스터디(합정예정) 의향 공개
주중 상시모각(합정예정) 의향 공개
주말 모각(강남, 합정 변동) 참여의향 공개
공개로 하고 싶은 말 공개
스터디장에게 하고 싶은 말 비공개디자인 알아서 잘하 겠지하고 던졌는데..
한국 앱 스크린샷
처참한 디자인이 나왔습니다 ㅠㅠㅠ
그래도 기능을 보여주기 위해 디자인 수정 없이 기능넣어서 공유먼저 하고 디자인 수정했어요.
특급 디자이너 쏠 님이 디자인을 하사해주셨습니다!
한국어 문자 메시지가 포함된 앱의 스크린샷
figma로 공유해주셔서 이걸 참조해서 수정하니
Resibrain 앱 스크린샷
그래도 볼만해져가고 있습니다 ㅎㅎㅎ
지난주 스터디 시간에 개발하고 배포해서 이번에 스터디 참여하시는 분들 목표를 적고,
제가 답글로 리뷰를 해주고 있습니다.
댓글은 하루이틀인가 생각나서 만들었어요 ㅎㅎㅎ
결과와 배운 점
이런 간단한 기능은 금방 바로 만들어서 사용하는게 가능해지고 있어요 🙂
하지만 서비스라고 생각하면 디자인 잘 뽑아주는 figma라도 요행을 바라면 처참한 결과를 볼 수도 있습니다.
전체적인 화면구성은 바이브코딩으로 금방 나옵니다. 하지만 디테일을 세부적으로 수정하는게 훨씬 오랜 시간이 걸려요.
최근 figma make에서 firebase 프로젝트 연결하면 되긴 되는데.. 속도가 어마하게 느려지는 현상이 발견됩니다. 일시적인지 아닌지 모르겠어요 ㅠ
db연결하는건 가능하면 코드다운받아서 cursor나 외부에서 하는게 나을 것 같습니다 ㅠ
도움 받은 글 (옵션)
-
