서울의볼

- flutter animate 패키지가 대유행임- flutter 팀에서 직접 만든 공식 패키지는 animations임- 패키지의 레포지토리에서 데모코드 보면서 적용해라- flutter inspector에서 toggle selector로 아이콘이나 위젯 누르면 웹에서 css f12로 잡듯이 보여줌.- android studio에서 structure를 활용하면 아주 큰 파일(복잡한 코드)를 클래스/메소드 등등 구조화 하여 확인할 수 있음.- Rive는 애펙을 활용하여 애니메이션을 json화 하는 패키지임. 대세인 듯. 근데 애펙 사용할 줄 아는 디자이너용인 듯...인줄 알았는데 웹 브라우저에서 편집 가능하네?- Rive 애니메이션은 사이즈를 무조건 정해줘야한다 함.      3.3.1) flutter an..

notes 2024. 4. 24. 15:54

- 네이밍 팁- native vs flutter splash는 다름. 기본적으로 네이티브는 깔고 가는건데, 로그인이나 로딩 같은거 뭐 이런거 땜시 플러터 엔진 안에서도 스플래시 화면이 또 필요할 수 있대. 근데 네이티브 듀레이션을 더 줘서 플러터 엔진에 쓸 수도 있는 듯.- WillPopScope으로 백버튼 로직 처리- 클래스란 구조 객체를 만드는 게 아니라, 구조 객체를 만들기 위한 설계도임. final이나 const로 선언한다는 건 설계도 내 이런 이런 필드들이 들어있다는 것이고, 해당 필드들을 담을 수 있는 constructor를 생성해줌. 그리고, 그 생성자를 이용해서 객체가 만들어지는 것.- Map은 key value임. List와 Map과 다르게 set은 데이터를 순회하며 가져오는 용도가 아닌..

notes 2024. 4. 24. 11:29

안드로이드의 library repository는 Maven, ios는 cocoapods, flutter는 pub (플러터는 라이브러리 대신 패키지라 부름) 흔들기 앱- AndroidManifest.xml에서 어플 이름 라벨 변경 가능- 국가 고려해서 어플 이름 지정 가능- Xcode 사용법- 앱 아이콘 적용하기 (https://www.appicon.co/)- 터미널이 아닌 pub 야믈에서 직접 dependencies 넣는 경우라면 다 넣고 flutter pub get 해줘야 적용됨- 외부 라이브러리 받으면 라이센스를 확인해서 명시해줘야 함. 주의해야할 라이센스로는 GNU GPL과 Mozilla가 있음- 보통 이런 라이브러리들은 법적 공지나 오픈소스 라이선스 탭을 별도로 마련해서 공지해둠.- github에..

notes 2024. 4. 23. 18:06

플러터 프로젝트를 만들어줌 배운거)opt up 버튼은 커서 올라간 특정 단어 전체 선택해줌. cmd d 하면 코드 아랫줄에 복사cmd o 하면 override method들 쭉 뜨고 거기서 init이든 어떤 state든 치면 바로 나옴.구글 폰트 같은 것도 쓰고자 하면 펍스펙 야믈에 가서 라이브러리 추가해주면 됨.목 작업은 프론트엔드에서 서버에서 데이터를 받아오기 전 UI를 미리 작업해놓는 걸 두고 말함.앱바 보였다 안보였다 만드는건 visibility로 감싸서 index 값(=페이지#)에 따라 노출 시키고 감추고 할 수 있음.or null값을 줘도 되고 방법 여러개 있는 듯.텍스트박스 만들 때 위에 닿으면 SafeArea로 감싸자.  main.dart 파일에서 MainApp을 RSPApp으로 바꿔주고,..

notes 2024. 4. 23. 01:12

MaterialApp은 앱을 만들기 위한 가장 기본이 되는 위젯으로, home라우터, theme, locale 등의 설정 역할을 해줌 Scaffold는 각각의 페이지를 구성하는데 가장 기본이 되는 위젯, 여기엔 다양한 기능 추가 가능 (drawer, 버튼 따위) container: container는 기본적이고 포멀한 위젯임 // div 같은 느낌인듯...? 색깔 설정시 Colors. 치면 색들이 쫙 나옴 (헥사값 넣는 법 별도로 있음) 위젯을 위아래로 쌓을 땐 column으로 시작함. children으로 복수의 child 가질 수 있음. SingleChildScrollView로 스크롤 가능하게 만들 수 있음. scrollDirection으로 좌우로도 가능하게 만들 수 있음(팁바에 많이 적용됨). Fle..

notes 2024. 4. 22. 17:48

SDK는 프레임워크 등을 개발에 활용하는데 있어 필요한 기본 라이브러리, 도구, 문서 등을 모아둔 패키지. Flutter SDK에는 기본적으로 다트가 내장되어 있어 다트를 별도 설치 할 필요 없음. 근데 플러터는 버전이 자주 변해서 FVM(Flutter Version Manager)를 통해 버전 변경을 용이하게 할 수 있음. 환경설정에서 virtual ruby랑 rbenv의 gem 확인 FVM은 그냥 플러터의 버전을 쉽게 쉽게 갈아끼울 수 있는 버전 매니저 IDE에서 Flutter SDK path 설정하려고 폴더 열 때 숨김파일 확인하는 단축키: shift + command + . sdk: 하드웨어 플랫폼, OS, 프로그래밍 언어 제작사가 제공하는 툴로 컴파일러, 디버거, api, 런타임 등이 포함됨. ..

notes 2024. 4. 22. 09:25

나누기 연산자는 int와 double 타입이 나올 수 있음. int num1 = 10; int num2 = 20; int num3; num3 = num1 / num2; print(num3); 를 실행시키면 정수 타입으로 정의를 해서 에러가 뜸. 이럴 경우 var num3나 dynamic num3로 하는게 맞음. Srting의 경우 String str3 = '$str2 World' 이런식으로 더하기 연산자를 써도 되지만 달러($)를 많이 쓰는 듯. 비교 연산은 == 두개를 씀 클래스의 구성요소: - 필드: 클래스 내부에 선언된 데이터 (변수/상수 등) - 메서드: 클래스 내부에 선언 된 기능 (함수) - 생성자*: 클래스 인스턴스를 생성할 때 사용되는 코드, 생성 시 특정 작업을 지시하는 등의 활용이 가능..

notes 2024. 4. 18. 20:09

const는 배열로 선언하고 안에 값을 주입할 수 있음 any는 타스의 모든 타입의 슈퍼타입임. 자스의 object와 같은 최상위 타입이라 생각하면 됨. 근데 any타입은 코드의 안정성과 유지 보수성을 저해할 수 있어서 가급적 사용을 지양해야함. 그래서 unknown을 사용해야 타입 단언을 통해 타입 보장 및 타입 체크 가능. enum은 간단한 상수 값의 경우 적합하고, object literal은 복잡한 구조나 다양한 데이터 타입이 필요한 경우 적합함. 유틸리티 타입엔 Partial, Required, Omit, Pick, Readonly 가 있음. constructor는 생성자로, 클래스에 인스턴스를 생성하고 초기화할 때 최초로 불리는 메서드임. 부모클래스를 따르지 않고 상속 받은 클래스가 별도의 결..

notes 2024. 4. 16. 17:59