코인은 비트코인 현물만 대부분 사두고 개발 공부나 하려고 만든 채널
쓰레드에 1일 1글 하고 있는데 그거 쓰거나 가볍게 메모용으로 팁 같은거 좀 적어봐야지
내 스스로 쓸만한 앱, 필요한 앱, 혹은 웹 같은거 바이브코딩으로 만들어보겠음
클로드 코드 + 커서 + 애플 개발자 계정 + 구글 개발자 계정 돈 냈는데 아까운거 맞음 ㅇㅇ
쓰레드에 1일 1글 하고 있는데 그거 쓰거나 가볍게 메모용으로 팁 같은거 좀 적어봐야지
내 스스로 쓸만한 앱, 필요한 앱, 혹은 웹 같은거 바이브코딩으로 만들어보겠음
클로드 코드 + 커서 + 애플 개발자 계정 + 구글 개발자 계정 돈 냈는데 아까운거 맞음 ㅇㅇ
❤2
구글 Stitch 리뷰 & 팁
디자인 모르겠으면 일단 쓰고 보자...
그만큼 제법 완성도 있고, to Figma & to Code가 되는게 너무 좋음
개발이 아니더라도 기획, 브레인스토밍, 개발&디자인 코업에도 유의미해보임
팁
- 별거 없고 프롬프트 Gemini, 클로드 등에 다듬어달라고 하고 넣어주면 완성도 Up
- AI 모델 학습 원치 않으면 설정 -> AI 모델 학습 Off
이걸로 또 만들러가야지~
다들 함 써보셈
https://stitch.withgoogle.com/?pli=1
디자인 모르겠으면 일단 쓰고 보자...
그만큼 제법 완성도 있고, to Figma & to Code가 되는게 너무 좋음
개발이 아니더라도 기획, 브레인스토밍, 개발&디자인 코업에도 유의미해보임
팁
- 별거 없고 프롬프트 Gemini, 클로드 등에 다듬어달라고 하고 넣어주면 완성도 Up
- AI 모델 학습 원치 않으면 설정 -> AI 모델 학습 Off
이걸로 또 만들러가야지~
다들 함 써보셈
https://stitch.withgoogle.com/?pli=1
Stitch
Stitch - Design with AI
Stitch generates UIs for mobile and web applications, making design ideation fast and easy.
❤3
직접해본 현실적인 앱개발 비용
바이브코딩으로 앱개발 처음해보고 앱 1개 만드는데 들어가는 비용 정리해봄.
1. 클로드코드 Max : $200/월
2. 애플 개발자 등록 : $99/연
3. 구글 개발자 등록 : $25
4. Supabase : 무료 (Pro $25/월)
5. Expo : 무료
총 :$324 = 47.5만원 (환율 ㄷㄷ)
처음이라 빌드 많이하거나, DB 호출 등 많이하면 4,5번 유료 과금해야하긴함
초반엔 Supabase나 Expo도 계정 갈아끼우기로 하면 무료로 충분히 활용 가능할듯
2, 3번은 일회성 비용이라 이후에 1번으로 앱 찍어내면 그 효율은 점점 좋아짐
결론 : 앱 1개만 할 생각하지말고 할거면 여러개 낸다는 생각으로 해야 비용 효율은 좋아짐
바이브코딩으로 앱개발 처음해보고 앱 1개 만드는데 들어가는 비용 정리해봄.
1. 클로드코드 Max : $200/월
2. 애플 개발자 등록 : $99/연
3. 구글 개발자 등록 : $25
4. Supabase : 무료 (Pro $25/월)
5. Expo : 무료
총 :
처음이라 빌드 많이하거나, DB 호출 등 많이하면 4,5번 유료 과금해야하긴함
초반엔 Supabase나 Expo도 계정 갈아끼우기로 하면 무료로 충분히 활용 가능할듯
2, 3번은 일회성 비용이라 이후에 1번으로 앱 찍어내면 그 효율은 점점 좋아짐
결론 : 앱 1개만 할 생각하지말고 할거면 여러개 낸다는 생각으로 해야 비용 효율은 좋아짐
❤2
에그토스트 바이브코딩
직접해본 현실적인 앱개발 비용 바이브코딩으로 앱개발 처음해보고 앱 1개 만드는데 들어가는 비용 정리해봄. 1. 클로드코드 Max : $200/월 2. 애플 개발자 등록 : $99/연 3. 구글 개발자 등록 : $25 4. Supabase : 무료 (Pro $25/월) 5. Expo : 무료 총 : $324 = 47.5만원 (환율 ㄷㄷ) 처음이라 빌드 많이하거나, DB 호출 등 많이하면 4,5번 유료 과금해야하긴함 초반엔 Supabase나 Expo도…
아직 구독자가 별루 없어서 그렇지만 이 글은 스레드에서 무려 조회수 2.1만 글이라는 사실...
바이브코딩 재미따
바이브코딩 재미따
❤2
🐷따돈꿀
바이브코딩으로 만든 앱 1트에 통과 완료 다운로드 링크 | 소개링크 이게 한큐에 되네 간단한 기능의 매매일지 기록 앱이긴합니다. 12월에 고수님들이 본인 자산 그래프를 꼭 올리시기도하고, 매매일지를 쓰시는 분도 많이 계시는거 같고 해서 매매일지 앱 있으면 좋겠다 싶었네요. 매매 복기를 하기도 좋고, 가계부로 쓰기도 좋지 않을까 싶습니다. 개인적으로 매매일지를 엑셀이나 시트에 쓸 때 폰으로 쓰는거 극악이거든요. 바이브코딩으로 어디까지 될까 싶어서…
첫 앱 업데이트도 했음 - 수익차곡
1월 19일에 첫 출시하고 피드백 받은거 + 내가 실사용중이라 필요한거 업데이트함
- 위젯 추가
- 캘린더 과거 추가
- 성능 개선
매매일지 쓰는 사람 별로 없는줄 알았는데 출시 5일만에 벌써 데이터 200여개가 쌓임.
다들 매매일지 쓰시는구나... ㄷㄷ
사진처럼 뭐 이런것들을 할 수 있음.
저 돈은 내 돈이었으면 좋겠다...
iOS 다운로드 링크
1월 19일에 첫 출시하고 피드백 받은거 + 내가 실사용중이라 필요한거 업데이트함
- 위젯 추가
- 캘린더 과거 추가
- 성능 개선
매매일지 쓰는 사람 별로 없는줄 알았는데 출시 5일만에 벌써 데이터 200여개가 쌓임.
다들 매매일지 쓰시는구나... ㄷㄷ
사진처럼 뭐 이런것들을 할 수 있음.
iOS 다운로드 링크
❤3
1/25 바이브코딩 앱 개발 일지 (1일차)
세팅 편
- 본인은 Cursor+클로드코드 같이 사용함
1. 클로드코드 멀티 에이전트 세팅 (처음해봄)
- 클로드 docs copy해서 내 상황, 내 기술 스택주고 팀 구성 문의함
- 읽어보고 적절히 수정
- 프롬프트는 댓글에 달아두겠음
2. Gemini 랑 아이디어 브레인 스토밍
- 타겟 연령층, 만들고자하는 앱, 방향성 논의
- 괜찮은 아이디어 셀렉하고 느낌 나노바나나로 그려달라고함
- 그 중에 마음에 드는 컨셉으로 시작 -> 프롬프트 짜달라고함
3. 프롬프트를 클로드코드에 넣어줌
- 에이전트들이 알아서 일사분란하게 만들어줌
- 초안보고 앱 컨셉 및 방향성 확정
여기까지 한게 첨부한 사진임
여기까진 참 쉽죠?
세팅 편
- 본인은 Cursor+클로드코드 같이 사용함
1. 클로드코드 멀티 에이전트 세팅 (처음해봄)
- 클로드 docs copy해서 내 상황, 내 기술 스택주고 팀 구성 문의함
- 읽어보고 적절히 수정
- 프롬프트는 댓글에 달아두겠음
2. Gemini 랑 아이디어 브레인 스토밍
- 타겟 연령층, 만들고자하는 앱, 방향성 논의
- 괜찮은 아이디어 셀렉하고 느낌 나노바나나로 그려달라고함
- 그 중에 마음에 드는 컨셉으로 시작 -> 프롬프트 짜달라고함
3. 프롬프트를 클로드코드에 넣어줌
- 에이전트들이 알아서 일사분란하게 만들어줌
- 초안보고 앱 컨셉 및 방향성 확정
여기까지 한게 첨부한 사진임
여기까진 참 쉽죠?
❤2
12년 경력의 개발자를 채용하려고 어제 인터뷰를 했습니다.
리액트19 버전에서 나온 서스펜스 바운더리를 모르더군요. useTransition에 대한 질문도 잘 대답 못하고요. 서버 컴포넌트도 써 본적이 없다고 했습니다.
그런데 성능 이슈를 어떻게 해결할지에 대해 물어보니 접근 방식이 훌륭했어요. AI에게 올바른 질문을 하고, 해결해야 할 문제를 체계적으로 쪼개서 작업하더군요.
그 자리에서 바로 채용 제의를 했습니다.
API를 얼마나 많이 아냐는 경험이 아닙니다. 문제를 어떻게 해결하는지 아는 것이 중요합니다.
문제해결력
그에 더해 문제를 해결해본 경험과 스스로 해결해보고자 함이 더욱 더 중요해질 것 같음.
바이브코딩에서도 마찬가지이고 AI의 활용도가 높아질 수록 그게 가능할수록 핵심인재라고 생각함
너무 공감됨.
https://x.com/LearnerBR/status/2015299284808388656?s=20
❤2
에그토스트 바이브코딩
1/25 바이브코딩 앱 개발 일지 (1일차) 세팅 편 - 본인은 Cursor+클로드코드 같이 사용함 1. 클로드코드 멀티 에이전트 세팅 (처음해봄) - 클로드 docs copy해서 내 상황, 내 기술 스택주고 팀 구성 문의함 - 읽어보고 적절히 수정 - 프롬프트는 댓글에 달아두겠음 2. Gemini 랑 아이디어 브레인 스토밍 - 타겟 연령층, 만들고자하는 앱, 방향성 논의 - 괜찮은 아이디어 셀렉하고 느낌 나노바나나로 그려달라고함 - 그…
1/26 바이브코딩 앱 개발 일지 (2일차)
프론트엔드(UI) 편
1일차에 아이디어 컨셉, UI 대략 구성했으니 (1일차 참고)
세부 기능들과 UI를 다듬을 차례
1. 투두 앱 컨셉에 맞는 UI 예시들 찾기
- 실제 앱 스토어에서 검색해보고 스크린샷 참고하거나
- 요즘 핫한 구글 Stitch로 디자인 뽑거나
- Figma 커뮤니티 참고해서 UI 기능 등 뽑기
2. Cursor + Gemini 혹은 클로드코드로 1번 진행
- 마음에 드는 UI/기능들 구현해달라고 시키면 됨
3. 나온 디자인 디테일하게 다듬기
- 아래에서 위로 올라오는 '바텀 시트' 라던가
- '수평형 캘린더' 라던가
- 좌우로 넘길 수 있는 '스와이핑' 기능이라던가 등
- 내가 쓰는 앱이라는 기준으로 UX 개선함
사진 첫번째 : 2번 실행,
사진 두번째 - 3번 여러번 실행 결과물
프론트엔드(UI) 편
1일차에 아이디어 컨셉, UI 대략 구성했으니 (1일차 참고)
세부 기능들과 UI를 다듬을 차례
1. 투두 앱 컨셉에 맞는 UI 예시들 찾기
- 실제 앱 스토어에서 검색해보고 스크린샷 참고하거나
- 요즘 핫한 구글 Stitch로 디자인 뽑거나
- Figma 커뮤니티 참고해서 UI 기능 등 뽑기
2. Cursor + Gemini 혹은 클로드코드로 1번 진행
- 마음에 드는 UI/기능들 구현해달라고 시키면 됨
3. 나온 디자인 디테일하게 다듬기
- 아래에서 위로 올라오는 '바텀 시트' 라던가
- '수평형 캘린더' 라던가
- 좌우로 넘길 수 있는 '스와이핑' 기능이라던가 등
- 내가 쓰는 앱이라는 기준으로 UX 개선함
사진 첫번째 : 2번 실행,
사진 두번째 - 3번 여러번 실행 결과물
❤1