서울의볼

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

*컴파일러: 타입 검사를 해주는 녀석 타스의 tsc 컴파일러는 소스 코드의 정적 타입 검사를 수행해서 자스 코드로 변환을 해줌 (C언어 컴파일러는 기계어 코드로 변환해줌). 여기서 자스는 기계어로 따로 변환될 필요가 없는데, 자스는 동적 언어(=인터프리터 언어)기 때문임. Node.js나 크롬은 자스 실행시 V8 엔진이 코드를 해석 및 실행해주고, 같은 개념으로 파이어폭스 역시 SpiderMonkey가 코드를 해석하고 실행시켜줌. 그래서 동적으로 한줄씩 실행하다 에러가 나면 그게 바로 런타임 에러인 것. 타스 플젝 시작하기: tsc --init 으로 tsconfig.json 파일 생성 이때, compilerOptions를 설정해줘야 하는데, target 옵션의 경우 최신 브라우저는 보통 ES6를 지원하니..

notes 2024. 4. 14. 21:12

요약 자바스크립트(자스)엔 여러 문제점이 있었음. 1. 실행 시간에 결정되는 변수 타입 2. 약한 타입 체크 3. 물렁한 객체 타입스크립트(타스)로 위 문제점들을 효과적으로 보완할 수 있음. 1. 컴파일 시간에 변수의 타입을 체크해줌 2. 코드 입력시 에러 메세지 반환 3. 없는 객체 역시 에러 메세지 반환 추가로, 타스는 객체지향프로그래밍(OOP)에 큰 메리트가 있음. 예를 들어, class Person { constructor(name, age) { this.name = name; this.age = age; } growOlder() { this.age += 1; } } const spartan = new Person('Spartan', 30); spartan.age = 25; // 외부에서 age ..

notes 2024. 4. 14. 02:51

프로젝트를 시작하기 위해 npx expo -h를 입력함. 근데, 아래의 에러 메세지가 뜸: asdf-Mac:example adf$ npx expo -h npm ERR! code EACCES npm ERR! syscall open npm ERR! path /Users/asdf/.npm/_cacache/tmp/b9a26f2dwfa1 npm ERR! errno -13 npm ERR! npm ERR! Your cache folder contains root-owned files, due to a bug in npm ERR! previous versions of npm which has since been addressed. npm ERR! npm ERR! To permanently fix this problem..

projects 2024. 4. 13. 21:48

개인 프로젝트를 위한 공부 노트를 적어볼까 함. 이 글을 시작으로 다시 열심히 달릴 예정. React native 작동 원리는 브릿지를 통해 각 os에 맞는 네이티브로 전달되어 ui가 그려진다 함 expo cli vs rn cli - 대애애충 rn 앱을 쉽고 빠르게 구축할 수 있는 오픈소스가 엑스포인 것. 인앱 결제의 경우 Expo cli에서 제공하지 않기 때문에 보통 rn cli로 넘어가는 eject 작업이 필수적으로 수반됨 (꽤 간단하다 함) 나는 일단 빠른 개발을 위해 expo로 시작할 예정임. *npx 명령어는 기존에 설치되어 안되어 있는 노드 툴을 사용할 수 있게하여 디스크 저장공간을 절약할 수 있게 함

projects/Flutter 2024. 4. 11. 17:58