오늘은 flutter에서 어떠한 동작 이후에 다른 위젯에서 값을 처리하는 Callback 함수를 사용해 보겠다. flutter에 stateful 위젯에서는 위젯 파일이나 위젯만 벗어나도 해당 state에 접근하기 어려운데, 그것을 Callback으로 일정 부분 해결 가능하다. 사전 셋팅 먼저 Callback 함수를 사용하기 위해 다른 State에 있는 텍스트 두 개를 만들어준다. 우리는 UP을 클릭 시 다른 State에 있는 Count 값을 올려줘 보겠다. import 'package:flutter/material.dart'; class TestPage extends StatefulWidget { const TestPage({super.key}); @override State createState() =..
이전 글에서 MaterialPageRoute를 이용해 화면을 이동해 보았다. MaterialPageRoute으로도 화면 이동이 구현 가능하지만, 화면이 많아질수록 코드만 보고 어떤 화면인지 한눈에 보기 어렵고, 계속해서 MaterialPageRoute를 통해 화면을 이동하여 상태관리가 복잡해진다. 오늘은 이러한 화면 간 검색 및 이동을 URL 기반으로 편리하게 만들어주는 패키지, go_router 패키지를 사용해보겠다. 패키지 다운 먼저 패키지를 다운해 준다. flutter pub add go_router go_router | Flutter Package A declarative router for Flutter based on Navigation 2 supporting deep linking, data..
오늘은 flutter에서 페이지에서 페이지로 화면 이동을 이동해 보겠다. 페이지 이동 페이지 이동을 나타내기 위해 처음 화면과 이동할 화면을 만들어준다. 처음 화면 class _TestScreenState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('화면 이동'), ), body: Center( child: TextButton( child: const Text('Go to Page'), onPressed: () {}, ), ), ); } } 이동할 화면 class NewPage extends StatelessWidget { const NewPag..
오늘은 앱 안에서 화면이동 시 가장 많이 사용되는 bottom navigation bar를 만들어 보겠다. 시작하기 앞서 이 글에서 bottom navigation bar는 편하게 "bnb" 라고 하겠다. scffold에 있는 bnb 위젯을 통해 bnb를 생성할 수 있다. 또한 bnb 위젯은 BottomNavigationBarItem을 List로 받는다. items에 BottomNavigationBarItem을 아이콘과 함께 추가해줍니다. 이제 item을 클릭시 화면이 변하게 구현해 보겠습니다. 페이지에 순서를 나타내는 index를 만들고 initstate에서 0으로 지정해 줍니다. BottomNavigationBar에서 currentIndex를 index로 지정해주고 클릭이 될 때마다 클릭이된 새로운 ..
오늘은 flutter에서 디버그 배너를 없애는 방법을 알아보겠다. flutter에서 디버그를 실행하면 우측 상단에 디버그 배너가 보인다. 코드에 영향을 주는 것은 아니지만 보기 불편할 때가 있는데 이때 간단한 코드 작성으로 디버그 배너를 삭제 할 수 있다. 앱을 제작하면 처음에 MaterialApp을 사용하게 되는데 MaterialApp에 debugShowChckedModeBanner라는 속성이 있다. 이것을 false로 변경해주면된다. 결과화면
지도를 사용하다 보면 현재 위치 버튼이 필요한 경우가 있다. 오늘은 flutter에서 네이버지도 사용 시 현 위치 버튼을 만들고, 위치 동의를 받는 법도 알아 보겠다. 패키지 문서 확인 flutter에서 패키지 사용 시 어떤 설정을 만지고 싶다면, 가장 먼저 해야 할 것은 패키지를 만든 개발자 문서를 보는 것이다. 네이버지도를 사용하기 위해 flutter_naver_map 패키지를 사용했으니 아래의 공식 문서에서 찾아보겠다. flutter_naver_map docs | flutter_naver_map flutter_naver_map docs note11.dev 공식문서에 들어가 보면 섹션별로 아주 자세히 분류가 된 것을 확인할 수 있다. 우리는 현 위치 위젯을 만들고 싶은 거니 위젯 부분을 확인해 보겠다..
오늘은 프리미어프로에서 튀는 음을 잡는 방법을 알아보겠다. 영상을 찍다보면 본의 아니게 듣기 안좋은 튀는 음이 잡힐 때가 있다. 특히 철이 부딪히는 소리나 의자 끄는 소리등 사람들이 듣기 싫어하는 소리들을 없애는 방법에 대해 알아보겠다. 이 방법은 Adobe의 오디오 프로그램인 Audition이 있어야 합니다. 적용법 먼저 수정할 부분에 클립을 선택 후 우클릭을 한다. 그뒤 Adobe Audition에서 클립 편집을 클릭한다. 그럼 Audiation이 열리며 오디오 편집 화면이 나온다. 이후 좌측 상단에 스펙트럼 주파수 표시를 클릭한다. 그럼 이러한 특이한 화면이 표시되는데 오디오를 들어보며 비교해 보면 튀는 부분이 특이하게 표시된것을 확인 할 수 있다. (사진에 노란색으로 표시된 부분) 이후 좌측 상단..
오늘은 우리 회사와 아주 밀접한 관련이 있는 디지털 노마드 관련된 산업 현황을 알아봤다. 글로벌 디지털 노마드 기업 먼저 GPT에게 디지털 노마드를 대상으로 기업을 운영 중인 곳을 알려달라고 했다. GPT의 답 Remote Year (리모트 이어): Remote Year는 노마드 워커들을 위한 여행 프로그램을 제공하는 회사로, 참가자들에게 전 세계의 도시에서 일하고 여행할 기회를 제공합니다. Nomad List (노매드 리스트): Nomad List는 디지털 노마드들을 위한 정보를 제공하는 웹사이트로, 여행지 선정, 생활비 비교, 커뮤니티 등을 제공합니다. Upwork (업워크): 업워크는 원격으로 일할 수 있는 프리랜서와 클라이언트를 연결하는 플랫폼으로, 디지털 노마드들이 프로젝트를 찾고 수행할 수 있..
