티스토리

개발 X 개발

검색하기

블로그 홈

개발 X 개발

ilovecomputerscience.tistory.com/m

덩크냥 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

Roman Ismagilov 공부회. flutter tap effect native인척하기. 자연스러운 버튼! https://medium.com/@pomis172/making-flutter-apps-look-more-native-part-1-tap-effects-48a59cb158bf Making Flutter apps look more native. Part 1: tap effectsBy default, if you are using InkWells to handle tap events in your UI, a ripple effect will be applied. The issue here is that while the…medium.comInkWells쓰면 리플효과가 있다. 리플 효과는 안드로이드 디자인에서는 필수적인 요소이지만, iOS에서는 다소 어색하게 보일 수 있다는 점이다.대신 ios는 버튼을 탭할 .. 공감수 0 댓글수 0 2025. 3. 10.
Flutter baseline 텍스트도 위젯이다. 기본으로 좌상단에 위치한다. 베이스라인 위젯Baseline classA widget that positions its child according to the child's baseline.This widget shifts the child down such that the child's baseline (or the bottom of the child, if the child has no baseline) is baseline logical pixels below the top of this box, then sizes this box to contain the child. If baseline is less than the distance from the top of the chi.. 공감수 0 댓글수 0 2025. 3. 9.
flutter apk 추출시 resource android:attr/lStar not found 에러. android/ 하위의 세팅들을 이것저것 바꾸다가 gradle, java설치까지 하고 도저히 버전이슈가 없다고 판단되었다. 그치만안됐다. https://github.com/livekit/client-sdk-flutter/issues/569#issuecomment-2275686786 A failure occurred while executing com.android.bui..." data-og-host="github.com" data-og-source-url="https://github.com/livekit/client-sdk-flutter/issues/569#issuecomment-2275686786" data-og-url="https://github.com/livekit/client-sdk-flutte.. 공감수 1 댓글수 1 2024. 12. 9.
플러터 onpressed vs onTap 차이 버튼을 컨테이너로 바꿨더니 함수호출이 안되는현상을 발견. 전자는 savelog함수가 실행되는데 후자는 실행이 안된다.logWriteViewModel.savelog 라고 쓴것에서 문제가 있다. 대신 logWriteViewModel.savelog() 사용전자는 Button위젯을 썼어서 onPressed parameter가 있다. 이는기본적으로 함수참조를 기대한다.후자는 onTap을 이용했는데 savelog뒤에 ()를 해줘서 함수임을 말해주지않으면 기본적으로는 값반환만 이뤄진다. 공감수 0 댓글수 0 2024. 11. 27.
flutter OOP(객체지향 프로그래밍) 어느순간부터 내가 짠 코드들이 뭔가 뒤죽박죽이라는게 느껴졌다. 레거시 코드? 라고 한단다,! 회사프로젝트를 혼자서 개발하면서 방대한 코드들을 관리할 체계를 잡을 필요를 느꼈다.UI와 데이터는 분리하는데 도메인 영역이 제대로 기준이 안잡혀있었다. 그러다가 mvvm 아키텍처를 적용하고 그에따라 명명법과 폴더구조 기준을 잡긴했다. 진짜작은프로젝트면 상관없는데 규모가 커지면 반드시 짚고 넘어가야할 부분인거같다.. 내 코드를 내가 파악하지 못하게 된다. 그런데 내가 익숙해져서 그냥 쓰는 코드들이 너무 많다. 내가 쓰는 이게 뭐인지는 잘 모르고 이것의 역할만 알뿐.,, 한번 기초로 돌아가자. 괜히 수많은 무협지나 만화에서 기본에 충실하라고 하는건 아닐거다. 오늘 되짚어 볼것들은객체(Object), 클래스(Class.. 공감수 7 댓글수 3 2024. 9. 5.
flutter ios 빌드 Framework 'CoreAudioTypes' not foundLinker command failed with exit code 1 (use -v to see invocation) 왜인지 새로운 프로젝트를 클론해오니 저 에러가 생겼다.디폴트세팅에서 패키지가 포함되어있음을 확인함.해당 프레임워크를 따로 직접 추가해도 해결되지 않는다 (이미 내장 경로에 존재하는데 결국 연결부분이 문제인것. 근데 왜?)https://forums.developer.apple.com/forums/thread/739216 빌드만 20번 넘게해보다가 일단 특별히 건든게 없었기에 뭔가 이상해서 xcode를 재설치 후 해결됨.근데 빌드한번하는것보다 재설치하는게 훨씬 빨랐다. 아니다 싶으면 빠른 판단 필요할듯 공감수 1 댓글수 0 2024. 9. 2.
vscode에서 flutter 빌드 후 후 흰화면만 떠요 그리고 빌드꺼짐 디버깅 버튼 눌렀더니Connecting to VM Service at ws://127.0.0.1:61880/bHKc4-tQk6Q=/ws 이렇게 뜨고 이상태에서 디버깅이 멈춰버린다,,.. 콘솔창에 뜨는거처럼 저렇게 된 상태에서 빌드도 종료되고 어떠한 에러로그도 안찍히며 로그파일이 자동생성된다.일단 에디터 문제라고 생각한다.Android Studio에서는 잘 작동한다.CLI를 통해서도 잘 작동한다 로그 파일을 자세히 보면Flutter crash report.Please report a bug at https://github.com/flutter/flutter/issues.## commandflutter debug_adapter## exception_Exception: Exception: lookupResol.. 공감수 1 댓글수 0 2024. 8. 29.
블루베리 템플릿 딥링크 딥링크가 무엇? (다이나믹링크의 여의치 않은 상황. 공식문서에서 추천하는 url이용방식)https://help.dfinery.io/hc/ko/articles/360039757433-%EB%94%A5%EB%A7%81%ED%81%AC-Deeplink-URI%EC%8A%A4%ED%82%B4-%EC%9C%A0%EB%8B%88%EB%B2%84%EC%85%9C-%EB%A7%81%ED%81%AC-%EC%95%B1%EB%A7%81%ED%81%AC-%EA%B5%AC%EB%B6%84%EA%B3%BC-%EC%9D%B4%ED%95%B4 딥링크는 3가지 방식으로 구분됨.URI 스킴 방식 : 앱에 URI 스킴(scheme) 값을 등록하여 딥링크 사용앱링크(App Link) : Android 제공 - 도메인 주소를 이용한 딥링크 .. 공감수 1 댓글수 1 2024. 8. 11.
flutter apk 추출 프로젝트 루트 경로에서flutter build apk --release --target-platform=android-arm64하게 되면 /프로젝트/build/app/outputs/apk/ 안에 생성되는 app-release.apk 사용 여러 타겟 플랫폼 한번에 빌드 flutter build apk --split-per-abi 생성파일app-arm64-v8a-release.apk (64비트 ARM)app-armeabi-v7a-release.apk (32비트 ARM)app-x86_64-release.apk (64비트 x86) 공감수 2 댓글수 0 2024. 8. 8.
Git 항상 Git을 썼지만 이를 제대로 알고 사용했는가? 제대로 알고 넘어가보자. Git이란 무엇일까? -Git은 분산형 버전 관리시스템 혹은 형상관리도구 라고 함. - 동시작업 가능, 작업내용 병합해 하나의 버전 만들 수 있음. - 이전 버전의 롤백 가능, - 변경사항을 추적하여 이전 코드의 문제 추적 가능 - 여러 브랜치를 만들어 다양한 작업들을 동시에 진행 가능 - gitflow 등의 정책을 활용하여 코드리뷰/버전관리/배포 등에 상당히 많이 활용 공감수 0 댓글수 0 2024. 2. 8.
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.. 공감수 0 댓글수 0 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간의 상호작용, 글로.. 공감수 0 댓글수 0 2024. 2. 8.
flutter const(constraints) 이해하기 (진행중) 코드상으론 가로세로 500px인 빨간컨테이너 안에 300px인 파란 컨테이너가 들어가야하는데 이상합니다. Container안에 Container을 위처럼 잡으면 하위녀석이 정확하게 위치하지 않기에 부모의 size를 차지하게 돼요. 이때 하위 컨테이너를 center, align등을 사용해서 위치를 특정해주면 됩니다. 더 알아봅시다. 이 상황에서 파란container의 width는 무한입니다. 그런데 overflow가 발생하지 않습니다. 이는 Scaffold, SafeArea가 제약공간을 갖고있었기 때문입니다. 이렇게 따로 제약을 둘 수도 있습니다! . . . 뭔가 헷갈린다. 공식문서 보고 다시 공부해보자! 공감수 0 댓글수 0 2024. 2. 3.
Flutter - 반응형 레이아웃 짜기. Flexible, Expanded 왜 반응형 레이아웃을 해야할까요? 우리가 쓰는 기기의 크기가 다 다르기때문에! 특정 픽셀로 위젯 크기를 지정해버리면 너무 여백이 많이남거나 오버플로우가 발생할 수 있다! HOW? 1. Flexible위젯으로 감싸기. flexible로 감싸게 되면 일단 화면을 다 쓰도록 알아서 조정을 합니다. flex : ? 를 넣을 수 있는데 이를 넣을 경우 사용하는 화면에서 비율에 맞게 조정을 합니다. 위의 그림에서 알 수 있듯이 flex 1, 2, 3에 맞춰 컨테이너의 비율이 1:2:3이네요. 밑에 파란 컨테이너는 따로 flex를 설정하지않았는데 flex : 1 과 같은 비율로 설정됨을 알 수 있습니다.! 2. Expanded 위젯으로 감싸기. flexible로 감쌌다고 해도 픽셀을 지정해주면 그에 맞춰집니다. 이때.. 공감수 0 댓글수 1 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는 가.. 공감수 1 댓글수 0 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 여기 설명이 잘 나와있는데 한번에 이해됐다. 밀!키!트. 가져와서 내맘대로 쓰는것. 자 그러면 주어진 에러메세지는 왜 일어난 것일까? 우선 에러의 첫번째 단락.. 공감수 0 댓글수 0 2023. 9. 20.
[에러!!!!!]: [!] CocoaPods could not find compatible versions for pod .... alan voice라는 플러그인을 사용하려고 한다!.. 그러나 pubspec.yaml에 추가한 순간부터 빌드가 갑자기 안되기 시작한ㄷr..... 우선 주어진 에러메세지를 정독해서 해결해 볼 노력을 해보자,,,,, 많이 심란하지만. 거슬리는 노란 문구부터. Podfile에 ios 버전이 지정안돼서 알아서 11.0으로 해줬다고 한다. Podfile 안에 before: target 'Runner' do use_frameworks! use_modular_headers! flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__)) target 'RunnerTests' do inherit! :search_paths end end 여기 첫번째 줄 바로밑에 p.. 공감수 0 댓글수 4 2023. 9. 19.
flutter dependencies upgrade(pubspec.yaml) - 플러터 plugin 버전 업그레이드 flutter pub outdated : 최선버전 아닌것들 보여줌 flutter pub upgrade --major-versions : 전부 최신 버전으로. 이러면 오랜만에 프로젝트를 켰을때, 버전 변화를 알아서 캐치해서 최신버전으로 바꿔줍니다! 참 쉽죠. 공감수 1 댓글수 0 2023. 9. 15.
github에 flutter project 올리기 clone하는건 알아도 막상 올리려하니 error가 많이 생겼습니다! git remote add origin 하고 add commit후에 git push origin master (default가 master 브랜치네요ㅜ) 하게 되면 PR해도 자 그럼 어떻게 해야할까요? 간단해요. main 브랜치에서 푸시하면 됩니다! 하지만 초기 세팅된 값을 바꾸는거여서? -f 옵션을 붙여줌으로써 강제 스위칭을 하고 강제 푸시를 하면 됩니다! 짠 ~* 공감수 1 댓글수 0 2023. 8. 11.
플러터로 앱 만들기 1. flutter 프로젝트 만들고 github 연결 1. 앞으로의 코드 관리를 위해 github에 repository를 만든다. 2.플러터 프로젝트를 만든다. 저것 클릭하고 원하는 경로에 원하는 이름으로 넣는다. 짠~ 이제 github와 연결을 할것이다. git remote add origin 굳. 그다음, vscode기본 프로젝트 branch가 master로 되어있어서 (github은 main을 기본으로 인식하기에) main브랜치로 메인을 바꿔준다. git branch -M main Good. 그 다음으로 업로드해주면 끝 > 공감수 0 댓글수 0 2023. 6. 30.
flutter AppBar에 icon 넣기 밑에 drawer를 썼기때문에 이렇게 좌측상단에 menu아이콘이 자동으로 생겼습니다. 이걸 없다고 생각하고 leading, actions 이 두가지를 기억하면 됩니다. 이렇게 하면 이렇게 text 기준 좌측 우측에 icon이 들어갑니다. 공감수 0 댓글수 0 2022. 10. 7.
7.Dart-Manage Multiple Data with Map, Enum(다트 다중데이터 맵으로 관리) Map datatype은 주로 database에서 data를얻을때 사용됩니다. list와 다르게 두가지를 고려해야하는데 바로 keys, values. Map - Create, Read Map은 key 와 value가 한쌍을 이루고있다. value를 찾기위해 우리는 key를 알아야한다. 위의사진은 map을 초기화하는 방법이다. 이대로 map1을 출력하면 이처럼 중괄호에 :로 구분되어져서 key와 value가 출력된다. map.toList() toList()함수는 key 혹은 value에 사용할 수 있다. 이런식으로 key만 사용하게되면 key들이 대괄호에 묶여서 나오게 된다. 마찬가지로 value를 toList()하려면 map1.values.toList(); 하면 된다. key를 이용해서 value를 알아.. 공감수 0 댓글수 0 2022. 8. 31.
6.Dart-Manage Multiple Data with List(다트 다중데이터 리스트로 관리) 다트에서 List를 볼것입니다. 이는 다른언어와 조금 달라서 생소하기도 하지만 크게 다르지도 않네요. List 이런식으로 배열처럼 사용할 수 있다. 다만 앞에 List라고 써야한다. 출력을해보면 대괄호까지 출력되는 현상이 발생한다. 또한 이런식으로 다양한 타입이 공존할 수 있다는 특징이 있다. 리스트는 인덱스번호에 따라 접근또한 가능하다. 이렇게 l2 의 2번째 인덱스를 출력하면 hello가 출력된다.(0부터 시작하기때문) 길이를 파악하고싶으면 l2.length 라고 하면 된다. 뒤에 .length 만 붙이면 되는것이다. string안에서 $를 이용하여 List를 쓰고싶을때 이처럼 중괄호로 묶어주면 된다. Loop for in: for-in은 위 사진에서 보면 item 이라는것에다가 l2 를 넣는다. 기.. 공감수 0 댓글수 0 2022. 8. 26.
5.Dart-Repeating code(다트 반복문) 오늘은 다트 반복문에 대해서 공부해 볼 것입니다. 예상하건데 C언어와 크게 다르지 않을것 같아요! for문 for문은 for(초기값 ; 조건; 초기값이 바뀌는 식){ } 이런식으로 되어있습니다. ex) for(int i = 0; i < 10; i ++){ } 이렇게 되면 i는 0~9까지 저 반복문은 총 10번 작동하는것을 알 수 있습니다. while문 while 문은 while(조건){ } 조건이 만족하는한 계속 작동합니다. 단 반복문 코드내부에 break 가 있으면 해당 반복문은 남은것 무시하고 반복을 멈추게 됩니다.(continue가 있으면 코드 진행하다가 뒤에것 무시하고 바로 다시 반복해버리는것) 공감수 0 댓글수 0 2022. 8. 16.
4.Dart - Control the Flow of Code(다트 조건문) 다트의 조건문은 기본적으로 c 언어와 비슷하다. if 문 ( ) 안에는 무조건 참이 되어야 skip하지 않는다. C 랑 동일. 추가로 is 라는게 있는데 이런식으로 변수타입을 확인하는 문법이 있다. else는 C 랑 같다. ( else if 역시 마찬가지!!); 공감수 0 댓글수 0 2022. 8. 15.
3.Dart-Operator(다트 연산자) 목표 : 수 계산과 String안에 넣어서 결과출력 기본적인 + - * / % 는 기본언어랑 같다. Operators *Unary Operators *Assignment Operators TypeCasting -int.parse(); -double.parse(); -toString(); Relational Operators == , != , , = Logical Operators && , || Tenary Operators( Dart에만 있는 개념) A ? B : C (if a == true| select B Else Select C) Ex) int age = 16; String a = age > 17 ? 'Adult' : 'Child'; bool b =.. 공감수 1 댓글수 0 2022. 8. 15.
2.Dart-data type(다트 변수) dart변수에는 int, double, String, bool 이 있다. 더 나아가서는 var, dynamic, late, const, final 이 있다. Advanced String String끼리 + 나 $ 를 이용하여 합칠 수 있다. String 초기화는 ' 혹은 " 를 쓰면된다. 아무거나 써도 괜찮다. ex) String a = 'hi'; String b = "hihi"; 다른 변수타입도 String에 합칠 수 있다. 이렇게 되면 you can interpolate 10 이 출력된다.! 중간에 \n을 넣으면 그부분에서 줄바꿈이 일어나게 된다. \ 혹은 ' 를 출력하고싶으면 앞에다가 \ 를 붙이기만 하면 된다. ex)String a = "hi this is \\ \'me\'"; 이렇게 하면 출력은.. 공감수 0 댓글수 0 2022. 8. 15.
1.Dart language -다트란? dart언어는 high-level 개발언어이다(인간의 언어에 가까운 직관적인). 다트는 자바언어에 기반을 둔다. 플러터의 메인언어가 dart이기에 우리는 다트를 먼저 공부해보고자 한다. 프로그램은 void main함수에 의해 시작한다. void main() { print('Hello World!'); } 주석작성은 // 이다 //this is comment. 이는 다른 대부분의 언어와의 공통적인 부분이다. 대부분의 언어가 유사하기에 크게 어렵지는 않을것같다. 공감수 0 댓글수 0 2022. 8. 15.
flutter[플러터]를 시작하며 크로스플랫폼 개발 프레임 워크인 플러터를 시작해보고자 한다. 크로스플랫폼이란 쉽게말하면 여러 운영체제에서 사용가능한 앱 개발 툴?인것이다. 왜하필 플러터인가? 일단 가성비가 좋다고 생각하고 구글에서 밀고있기 때문이다. 하나의 언어만 학습하면 되기에 학습량이 적고 최신 프레임워크이기때문에 개발이 편하다고 한다. 당장 다른 크로스플랫폼인 리엑트네이티브만 보더라고 html, css, javascript, reactnative 까지 알아야한다. 플러터는 dart언어만 사용한다. 공감수 0 댓글수 0 2022. 8. 15.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.