Don't think! Just do it!

종합 IT 기술 정체성 카오스 블로그! 이... 이곳은 어디지?

Flutter/Flutter Project

[소셜차트] 앱 제작기 #1. 시작하기 전에!

방피터 2022. 10. 14. 15:28

나는 원래 임베디드 엔지니어였고 회사를 그만두기 전 마지막 타이틀은 인도지사장이었어 ㅋㅋ

구라아님 ㅋ

앱 같은 건 만들어 본 적이 없어. 그야말로 무근본이지!

그런데 그렇다고 못할 건 없잖아 ㅋㅋ 무근본 앱을 만들면 되지 ㅋ

시작해보자구 ㅋㅋㅋㅋㅋ

소셜차트 로고

내가 제작하려고 하는 건 소셜차트라는 앱인데 정보와 차트를 결합해서 유저한테 제공하는 소셜 네트워킹 앱이라고 보면 돼.

배포는 못해봤지만 React native로 만들어서 테스트까지는 해봤어.

하지만 속도 이슈도 있었고 개선해야 할 사항이 많았지.

그런데 React native는 뭔가 수정하면 할수록 개복잡 + 개꼬임(물론 100% 내가 멍청해서 그렇겠지만)

그리고 툭하면 튀어나오는 알 수 없는 오류들 때문에 도저히 스트레스를 받아서 못하겠더라.

그래서 Flutter로 변경한거임.

 

우선 앱을 제작하려면 UI? 기획? 디자인? 뭐라고 부르는 지 모르지만 이게 있어야 해!

여러가지 툴들이 있었는데 Figma 많이 사용하는 거 같아서 나도 Figma로 했어 ㅋ 고민하지마 ㅋ

Figma를 제대로 쓰려면 공부를 좀 해야 하는데 나는 연정's Figma라는 유튭 채널로 공부했음 ㅋ(고마워 연정!!)👇

https://www.youtube.com/c/%EC%97%B0%EC%A0%95sFigma

 

연정's Figma

figma에 대해 1부터 100까지 알고 싶은 디자이너의 유튜브 채널입니다. *연정's figma Blog : https://designer-story.tistory.com [자주 묻는 질문] 🆀 처음 figma를 시작하려는데 어떤 영상으로 시작하면 되나요?

www.youtube.com

니들도 막하지 말고 figma로 좀 그려보고 시작해바바 그럼 마이 편해져~ ㅋㅋ

Splash 화면이랑 앱 아이콘 같은 것도 마찬가지로 Figma에서 그려서 했어. 난 일러스트나 포토샵 이런 거 전혀 못하니까 ㅠㅠ

소셜차트 로고(엔지니어 대가리에서 나온게 다 이렇지 뭐 ㅋ)

기획이랑 디자인이 준비됐으면 바로 앱 제작을 해도 되긴 하는데...

애플같은 경우 특정 기능(애플 로그인 같은거)을 테스트하려면 멤버쉽에 반드시 가입이 되어 있어야 해.

그래서 난 먼저 애플이랑, 구글이랑 개발자 멤버쉽부터 가입함. 각각 $100/년, $25/평생이야.

구글은 한번 결제하면 평생이라 상관없는데 애플은 1년 마다 $100씩 갱신 ㅠㅠ 테스트 삼아서 하기에는 적지 않은 돈이지. 참고해!

애플 개발자 연회비 넘나 비싸 ㅠㅠ

결제를 설정해야 하는게 또 있어!

Firebase functions 를 써야할 일들이 생기는데 이걸 사용하려면 무료 요금제로는 안돼.

종량제로 전환하려면 결제 정보를 설정해야 해.

결제 정보를 설정하더라고 실제 테스트할 때는 과금이 안되긴 할거야. 무료 용량이 충분하거든.

Cloud functions은 Spark 요금제(무료)에서 불가능 ㅠㅠ

음.... 이 정도면 앱 만들기 시작해도 될 거 같아. 이제 본격적으로 만들어봐야지 이히.

 

2022.10.14 - [Flutter/Flutter Project] - [소셜차트] 앱 제작기 #2. 기본 설정

 

[소셜차트] 앱 제작기 #2. 기본 설정

우선 프로젝트 생성. 👇 %flutter create --org com.petercircuitsoft socialchart --org 옵션으로 com.petercircuitsoft 줬는데 이건 우리 회사 도메인이야. 각자 회사 도메인 이름으로 하자. 제발~~ 이렇게 설정..

engschool.tistory.com

 

반응형