배운걸 기록하고 공유하기

리액트 공부를 하던 중 const Counter = () => { const [count, setCount] = useState(0); const onIncrease = () => { setCount(count + 1); } const onDecrease = () => { setCount(count - 1); } return ( {count} + - ) } 이러한 형태의 카운터를 구현해보았다. 내 지식에 의하면 count + 1 이나 count++이나 같다고 생각하고 위 예제를 count++로 바꾸어보았다. WARNING in src\Counter.js Line 8:18: 'count' is constant no-const-assign Line 12:18: 'count' is constant no-con..

pub.dev에서 관심있는 플러그인을 분석해보던 중에 removeWhere라는 메서드가 있어서 알아보았습니다. 이름만 봐도 해당 함수에 넣은 값을 지워주는 함수일 것 같습니다. 공식문서에선 중간에 join함수가 들어가 있어서 어렵게 생각하다가 이해를 못했습니다. void main() { List numbers = ['one', 'two', 'three', 'four']; numbers.removeWhere((item) { return item.length == 4; }); print(numbers); } one two three four [one, two, three] numbers 리스트에서 길이가 4인 값을 찾은 후 해당 값을 지운 후 리턴을 해주는 함수입니다. item.length 부분이 3이라면 ..

Building with plugins requires symlink support. Please enable Developer Mode in your system settings. Run start ms-settings:developers to open settings.Building with plugins requires symlink support. Please enable Developer Mode in your system settings. Run start ms-settings:developers to open settings. 위 에러가 나오면서 플러그인이 설치되지 않는 문제. 잘 읽어보면 특정 플러그인은 윈도우 개발자 모드를 켜주어야 한다. 윈도우 검색창에 개발자모드 검색후 이 부분을 켜주..

react native로 간단한 앱 구현을 하면서 공부하던중 패키지 네임이 중복되어 파이어베이스에 등록이 되지 않았다. (패키지 네임을 변경하는건 생각보다 쉬우나 한번에 잘 생각해서 정하는 걸 추천) 변경 후 앱을 실행했는데 위 사진과 같이 에러가 생겼다. app.json파일을 열어보자 { "name": "my_first_project", "displayName": "my_first_project" } packagename은 simpletodo로 바꾸었는데 app.json은 변경하지 않아서 생긴 에러 app.json내에 name도 맞춰주니 해결되었다. 참고링크 https://stackoverflow.com/questions/62649381/invariant-violation-main-has-not-bee..

Get.toNamed('/detail/:id') // '/detail/1' Get.parameter['id'] // id == 1 Get.toNamed('/detail/?id=123&name=jiun') Get.parameter['id'] // id == 123 Get.parameter['name'] // name == jiun api통신을 할 때 query parameter로 데이터를 넘기거나 body에 넣어서 넘기는 경우가 있는데 query parameter로 넘길 경우에는 위의 형태로 넘길텐데 페이지 라우팅을 할 때 위처럼 GetX를 활용하면 조금 더 통일성 있고 깔끔한 코드를 만들 수 있을것 같다는 생각이 든다. 다음번에 해당 부분을 자세히 공부해서 포스팅을 수정할 예정.

여러장의 사진을 카카오톡 처럼 캐러셀로 만든 후 한번에 다운받거나 현재 페이지의 사진만 저장할 수 있는 기능을 만들어 보도록 합시다. 필요한 패키지 더보기 https://pub.dev/packages/http http | Dart Package A composable, multi-platform, Future-based API for HTTP requests. pub.dev https://pub.dev/packages/permission_handler permission_handler | Flutter Package Permission plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and che..

사내에서 사용할 패키지를 만들던 도중 패키지 내에 패키지를 사용하다가 생긴 문제입니다. 번역하면 게시 가능한 패키지는 경로 종속성을 가질 수 없습니다. 'publish_to: none' 항목을 추가하여 패키지를 게시할 수 없도록 표시하거나 경로 종속성을 제거하십시오. 인데 description: A new Flutter package project. version: 0.0.1 homepage: publish_to: none 이런식으로 publish_to: none을 추가해 주시면 경고가 사라집니다. 패키지 내부엔 로컬 경로로 패키지를 사용하는걸 자제해야겠네요.

createState 위젯을 생성 initState 최초 생성 때 한번만 실행 초기화 할 땐 이곳에서 추천 context가 없음 didChangeDependencies 최초 생성 때 한번 context에 접근이 가능 ex) provider, device해상도 Widget build 상태변화가 있을 때 호출 부모 위젯에서 업데이트 됐을 때 didChangeDependencies메서드 후 호출 됌 앱의 퍼포먼스가 떨어질 수 있기 때문에 주의 setState (@override) 상태가 바뀔 때 마다 호출. 앱 위젯이 마운트 됐을 때만 호출이 가능 if (mounted) ⇒ 로 체크 가능 안전성 증가 if (mounted) super.setState(fn); didUpdateWidget oldWidget(이전..

Automatically assigning platform `iOS` with version `9.0` on target `Runner` because no platform was specified. Please specify a platform for this target in your Podfile. In Podfile: firebase_core (from `.symlinks/plugins/firebase_core/ios`) was resolved to 1.4.0, which depends on Firebase/CoreOnly (= 8.3.0) 아래 명령어로 podfile을 업데이트 해서 파이어베이스 sdk버전을 맞춰준다. pod install --repo-update