본문 바로가기

버킷리스트100

오공완(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 코드팩토리의 플러터 프로그래밍) #8 (전자액자) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.   위젯 생명주기 StatelessWidget vs. StatefulWidget(위젯 클래스와 스테이트 클래스로 구성)-상태변경이 없는 생명주기-StatefulWidget 생성자의 매개변수가 변경됐을 때 생명주기-State 자제적으로 build()를 재실행할 때 생명주기각 내용이 어려움으로 그냥 이런 게 있나 보다 하고 넘어가자.   Timer Timer() : 첫 번째 매개변수는 대기기간 Duration으로 입력, 두 번째 매개변수 실행할 콜백함수 입력예) Tme.. 2024. 7. 23.
오공완(with 코드팩토리의 플러터 프로그래밍) #7-2 (블로그 웹 앱) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 어제 작성한 프로젝트에 코드팩토리가 제공해 준 파일로 붙여 넣기 해 보고.. 사실은 그냥 다운로드하여서 돌려보고 싶은데 아직 방법을 모른다..ㅜ.ㅜ 이건 나중에 찾아보기로 하고.. 암튼, 수정하라고 했던 파일들을 모두 복붙 했다. 그리고 실행해 봤는데도 오류가 난다. 내 컴이 똥컴이라 그런 건지..ㅜ.ㅜ 컴퓨터에 또 돈 쓰고 싶은 마음은 없는데.. 어느 정도 사양이 되어야 플러터가 잘 돌아갈지도 모르겠고..또다시 암튼, 프로젝트를 다 삭제하고 다시 작성하고 있다. .. 2024. 7. 22.
오공완(with 코드팩토리의 플러터 프로그래밍) #7 (블로그 웹 앱) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 이제부터는 앱 만들기다. 블로그 웹 앱, 전자액자, 만난 지 며칠 U&I , 디지털주사위, 동영상플레이어, 영상통화, 오늘도출첵, 포토스티커, 코팩튜브로 구성되어 있다.  오늘은 웹뷰를 사용해서 앱에서 웹사이트 실행하기란다. 20쪽이 넘는데 하루만에 끝낼 수 있을런지..   콜백 함수, 웹뷰 위젯 콜백함수는 바로 실행되지 않고, 특정 조건이 성립될 때 실행된다고 함.웹뷰는 자체 웹브라우저 개념.initialUrl: 초기 제공되는 주소javascriptMode: 자바.. 2024. 7. 21.
오공완(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-1 (위젯) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.   위젯 자식(child)을 하나만 갖는 위젯: container, gesturedetector, sizedbox다수의 자식을 입력할 수 있는 위젯: column(세로배치), row(가로배치), listview 아래 홈페이지 중간쯤에 보면 다양한 기능을 소개해 준다. 다만, 나는 시간이 없으니 넘어가도록 한다.https://docs.flutter.dev/ui/widgets Widget catalogA catalog of some of Flutter's rich se.. 2024. 7. 17.
오공완(with 코드팩토리의 플러터 프로그래밍) #4 (flutter 입문, usb 연결) // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.    new flutter project  이제 본격적인 실습이다.매개변수 끝에 , 기호를 추가하는 코딩 스탠다드가 있단다. 없어도 실행에 문제는 없지만 코드 자동 정리 시 이걸 기점으로 줄 바꿈을 한다고 하니 시인성을 위해서 붙여 보도록 하자.정렬은 ctrl+alt+l 이다.   실제 단말 테스트를 하는 것도 나오는데, 책과 내 안드로이드 스튜디오랑은 좀 다르다.내 PC에서는 tools-sdk manager-languages&frameworks-sdk tools .. 2024. 7. 16.
반응형

티스토리툴바