반응형 It Study/앱 개발 실습 기록(Flutter)9 플러터를 활용한 쇼핑몰 앱 만들기 오랜만에 생존 소식 겸, 기록을 남기려 합니다.이번 기록은 학습 내용을 기록하기 보다는 현재 제가 무엇을 하고 있는지를 남기기 위한 기록입니다. 우선 제가 상용가능한 플러터를 만들게 된 계기를 먼저 적자면, 이전 기록을 보신 분들은 아실 수도 있겠지만 패스트캠퍼스의 플러터 강좌를 들어가면 공부를 하고 있었습니다.그런데 하다보니 강의에서 하는 것을 순차적으로 따라가기에는 너무 오래 걸릴 것 같기도 했고, 앱에서 진행하는 요소만 일부 빼먹는 식으로 개인 프로젝트를 진행하고 싶었습니다.그러던 와중에 친구랑 만나게 되었고, 어쩌다보니 부업을 해보면 어떨까? 하는 이야기까지 하게 되었고, 그렇게 소소한 용돈벌이 ㅋㅋㅋㅋ....를 할 수 있는 앱을 만들어보자!! 하는 그런 사연으로 앱을 제작하게 되었습니다ㅋㅋㅋㅋㅋ.. 2024. 8. 21. 플러터 - 콜백 함수 연습 예제 코드 1 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980import 'package:flutter/material.dart'; main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar(.. 2024. 8. 4. 플러터 - 라디오버튼, 스위치, 슬라이더, 팝업메뉴버튼 상업적 이용x 연습예제입니다.한번 따라쳐보시거나, 전체적으로 보고 모르는 부분을 구글링해도 좋을 듯 싶습니다.123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151.. 2024. 8. 3. 플러터 - 체크박스 위젯, 상업적 이용 x (오류 수정 및 주석) 이제부터는 당분간 완강까지 진도에 속도를 올리기 위해서, 조금 더 간결하게 글을 쓰도록 하겠습니다ㅎㅎ!! ps: 바로 아래 코드는 Body의 Column에서 오버플로우 해서 발생하는 에러이기에 Body에 Scrollable할 수 있게 위젯을 씌워준다거나, 아니면 코드 2처럼 Scaffold로 ui를 구성해주면 됩니다. 순간 에러가 떠서 당황스러웠는데, 구글링으로 어떻게 잘 해결했습니다. 오늘 또 하나 배워가네요 ㅋㅋㅋ 코드1import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:flutter/widgets.dart';const assetImagePath = 'assets/images';con.. 2024. 8. 3. 플러터 기본 위젯 예제(MaterialWidget) - 위젯 비율 배치 및 스크롤바 테스트 오랜만에 글을 연속으로 기록하니 좋네요앞으로도 지금처럼 꾸준했으면 좋겠습니다.그럼 계속해서 코드 올려보겠습니다ㅎㅎ그리고 이번부터는 더욱 진도를 올려보고자 코드만 올리는 식으로 하도록 하겠습니다. 많은 분들에게 기본적인 도움이라도 되길 바라며, 학습 목적 외에 상업적 이용은 금합니다. 출처: 패스트캠퍼스 15개 프로젝트로 실무까지 끝내는 Dart & Fultter 앱 개발, 챗 gpt출처: https://forfire700.tistory.com/149 [IT STUDY CAFE:티스토리] 코드 참고:SingleChildScrollview는 무한한 사이즈?를 자랑하기에코드처럼 Container를 활용하여 공간을 제한하지 않고,바로 Flexible이나 Expanded(남은 공간을 차지하는 위젯이라 이해하시.. 2024. 7. 30. 플러터 기본 위젯 예제(MaterialWidget) - 위젯을 상하 좌우로 배치 많은 분들에게 기본적인 도움이라도 되길 바라며, 학습 목적 외에 상업적 이용은 금합니다. 출처: 패스트캠퍼스 15개 프로젝트로 실무까지 끝내는 Dart & Fultter 앱 개발, 챗 gpt출처: https://forfire700.tistory.com/149 [IT STUDY CAFE:티스토리]tip: column 행을 의미하며, row는 열을 의미한다. 그리고 Axis(행 또는 열의 이동방향과 수평한 방향 ㅣ,ㅣ ㅡ,ㅡ), Cross(행 또는 열의 이동방향과 수직한 방향 ㅣ,ㅡ ㅡ,ㅣ)을 의미합니다. 상하12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849import 'package:.. 2024. 7. 28. 플러터 기본 위젯 예제(MaterialWidget) - container 실습 지금부터 빠르게 기록을 하기 위하여, 최대한 코드 및 기본적인 주석만 하도록 하겠습니다. 많은 분들에게 기본적인 도움이라도 되길 바라며, 학습 목적 외에 상업적 이용은 금합니다. 출처: 패스트캠퍼스 15개 프로젝트로 실무까지 끝내는 Dart & Fultter 앱 개발, 챗 gpt출처: https://forfire700.tistory.com/148 [IT STUDY CAFE:티스토리] 코드12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152import 'package:flutter/material.dart'; void main() {  .. 2024. 7. 24. 플러터 기본 위젯 예제(MaterialWidget) - appBar, IconButton, floatingActionButton 저번에 공부한 예제에 추가적인 기능을 간단하게 실습해봤습니다.appBar를 만든 뒤, 만들어놓은 button을 클릭하면, tap 글자가 콘솔창에 print 되는 예제입니다.많은 분들에게 기본적인 도움이라도 되길 바라며, 학습 목적 외에 상업적 이용은 금합니다. 출처: 패스트캠퍼스 15개 프로젝트로 실무까지 끝내는 Dart & Fultter 앱 개발, 챗 gpt출처: https://forfire700.tistory.com/147 [IT STUDY CAFE:티스토리] 코드12345678910111213141516171819202122232425262728293031323334353637383940import 'package:flutter/material.dart'; void ma.. 2024. 7. 23. 플러터 기본 위젯 예제(MaterialWidget) 공부하면서 기록해두면 좋을 것 같아 올렸습니다. 주석은 챗gpt를 활용 하였습니다.너무 오랜만에 기록이라 죄책감이 들면서도, 다시 시작할 용기를 얻게 되네요 ㅎㅎ.... 많은 분들에게 기본적인 도움이라도 되길 바라며, 학습 목적 외에 상업적 이용은 금합니다. 출처: 패스트캠퍼스 15개 프로젝트로 실무까지 끝내는 Dart & Fultter 앱 개발, 챗 gpt 코드123456789101112131415161718192021222324import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: Scaffold(body:&.. 2024. 7. 21. 이전 1 다음 반응형
