분류 전체보기
-
[flutter] FutureBuilder 메서드의 AsyncSnapsot 과 Snapshotflutter/flutter 공부 2023. 2. 21. 11:34
flutter 에서 외부 통신을 통해 가져오는 작업을 하게 되면 Future 에 담아줘야 하는데 받아온 결과의 타입이 Future 로 되어 있기 때문에 직접 하나 하나 담아주는 것보다는 FutureBuilder 를 이용해서 받아오도록 하는게 좋은 것 같아서 사용하고 있습니다. FutureBuilder( future: _calculation, // a previously-obtained Future or null builder: (BuildContext context, AsyncSnapshot snapshot) { List children; if (snapshot.hasData) { children = [ const Icon( Icons.check_circle_outline, color: Colors.gr..
-
[dart] dart 문법 간단 정리 2Dart 2023. 2. 17. 21:17
dart 문법 간단 정리 1에 이어서 나머지 내용도 정리하겠습니다. 타입 시스템 Dart는 정적 타입 언어이며, 변수와 함수의 인자에 대한 타입을 지정할 수 있습니다. 타입 시스템을 이용하면 코드의 안정성을 높일 수 있으며, 코드를 더욱 명확하게 작성할 수 있습니다. int add(int x, int y) { return x + y; } 제네릭 Dart는 제네릭을 지원합니다. 제네릭을 사용하면 타입에 대한 제약을 좀 더 강력하게 할 수 있습니다. class Stack { List _items = []; void push(T item) { _items.add(item); } T pop() { return _items.removeLast(); } } Stack stack = Stack(); stack.pus..
-
[dart] dart 문법 간단 정리 1Dart 2023. 2. 17. 19:23
dart 문법 간단 정리 변수와 상수 변수는 var 키워드를 사용하여 선언하며, 변수의 타입은 자동으로 추론됩니다. var x = 10; 상수는 final 또는 const 키워드를 사용하여 선언하며, 런타임 중에 변경될 수 없습니다. final과 const의 차이는 final은 런타임에 초기화되며 const는 컴파일 타임에 초기화됩니다. final y = 20; const z = 30; 함수(메서드) 함수는 Function 또는 타입 명시를 사용하여 선언할 수 있습니다. 함수의 매개변수는 괄호 안에 선언하며, 반환 값은 함수 선언의 뒤에 => 기호와 반환 값의 타입을 지정합니다. int add(int x, int y) { return x + y; } Function multiply = (int x, in..
-
[flutter] vscode 에서 새폴더, 새파일 단축키 지정하기flutter/flutter 기타 등등 2023. 2. 15. 17:41
vscode 에서 flutter 연습을 하는데 새폴더, 새파일을 만들때마다 마우스를 사용해야 해서 단축키 지정은 어떻게 할 수 있을까 찾아보다가 직접 지정할 수 있는 방법이 있어서 기록을 남겨봅니다. 1. command pallet 를 열어줍니다. command pallet(Ctrl + shift + p ) -> Open Keyboard shortcut(JSON) 검색 Open Keyboard shortcut 와 Open Default Keyboard shortcut 이 검색 되는데 첫 번째 항목인 Open Keyboard shortcut 를 선택해줍니다. 2. keybindings.json 에 내용 추가 위에 처럼 기본 내용이 들어있는 경우에 {} 뒤에 콤마(,) 하나 넣어준 뒤에 아래 내용을 채워줍니..
-
[flutter] 플러터에서 package name, bundle id 찾기flutter/flutter 기타 등등 2023. 2. 13. 13:09
naver 지도를 이용해서 테스트해볼 일이 생겨 네이버 개발자 클라우드 플랫폼에 등록하려고 보니까 서비스 환경 등록을 해달라고합니다. application 에서 이용할 서비스 환경을 등록해달라면서 아래 이미지처럼 android 앱 패키지 이름과 ios bundle id 를 넣어달라네요. 각각의 정보는 아래의 경로에서 확인할 수 있습니다. IOS - ios/Runner.xcodeproj/project.pbxproj 파일 -> PRODUCT_BUNDLE_IDENTIFIER 속성에 들어있습니다. Android - app/src/main/AndroidManifest.xml -> manifest 태그안에 있습니다.
-
[flutter] vscode 에서 사용 편리성을 높이기 위한 기본 셋팅 2가지flutter/flutter 기타 등등 2023. 2. 7. 11:13
1. const 자동으로 붙여주기 vscode 로 flutter 작업하다보면 아래 이미지처럼 파란색 밑줄이 나타나는 경우가 있습니다. vscode 에서 좀 더 나은 코드를 위해 알려주는 경고인데요. const 를 붙여서 상수로 만들어 사용하라는 내용이 나오게 됩니다. 하나 두개일때는 const 를 붙여주는게 문제가 안되지만 100개 1000개 이런식으로 엄청나게 많아지면 하나하나 다 붙이는것도 엄청난 시간이 들겠죠. vscode 설정에서 알아서 const 를 붙여줄 수 있도록 할 수 있습니다. 설정 방법 1) vscode 좌측 하단에 보면 톱니바퀴 아이콘을 선택해서 명령 팔레트를 클릭해줍니다. 2)입력란에 settings 를 넣으면 관련 내용들이 나오는데 그중에 Open User Settings(JSON..
-
[react] The result of getSnapshot should be cached to avoid an infinite loop at VideoLayout 에러react/react 에러 2023. 1. 12. 09:35
The result of getSnapshot should be cached to avoid an infinite loop at VideoLayout 리액트로 프론트 작업을 어느정도 완료한 시점에서 기능 테스트를 해보고있는데 아주 가끔 아무런 반응이 없이 하얀 화면만 나타났습니다. 개발자도구에서 로그를 확인해보니 위와 같은 에러가 있네요. 일시적인건가 싶어서 화면을 여러번 refresh 해보니까 에러가 비정기적으로 나타났습니다. 뭔가 문제가 있구나 싶어서 정보를 찾아보니 useffect 에서 사용한 내용이 문제였었습니다. 비디오 재생 기능을 넣었는데 랜덤 재생을 추가하기 위해 useEffect 에 기능 넣고 뒤에 조건으로 내용을 넣었던것이 위와 같은 에러를 만들어냈네요. useEffect(()=>{ if..
-
NginX 배포 경로 설정 및 URL 직접 입력시 페이지 찾을 수 없는 문제web 프로그래밍/기타 2023. 1. 9. 19:04
◎ NginX 배포 react 로 작업 한 내용을 배포하려고 하는데 NginX 로 배포하는 방법을 많이 사용하는것 같아서 NginX 를 사용하여 배포하려고 설치하였습니다. NginX 설치 방법은 구글에서 검색하면 많이 보실수 있으므로 생략하고 지나가겠습니다. NginX 로 배포하기 위해서는 빌드 파일이 필요합니다. vscode 로 작업한 내용을 빌드하기 위해 터미널에서 아래와 같이 입력합니다. react run build 잠시 시간이 걸린 후에 build 폴더가 생성 됩니다. 생성된 빌드 폴더를 NginX 에서 배포하는 폴더로 옮기던지 경로를 수정해줘야합니다. NginX 폴더 -> conf 폴더에 nginx.conf 파일에서 수정합니다. 경로를 바꾸고싶다면 44 번째 줄의 root 옆에를 수정. 경로는..