1. Cursor 설정으로 이동Cursor 앱을 열고 상단 메뉴에서 Cursor 클릭기본 설정 → Cursor Settings → Features 메뉴로 이동2. 코드베이스 인덱싱 설정하기Codebase Indexing 섹션을 찾기Hide Settings를 클릭해서 추가 설정 표시Configure ignored files 클릭3. .cursorignore 파일 생성 및 편집Configure ignored files를 클릭하면 .cursorignore 파일이 프로젝트 폴더 내에 생성됨.cursorignore 파일을 열고 제외할 파일 및 폴더를 추가 README.mdfirebase_options.dartfirebase.json.gitignore.cursorignore.idea.vscode.DS_Store.e..

살다 보면 작은 팁 하나로 시간이 절약되거나 불편함을 덜 수 있는 순간들이 있다.일상생활에서 알아두면 유용한 꿀팁들을 모아봤다.1. 핸드폰 배터리 오래 쓰는 법스마트폰 배터리가 너무 빨리 닳는다면, 다음 설정을 체크해보자.화면 밝기를 자동 조절로 변경위치 서비스(특히 백그라운드에서 실행되는 앱) 최소화필요 없는 알림 끄기다크모드 활성화 (OLED 화면에서는 특히 효과적)이렇게만 해도 배터리 사용 시간이 확연히 늘어난다.2. 구글 검색을 더 스마트하게 하는 방법구글을 잘 활용하면 원하는 정보를 훨씬 빠르게 찾을 수 있다."검색어 site:사이트주소" → 특정 사이트 내에서 검색예: 난 개발자라 .. Flutter site:pub.dev (Flutter 관련 라이브러리만 검색)"-검색어" → 특정 단어 제외..

Flutter는 강력하고 유연한 애니메이션 기능을 제공하여, 개발자가 매력적이고 직관적인 사용자 경험을 만들 수 있도록 돕습니다. 애니메이션은 앱의 인터페이스를 보다 자연스럽고 역동적으로 만들기 때문에, 효과적으로 활용하면 더욱 멋진 애플리케이션을 개발할 수 있습니다.이번 글에서는 Flutter에서 제공하는 암시적 애니메이션(Implicit Animations) 과 명시적 애니메이션(Explicit Animations) 의 차이점과 활용 방법을 소개하겠습니다. -> 나름 공부하면서 적은거라 미흡한 부분이 있습니다 Flutter 애니메이션의 종류Flutter의 애니메이션은 크게 암시적 애니메이션(Implicit Animation) 과 명시적 애니메이션(Explicit Animation) 으로 나눌 수 있습..

Flutter에서 상태 관리는 항상 고민되는 부분입니다. 여러 가지 방법이 있지만, 규모가 커질수록 명확한 구조가 필요한데, 그중 하나가 BLoC(Business Logic Component) 패턴입니다. 이번 글에서는 BLoC 패턴이 무엇인지, 왜 사용하는지, 그리고 실제 코드 예제를 통해 적용하는 방법을 정리해보겠습니다.BLoC 패턴이란?BLoC 패턴은 비즈니스 로직과 UI를 분리하는 아키텍처 패턴입니다. 즉, UI와 상태 관리 로직을 독립적으로 유지하여 유지보수성과 테스트 가능성을 높이는 방식입니다.BLoC 패턴을 사용하는 이유UI와 로직 분리 → UI 코드와 비즈니스 로직을 명확히 구분하여 가독성을 높입니다.일관된 상태 관리 → 이벤트와 상태를 사용해 관리할 수 있어 예측 가능한 코드 작성이 가능..

React에서 상태를 다룰 때, 단순한 숫자나 문자열이 아니라 객체(object)나 배열(array) 을 다루는 경우가 많다. 하지만 상태 업데이트를 할 때 직접 수정하면 예상과 다르게 동작할 수 있다.이번 글에서는 React 공식 문서의 "Updating Objects in State" 및 "Updating Arrays in State" 내용을 기반으로, 객체와 배열 상태를 안전하게 업데이트하는 방법을 정리해본다. -> https://ko.react.dev/learn/managing-state객체 상태를 직접 수정하면 안 되는 이유React의 상태는 불변성(immutability) 을 유지해야 한다. 만약 기존 상태 객체를 직접 수정하면, React가 변경을 감지하지 못해 UI가 업데이트되지 않을 수 ..

