flutter 실전

flutter을 살짝 봤었는데 너무 어려워서 포기했다가 다시 기본부터 잡아보기로! 👊 회사 맥북엔 어떻게 했는지는 모르겠지만 플러터 개발 환경을 잘 세팅해놨는데 집 맥북 세팅은 망했다…이거 때문에 더 하기 싫었음 😭 세팅 다시 차근차근 해보고 강의도 열심히 듣고 벨

전체 프로젝트 파일 아래 asset 폴더 생성 > img 폴더 생성 > 이미지 파일 추가파일 구조그러나! 이렇게 파일만 추가해서 바로 사용 불가!위 폴더에 있는 이미지 파일을 넣기 위해서는 pubspec.yaml 파일 내 flutter 키를 찾아 asset을 추가한다.

이미지를 냅다 출력해 보았다.이미지를 출력하기 위해 사용해 준다.Image.asset \_ asset으로 부터 이미지를 불러온다.어디에서 이미지를 불러올지에 따라 ㄴ Image.file ㄴ Image.memory ㄴ Image.network

앞 네글자 중 뒤 FF는 투명도를 나타낸다.ㄴ ff - 가장 밝음ㄴ 00 - 가장 어두움

show context action > 🏷️ show context action (컨텍스트 액션 표시) 자동으로 위젯을 감싸 주거나 제거해 준다. 감싸고 싶은 위젯?에 오른쪽 마우스를 클릭하면 아래와 같은 창이 뜬다. 여기서 컨텍스트 액션 표시를 클릭해 준다.

lib 폴더 내 관리가 편하도록 폴더를 생성해 파일을 분류해 준다.📁 const변수를 저장할 파일을 분류📁 screen화면별로 파일을 분류home_screen.dart를 import한다. 그 후 그 파일에 있는 코드를 불러온다.위젯을 오른쪽 마우스 클릭 > 이동 >

스마트폰 상하단에 요소가 가려지지 않는 영역SafeArea 위젯 사용 전SafeArea 위젯 사용 후SafeArea위젯을 사용하면 요소가 시계와 아랫 부분에 가려지지 않는다.

프로젝트 파일을 먼저 초기화 해준 후 작업에 들어갔다.👉 프로젝트 초기화앱의 상단바를 그려주는 위젯이다. 결과기본은 앱바가 파란색으로 나와야 하는데 왜 흰색이지? 그리고 대체 벨로그 사진은 왤케 큰건데 🤬ios 타이틀 기본값은 center인데 이 값을 변경할 수 있

StatelessWidget 버튼을 누르면 컬러가 바뀌는 Container 예제 코드 결과 버튼을 눌러도 Container컬러가 바뀌지 않는다. 하지만 콘솔에는 버튼을 눌렀을 때 컬러가 바뀌는 것이 보인다. ❗️ Widget Immutability _ 모든 위젯은

위젯이 화면에 나타나는 순간부터 화면에서 사라지는 순간까지 일어나는 일을 정의해 놓은 것StatelessWidget일 경우에는 생성자가 처음 실행이 되고 그 다음에 빌드 함수를 실행한다.

📌 이미지 사용법📌 PageView 사용법📌 Timer 사용법📌 map() 함수 실전📌 initState(), dispose() 실전📌 상태바 테마 변경Timer란❓지정한 시간이 지난 뒤 한번 또는 주기적으로 무언가를 실행할 수 있게 해준다.사용법이렇게 다트

[flutter11] Login Page UI Login Page UI 그려보기 UI 간단하게 그리는 법도 기억이 가물가물해 간단한 로그인 페이지 ui 그리는 걸 기록해 보려고 한다. > 📌 MaterialApp() 📌 Scaffold() 📌 AppBar()

세팅은 똑같이 프로젝트 초기화 한 후 진행한 것이다!처음부터 끝까지 모두 정리하지 않고 몰랐던 내용이나 기억해야할 것들 위주로 정리해 본다.Column을 SizedBox로 감싸주면 내부 Column의 크기를 강제시킬 수 있다. Column자체에 width를 지정해 줄

랜덤 숫자 생성기UI 잡는 건 어렵지 않아 넘어가고 랜덤 숫자 map()함수 사용해 매핑하는 것부터 정리해 본다.\_Body 클래스로 분리하여 UI를 잡아주었다. 그냥 숫자만 나타나는 거라 별거 없다.화면에 보이게 되는 9개의 숫자는 스타일이 모두 같아 공통으로 묶어주

ElevatedButton✔️ 스타일 주기어렵지 않으니 코드 쓱 적고 끝내기