본문 바로가기
반응형

프로젝트/틱톡 클론4

[틱톡 클론-04] FlutterViz 사용해서 UI 만들기 https://app.flutterviz.com/#/ FlutterViz BETA app.flutterviz.com FlutterViz라는 사이트에서 틱톡 클론 메인 화면 껍데기를 만들어보기로 했다. 아직 베타서비스 단계라서 바로 모든 기능을 사용할 수는 없고 테스트 신청을 해야 가능하다고 한다. 신청은 완료했고 틱톡의 메인 화면을 참고해서 화면 구성을 해줬다. 메인 화면은 바텀 내비게이션 바와 컨텐츠 부분은 스택으로 구성했다. 생성된 코드 더보기 잘 생성이 되는데 문제는 의존하는 파일이 같이 복제가 안된다. 아직 불완전한거 같음 ///File download from FlutterViz- Drag and drop a tools. For more details visit https://flutterviz.. 2023. 4. 23.
[틱톡 클론-03] 플러터 퀴즈 앱 따라하기 빠르게 압축적으로 플러터를 살펴볼 수 있어서 좋았습니다. 따라 치기보다는 한번 쭉 듣고 흐름을 이해하고, 궁금했던걸 정리해서 학습하고, 다시 코드를 살펴보는 식으로 학습하시면 좋은 강의입니다. 플러터와 장고로 1시간만에 퀴즈 앱/서버 만들기 [무작정 풀스택] [무료] 플러터와 장고로 1시간만에 퀴즈 앱/서버 만들기 [무작정 풀스택] - 인프런 | 강의 플러터와 장고로 풀스택 퀴즈앱을 만드는 강의입니다! 배울 거리가 많은 풀스택 강의로 풀스택 개발자가 되어보세요:), - 강의 소개 | 인프런 www.inflearn.com 정리 더보기 StatefulWidget이 뭐냐 왜 쓰나 State 이거 뭐임? SafeArea는 뭐야? Scaffold는 뭐야? onPressed에서 Navigator.push(conte.. 2023. 4. 23.
[틱톡 클론-02] Dart 강의 듣기 [코드팩토리] [입문] Dart 언어 4시간만에 완전정복 [무료] [코드팩토리] [입문] Dart 언어 4시간만에 완전정복 - 인프런 | 강의 이 강의를 통해 Dart 언어를 배우면 Flutter를 시작할 수 있을 정도의 수준으로의 업그레이드가 가능합니다!, - 강의 소개 | 인프런 www.inflearn.com Dart 언어 수업을 들었다. Dart 언어는 뭔가 내가 아는 언어들이 이것저것 짬뽕되어있는 느낌이다. 자바같다고 느낀 부분은 Future같이 자바에서 봤던 개념들이 포함돼있어서 그랬던거 같다. 그 외에는 타입스크립트랑 비슷하다고 느껴진다. 클래스로 쓰는 부분에서는 자바같은 느낌도 있다. 자바는 모든게 클래스지만 여기서는 함수로만 쓸수도 있다. 기본기 타입 기본 타입으로 int, double, .. 2023. 4. 23.
[틱톡 클론-01] 공부 계획 세우기 & 환경 설정하기 새로 프로젝트 스터디에 참여하게 됐다. 아는 스택이 하나도 없는 ㅋㅋㅋㅋ 노드도 안해봤고, nestjs, prasma, flutter, 틱톡이므로 스트리밍 서비스도 구현해야 한다. 한명은 백엔드쪽에 관심이 있다고 하여 노드 REST API 구현을 학습해오기로 했고 나는 회사에서 앱 만들 일이 있어서 플러터를 배워보기로 했다. 사실 리액트 네이티브를 써보고 싶기는 한데 플러터가 눈앞에 나타났으니 일단 이걸 공부해볼 생각이다. 플러터는 다트라는 언어를 사용하기 때문에 언어도 한번 공부해주고 플러터 무료 강의를 몇개 직접 제작해보는 강의로 들어보고 갈 생각이다. 들어볼 강의 목록 [코드팩토리] [입문] Dart 언어 4시간만에 완전정복 플러터와 장고로 1시간만에 퀴즈 앱/서버 만들기 [무작정 풀스택] Flut.. 2023. 4. 18.
반응형