전체 글125 MaterialApp / Scaffold ... MaterialApp ⇒ 액정 프레임 home: Scaffold ⇒ 액정 화면 appBar: AppBar ⇒ 윗 화면 body : Row, Column, Center, Container ... ⇒ 메인화면 bottomNavigationBar: BottomNavigationBar ⇒ (옵션) 아랫 바 ※ Widget 의 파라미터 값 설정 Widget명(파라미터-1 : 값-1, 파라미터-2 : 값-2, 파라미터-3 : 값-3, ...) 2024. 6. 11. Android Studio 이모저모 Launchpad 에서 Android Studio 시작, 새 flutter 프로젝트 생성 2024. 6. 11. 개발 환경 설정 flutter 개발 환경으로서 OS는 Windows, Mac, Linux, Chrome 에서 가능하고 IDE로서는 VS Code, Android Studio 가 있다.개인적으로는 iOS의 app 도 확인해야 하기 때문에 Mac에서 Virtual Device의 관리와 함수의 설명 팝업등의 가능이 충실하기 때문에 Android Studio 를 사용하고 있다. 각자 환경에 맞게 아래 사이트를 참조하여 설정하길 바란다. Choose your development platform to get startedInstall Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems.docs.f.. 2024. 6. 10. Describe these ‘broken’ things in English This bowl is chipped. 그릇의 이빨이 나갔다.This fabric is torn or ripped. 이 천은 찢겼거나 빵꾸났다.This glass is scratched. 스크래치났다.This towel is stained. 이 타올은 더럽다.The color of this fabric is faded. 이 천의 색은 바랬다.The screen is cracked. 스프린에 금이 갔다.The toilet is clogged. 변기가 막혔다. 2024. 5. 23. (React) useState 값 변경 1. 독립변수 선언const [value, setValue] = useState(0);새로운 값을 설정 setValue(3)}>click 기존 값을 변경 setValue(prev => prev + 1)}>click 2. 리스트 변수선언const [value, setValue] = React.useState(["a", "b", "c"]); 초기화 setValue([ ])}>click 값 추가 setValue(prev => [...prev, "d"])}>click 특정값 삭제 setValue(prev => prev.filter(item => item !== "a"))}>click 특정 인덱스 삭제 setValue(prev => prev.filter((item, index) => index !== 0))}.. 2024. 5. 16. (React) form data event 처리 아래와 같은 form 디자인이 있고 입력데이터를 보관하기 위해 오른쪽과 같이 useState 를 정의 할 수 있다.const [data, setData] = useState( { address1: "", address2: "", zip: "", city: "", state: "", country: "", }); 이벤트 정의의 비효율 코드와 효율적인 코드 예비효율적 코드효율적 코드control의 이름을 onChange의 argument로 전달control 의 name 프로퍼티를 지정하고 event.target.name 으로 꺼내서 사용 const onChange = (key) .. 2024. 5. 12. 이전 1 2 3 4 5 ··· 21 다음
