본문 바로가기

Flutter29

flutter pub add로 추가된 패키지 경로. 패키지 커스텀 하기 위함. (Windows) 경로 C:\Users\XXX\AppData\Local\Pub\Cache\hosted\pub.dev(default경로)여기서 찾아서 프로젝트 루트에 추가. pubspec.yaml에서 path: 추가한 경로 이제 추가한 패키지 폴더 내부에서 수정하면 됨! 2024. 3. 7.
flutter architectural overview.(official document).플러터 아키텍처 개요. [ 1~7 진행중 ] https://docs.flutter.dev/resources/architectural-overview Flutter architectural overviewA high-level overview of the architecture of Flutter, including the core principles and concepts that form its design.docs.flutter.dev오늘은 Flutter공식문서를 적극 참고해서 아키텍쳐에 대해 공부를 해보겠다. 총 7단계로 나뉘어져있다.The layer model: The pieces from which Flutter is constructed.Reactive user interfaces: A core concept for Flutter use.. 2024. 2. 8.
Flutter - LifeCycle(생명주기) LifeCycle이란? 한 객체가 생성되고 동작 이뤄지고 프로그램 내에서 정리되는 과정까지의 순환. Stateless Widget Lifecycle Create() -> build() -> dispose 간단하여 효율적이나 한번 빌드되면 그 안의 내용이 바뀌거나 해도 다시 빌드가 되지 않는다. Steteful Widget Lifecycle create Widget -> Create State -> initState() -> build() ->deactivate -> dispose() -> dispose. 추가로 [ build() setState()/didUpdatedWidget() ] 처럼 내용이 변함에 따라 다시 빌드가 되기도 한다. 생각보다 상태관리가 쉽지 않다. 다른 Widget간의 상호작용, 글로.. 2024. 2. 8.
Flutter - 반응형 레이아웃 짜기. Flexible, Expanded 왜 반응형 레이아웃을 해야할까요? 우리가 쓰는 기기의 크기가 다 다르기때문에! 특정 픽셀로 위젯 크기를 지정해버리면 너무 여백이 많이남거나 오버플로우가 발생할 수 있다! HOW? 1. Flexible위젯으로 감싸기. flexible로 감싸게 되면 일단 화면을 다 쓰도록 알아서 조정을 합니다. flex : ? 를 넣을 수 있는데 이를 넣을 경우 사용하는 화면에서 비율에 맞게 조정을 합니다. 위의 그림에서 알 수 있듯이 flex 1, 2, 3에 맞춰 컨테이너의 비율이 1:2:3이네요. 밑에 파란 컨테이너는 따로 flex를 설정하지않았는데 flex : 1 과 같은 비율로 설정됨을 알 수 있습니다.! 2. Expanded 위젯으로 감싸기. flexible로 감쌌다고 해도 픽셀을 지정해주면 그에 맞춰집니다. 이때.. 2024. 2. 3.
Flutter - Stack, Align, Positioned. 위젯을 겹겹히 쌓아올리기! 위젯을 겹겹히 쌓아올리고싶어요. Stack 사용 스택을 사용하게 되면 children을 쓰게 되어 여러 위젯을 그 안에 넣을 수 있습니다. Column, Row 위젯과 유사하게 먼저 사용되는 위젯이 가장 뒤로 가게 됩니다. 위의 그림에서는 black컨테이너가 나머지 위젯에 의해 가려진것을 볼 수 있습니다. 이 때 만약 특정 컨테이너의 위치를 바꾸고 싶다면 여러가지 방법이 있습니다 1. margin을 준는 방법입니다. 2. Positioned위젯을 사용하기 입니다. 3. Align위젯을 사용하기 입니다. Positioned 위젯 사용 위 사진처럼 컨테이너중 하나를 Positioned로 감쌌습니다. 이때 bottom기준 50px, left기준 100px 띄었을때, 그 기준이 되는 bottom과 left는 가.. 2024. 1. 28.
[에러!] user defined issue. unsupported swift architecture/써드파티 third-party (세번째 파뤼? ㅎ...) 프로젝트 진행중 플러그인으로 Alan_voice 를 사용했다. AlanSDK가 써드파티인것이다 (써드파티라는 용어를 처음 접해본다) https://contents.premium.naver.com/3mit/wony/contents/220505105924891hK 많이 들어본 용어인데.. 서드파티가 뭘까? 안녕하세요. 워니예요🥰 오늘은 IT업계에서 많이 사용되는 용어인 서드파티에 대해 알아볼게요! 서드파티가 뭐야?🤔 서드파티(Third Party)의 사전적 정의는 '제3자'를 뜻해요. IT업계에서 서드파 contents.premium.naver.com 여기 설명이 잘 나와있는데 한번에 이해됐다. 밀!키!트. 가져와서 내맘대로 쓰는것. 자 그러면 주어진 에러메세지는 왜 일어난 것일까? 우선 에러의 첫번째 단락.. 2023. 9. 20.