본문 바로가기

Flutter38

오공완(with 코드팩토리의 플러터 프로그래밍) #16 (일정 관리 앱 만들기) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 새로운 기능: table_calendar플러그인, 주색상 설정, 일정 내용 필드 구현, 달력 언어 설정 사전준비:1. pubspec.yaml 2. 프로젝트 초기화(screen폴더에 home_screen.dart 파일 만들고, main.dart 파일에 홈스크린다트 파일 등록)   일정 관리 앱 구현하기 1. 주색상 설정하기(const 폴더 만들고, colors.dart파일 만들기)2. 달력 구현하기(component 폴더 만들고, table_calendar.dart파.. 2024. 8. 14.
오공완(with 코드팩토리의 플러터 프로그래밍) #11-1 (동영상 플레이어) # 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.    사전준비 화면회전, 시간변환 및 String패딩, 가상 단말에 동영상 추가, 이미지추가, pubspec.yaml, 네이티브 설정, 동영상 재생기,  타임스탬프 추가 등 내가 잘 이해한 것인지 모르겠지만 플러터에서는 시간을 초 단위로 나오고, 그래서 이걸 우리가 원하는 형태인 시: 분: 초 단위로 나타내게 하는 방법이 따로 있나 보다. 심지어 밀리세컨드까지 나오게 되어 이 부분을 삭제하고, 시, 분, 초 등으로 쪼개고, 여기서 필요 없는 시도 없애고.. 복잡하다... 2024. 7. 31.
오공완(with 코드팩토리의 플러터 프로그래밍) #10 (디지털 주사위) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.   사전  준비 이번에 공부할 개념들: 가속도계, 자이로스코프, Sensor_Plus 패키지, RootScreen 위젯, HomeScreen위젯, SettingScreen위젯, shake 플러그인1. 상수값만 관리하는 const 폴더 만들고, colors 다트 파일 생성2. 이미지 추가하기3. pubspec 설정하기(pub get 잊지 않기)4. 프로젝트 초기화 및 Theme 설정하기   실제 단말 테스트 환경 구축(개발자 옵션 및 USB 디버깅 사용 설정) *갤럭.. 2024. 7. 30.
오공완(with 코드팩토리의 플러터 프로그래밍) #9 (만난 지 며칠 U&I) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 오랫동안 공부를 안 한 만큼 오늘 최선을 다해서 열심히 공부해 보자. 오늘 배울 때 필요한 지식은 setState(), showCupertinoDialog(), 이미지와 폰트추가, pubspec.yaml, 프로젝트 초기화, 홈 스크린 UI, 상태 관리 연습, 날짜 선택 구현, 변경 값 상태 관리에 적용이란다.   setState 함수, showCupertinoDialog 함수 -setState함수StatefulWidget이 렌더링? 되면 클린 상태가 된단다. 그리고.. 2024. 7. 29.
오공완(with 코드팩토리의 플러터 프로그래밍) #7-2 (블로그 웹 앱) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 어제 작성한 프로젝트에 코드팩토리가 제공해 준 파일로 붙여 넣기 해 보고.. 사실은 그냥 다운로드하여서 돌려보고 싶은데 아직 방법을 모른다..ㅜ.ㅜ 이건 나중에 찾아보기로 하고.. 암튼, 수정하라고 했던 파일들을 모두 복붙 했다. 그리고 실행해 봤는데도 오류가 난다. 내 컴이 똥컴이라 그런 건지..ㅜ.ㅜ 컴퓨터에 또 돈 쓰고 싶은 마음은 없는데.. 어느 정도 사양이 되어야 플러터가 잘 돌아갈지도 모르겠고..또다시 암튼, 프로젝트를 다 삭제하고 다시 작성하고 있다. .. 2024. 7. 22.
오공완(with 코드팩토리의 플러터 프로그래밍) #6 (etc.) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.   앱 만들기 프로세스 기획 → 사전지식 → 사전준비 → 레이아웃 구상 → 구현 → 테스트 프로토타입용 프로그램: 피그마, 어도비 XD, 플러터 플로우   플러터 플러그인 pubspec.yaml에서 플러그인 추가하고, pub get 버튼을 눌러 등록하기   스플래시 스크린 앱 만들기 BoxDecoration : 배경색, 테두리 색상, 테두리두께 등 UI 요소 지정 플러터에서 crtl+s(윈도우)를 누르면 저장이 되면서 핫 리로드 됨.   Image 위젯 이미지를 이.. 2024. 7. 20.
오공완(with 코드팩토리의 플러터 프로그래밍) #5-3 (배치 위젯, Row, Column, Flexible, Expanded, Stack) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 배치에서 주축(main axis)과 반대축(cross axis)  개념이 있다고.. 가로에서는 가로가, 세로에서는 세로가 주축이 됨.   Row, Column 위젯 Row는 가로배치, Column은 세로 배치, 실습은 Row만 해 봤다. Column도 같은 개념. 다만, 주축과 반대축을 반대로 생각하면 되는 걸로..double.infinity는 가득 채운다는 의미라고..   spaceEvenly: 좌우 공백까지도 같은 공간으로 배분인데.. 이상하다.    Flexi.. 2024. 7. 20.
오공완(with 코드팩토리의 플러터 프로그래밍) #5-2(디자인 위젯, Container, ) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.   디자인 위젯 Container위젯: 뭘 담는 용기라고 생각하면 됨. SizedBox 위젯: 일정 크기의 빈 공간을 만들 때 사용. const 생성자를 사용했을 때 퍼포먼스의 이점이 있다는데, 뭔 말인지.. padding: child위젯에 여백을 지정할 때 사용, 안쪽 테두리, 바깥쪽 테두리는 margin을 사용EdgeInsets.all(16.0): 상하좌우 균등하게 적용EdgeInsets.symmetric(horizontal: 16.0, vertical: 16... 2024. 7. 18.
오공완 (with Do it! 플러터 앱 프로그램밍) #15_1 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 며칠 동안 책을 덮어 놓고 있었다. 생각보다 해결해야 할 것들이 너무 많다. 그나마 버전 다운을 해서 그런지 30%는 해결되었다. 이게 플러터, 안드로이드, pub 등이 다운 받아지고 설치되는 폴더 및 드라이브가 정리가 되어서 그런지도 모르겠다.아무것도 모르는 넘이 앱 인벤터 해봤다고 너무 쉽게 봤나 보다. 사실, git hub에서 내가 원하는 것들을 다운 받아서 수정하면 앱이 만들어질 줄 알았는데, 아니었다.원래 하려고 했던 프로젝트도 과감하게 올해는 하지 않기로.. 2024. 5. 28.
오공완 (with Do it! 플러터 앱 프로그램밍) 다시 #13 (안드로이드 스튜디오, 플러터 구 버전(이전 버전) 설치 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 어제는 안드로이드 스튜디오와 플러터를 모두 삭제했다. 포기한 것이 아니라 설치 과정에서 어떤 오류가 있었나 싶고, 책과 같은 환경으로 하면 오류가 잡힐까 하는 기대 때문이다. 사실 이제는 계획했던 시기가 너무 임박해서 포기하고 싶긴 하다.책 세 권을 보려고 했는데, 책 한 권을 못 끝내고 있으며, 심지어 이 세 책 모두 플러터 및 안드로이드 스튜디오 버전이 제각각이다. 또, 작년에 구입한 책임에도 불구하고 안드로이드 스튜디오 버전은 너무 오래된 버전이다.개발이 재미.. 2024. 5. 22.
반응형

티스토리툴바