본문 바로가기

ios

M1 맥북 Android SDK + Flutter 설치해보기 UI 프레임워크(css flex)를 닮은 플러터 제공 함수 문법으로 레이아웃을 잡았던 기억만 있는 Flutter를 다시 시작해보기로 합니다. 환경설치는 언제나 시행착오가 많은데.. "이런 시행착오의 과정을 패스하고 개발만 할 수는 없을까?" 오픈 소스 진영에서 기술의 빠른 발전 속도가 장점이라면 의존성의 문제는 어쩔 수 없는 아킬레스인 것 같습니다. 각설하고 바로 과정을 기록으로 남겨봅니다. 1. 안드로이드 스튜디오 (Android SDK) 설치 https://developer.android.com/studio?hl=ko 에뮬레이터를 띄우고 빌드를 하려면 안드로이드 SDK 필수 내 OS에 맞는 버전으로 다운로드 후 설치 제 경우 M1 맥북프로에 설치는 별문제 없이 진행됐습니다. 2. Flutter SDK.. 더보기
iOS checkbox 스위치 UI 마크업 하이브리드앱 웹뷰 마크업 진행 중 iOS UI 형태의 Checkbox on,off 스위치가 필요해 찾아 보니 Pure CSS 형태 또는 JS 스위치 동작이 목표 디바이스에서 만족스럽지 못해 직접 마크업 해봅니다. 미리보기 마크업 방향 - 모바일 환경 최적화를 위해 가능한 모든 효과는 CSS를 사용- JS는 addClass(), removeClass() 정도만 사용- click, touch 이벤트 (접근성 저하요인 밀기 동작은 제외)- 아이폰 4,5,6 과 안드로이드 4.x 버전 이상 디바이스 지원 시작padding, margin 에 영향을 받지 않도록 box-sizing 속성을 지정합니다.-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-.. 더보기