ruriruriya

안드로이드 기기가 옛날 버전이라 최신 안드로이드 스튜디오에서 빌드/실행이 힘든 상황이 왔다....그러다가 버전을 낮춰서 다운로드 받아야 한다는데 구버전을 다운로드 받으려니 찾질 못했다..근데 문제는 한국어 버전으로 들어가면 구 버전을 받을 수 없는 것이었다..해결방법은 간단했다. 다운로드 받는 페이지에서  언어를 영어로 바꾸는 것...! 1. 안드로이드 스튜디오 다운로드 자료실 접속https://developer.android.com/studio/archive Android 스튜디오 다운로드 자료실  |  Android Studio  |  Android Developers이 페이지에는 Android 스튜디오 출시 관련 다운로드 자료실이 포함되어 있습니다.developer.android.com그러면 아래와..

Vite는 빠르고 가벼운 프론트엔드 빌드 도구로, 기존의 create-react-app보다 훨씬 빠르게 React 프로젝트를 설정할 수 있다. 1️⃣ Vite로 React 프로젝트 생성하기📌Vite 설치 및 프로젝트 생성Vite를 사용하려면 아래 명령어를 실행- my-project 는 프로젝트 폴더명이다. 원하는 이름으로 변경npm create vite@latest my-project --template react 설치가 완료되면 아래 명령어로 프로젝트 폴더로 이동한다.cd my-project 📌 의존성 설치설치가 끝나면 Vite 개발 서버를 실행할 준비가 완료된다.npm install 2️⃣ 개발 서버 실행하기Vite의 가장 큰 장점 중 하나는 빠른 개발 서버 실행 속도이다.(추천 이유)npm ru..

React를 사용하다 보면 DOM(Document Object Model)이라는 개념이 자주 등장한다.React는 일반 DOM과 다르게 가상 DOM(Virtual DOM)을 사용한다.그렇다면 일반 DOM과 가상 DOM의 차이점, 그리고 React에서 DOM이 어떻게 동작하는지 정리해보자. 1️⃣ DOM이란? ✅ DOM (문서 객체 모델, Document Object Model)HTML 문서를 브라우저가 이해할 수 있도록 객체 트리 구조로 변환한 것이다.즉, 웹페이지의 구조를 나타내는 프로그래밍 인터페이스라고 할 수 있다.📌 DOM의 예시HTML이 다음과 같다고 가정하자. 안녕, React! 클릭➡️ 브라우저는 이 HTML을 DOM 트리 구조로 변환한다.Document ├── ├── ..

React에서 **객체(Object)**는 상태(state)나 props를 관리할 때 자주 사용된다. 객체는 여러 개의 속성을 포함할 수 있으며, 불변성을 유지하는 것이 중요하다. React에서 객체를 다룰 때 주의해야 할 점과 올바른 사용법을 정리해본다.1️⃣ 객체(Object)란?객체는 여러 개의 값을 하나의 구조로 묶어 관리할 수 있는 자료형이다. JavaScript에서는 {}(중괄호)를 사용하여 객체를 생성할 수 있다.const user = { name: "철수", age: 25, isAdmin: false};user라는 객체를 생성하고, name, age, isAdmin이라는 속성을 가진다.속성 값은 문자열, 숫자, 불리언 등 다양한 데이터 타입이 될 수 있다. 2️⃣ React에서 객체를..

Provider는 Flutter에서 공식적으로 추천하는 Flutter 상태 관리 라이브러리 중 가장 많이 사용되는 패키지이다. 1. Provider란?Provider는 Flutter의 InheritedWidget을 간편하게 사용하도록 돕는 패키지로 여러 위젯에서 데이터를 공유하고, 상태 변경을 감지하여 UI를 자동으로 업데이트할 수 있다.✔ Provider를 사용하면 좋은 점리소스 할당 및 해제 관리가 간딘해짐→ 불필요한 리소스 사용을 줄이고 메모리 누수를 방지할 수 있음.Lazy-loading 지원→ 필요할 때까지 객체를 생성하지 않아서 성능 최적화가 가능함.보일러플레이트 코드 감소→ 새 클래스를 작성할 때마다 반복되는 코드가 줄어듦.Flutter DevTools와 호환→ DevTools에서 앱 상태를..

Flutter에서 상태 관리는 UI가 변화하는 데이터를 효과적으로 유지하고 반영하는 방법이다. 상태 관리가 중요한 이유는 Flutter의 선언적 UI 방식 때문이다. 즉, UI는 상태(state)에 따라 변경되므로 이를 어떻게 다루느냐에 따라 앱의 구조와 유지보수성이 달라진다.여기서는 Flutter의 기본 상태 관리 방법에 대해 설명한다. 서드파티 라이브러리(Provider, Riverpod 등)를 사용하지 않고 Flutter에서 제공하는 방법만 다룬다.1. 상태(State)란?Flutter에서 상태란 앱의 UI를 결정하는 데이터이다. 상태는 크게 두 가지로 나뉜다:Ephemeral state (단기 상태): 특정 위젯 내에서만 관리되는 상태 (예: TextField 입력값, 버튼 클릭 여부 등)App ..

1. Flutter에서 레이아웃이란?Flutter는 UI를 구성하는 위젯(toolkit)이며, 대부분의 작업은 위젯을 이용하여 레이아웃을 만드는 데 집중된다. 모든 요소(텍스트, 이미지, 아이콘, 버튼 등)는 위젯이며, 보이지 않는 요소인 행(Row), 열(Column), 그리드(Grid) 등도 위젯이다.위젯을 조합하여 더 복잡한 UI를 만들 수 있으며, 이러한 방식으로 모든 Flutter 레이아웃이 구성된다. 2. 레이아웃의 핵심 개념2.1. ConstraintsFlutter에서 레이아웃은 부모-자식 관계로 이루어지며, 부모 위젯은 자식 위젯에게 Constaraints를 전달한다.Constaraints은 최소 및 최대 너비, 최소 및 최대 높이를 포함하는 4개의 값으로 구성된다.자식 위젯은 해당 Con..

플러터에서 Scaffold 위젯은 앱의 화면 레이아웃을 구성하는 기본적인 틀을 제공한다.모든 플러터 앱의 화면은 보통 Scaffold 위젯으로 시작된다.Scaffold는 AppBar, body, FloatingActionButton 등을 포함한플러터의 Material Design 가이드라인에 따라 기본 UI 구조를 제공한다.Scaffold를 사용하면, 기본 레이아웃을 빠르게 설계할 수 있고, Material Design 스타일 가이드가 기본 스타일에 적용되어 있기 때문에 깔끔하게 적용된다. 그리고, body 영역에 원하는 모든 위젯을 배치하여 복잡한 레이아웃 설계도 가능하다.Scaffold 주요 속성1. appBar화면 상단에 나타나는 AppBar 영역.제목, 버튼, 메뉴 등을 포함할 수 있다.Scaff..