React를 사용하다 보면 상태(state) 라는 개념을 자주 접하게 된다. 상태는 UI의 특정 시점(snapshot)의 데이터를 의미하며, 이를 기반으로 컴포넌트가 렌더링된다. 하지만 상태가 어떻게 작동하는지 정확히 이해하지 못하면, 의도한 대로 동작하지 않거나 예상치 못한 버그가 발생할 수도 있다.이번 글에서는 React 공식 문서에서 설명하는 'State as a Snapshot' 개념을 중심으로, 상태가 어떻게 동작하는지 알아보고자 한다.상태(State)는 스냅샷이다React에서 상태는 '시간에 따른 변화'를 표현하지만, 사실 개별적인 스냅샷(snapshot) 으로 동작한다. 즉, 한 번의 렌더링에서 특정 상태 값을 가지면, 그 렌더링 동안은 해당 값이 고정 된다.예제 코드import { useS..

Flutter와 Dart는 개발자 생산성 향상과 더 나은 사용자 경험을 위해 꾸준히 진화하고 있습니다. 이번 Flutter 3.29와 Dart 3.7 업데이트에서는 특히 렌더링 엔진, 플랫폼 인터롭, 웹 성능, DevTools 개선 등 여러 핵심 기능들이 대폭 강화되었습니다. 아래에서 주요 변경 사항을 살펴보겠습니다.1. 엔진 및 렌더링 개선iOS – Impeller가 기본 렌더러로 전환Skia 완전 제거: 이제 iOS에서는 Skia 대신 Impeller가 유일한 렌더러로 사용됩니다.바이너리 크기 감소 및 성능 최적화: 불필요한 코드가 제거되어 앱의 크기가 줄고, 렌더링 효율이 크게 향상되었습니다.새로운 렌더링 기능: BackdropFilter 최적화와 ImageFilter.shader 생성자 등을 통해..

PopupMenuButton (팝업 메뉴 버튼)Flutter에서 제공하는 드롭다운 형태의 팝업 메뉴 위젯으로, 특정 아이콘이나 버튼을 클릭하면 여러 선택지를 포함한 메뉴가 나타납니다.Transform.translate( offset: const Offset(6, 0), child: PopupMenuButton( /// 팝업 메뉴의 테두리와 round 처리 shape: RoundedRectangleBorder( ..

요즘 인공지능(AI)이라는 단어를 모르는 사람을 찾기가 어렵다. 챗GPT 같은 대화형 AI부터 자율주행, 이미지 생성 AI까지 다양한 분야에서 활용되고 있다. 하지만 AI가 정말 우리 삶을 바꿀 만큼 발전했을까? 그리고 우리는 AI를 어떻게 받아들여야 할까?AI의 발전 속도불과 몇 년 전만 해도 AI는 전문가들의 연구 주제에 불과했다. 하지만 이제는 누구나 손쉽게 AI를 활용할 수 있는 시대가 되었다. 예를 들어, 텍스트 기반 AI는 사람과 거의 비슷한 수준의 글을 작성하고, 이미지 생성 AI는 창작의 영역을 확장하고 있다. 실제로 많은 기업이 AI를 도입하여 업무 생산성을 높이고 있으며, AI는 점점 더 인간의 보조자가 되어 가고 있다.AI와 윤리적 문제하지만 AI의 발전이 마냥 긍정적인 것만은 아니다..

Flutter는 뛰어난 성능과 부드러운 애니메이션을 제공하는 UI 프레임워크입니다. 이러한 성능을 유지하기 위해 내부적으로 렌더링 파이프라인을 활용하는데, 이 과정은 크게 Build → Layout → Paint 단계로 나뉩니다.이번 글에서는 그중에서도 첫 번째 과정인 Build 단계에 대해 자세히 알아보겠습니다. 이 단계에서는 화면을 구성하는 위젯 트리(Widget Tree) 를 생성하며, 상태 변화가 발생할 때마다 빌드가 다시 실행됩니다.1. Flutter의 렌더링 파이프라인Flutter에서 UI가 화면에 표시되는 과정은 다음 세 단계로 진행됩니다.Build 단계: 위젯 트리를 생성하고 업데이트하는 단계입니다.Layout 단계: 위젯의 크기와 위치를 계산하는 과정입니다.Paint 단계: 실제 화면에 ..