Ko_Gun | Dev

[Python] 01장 파이썬 시작하기

Tue, 15 Jul 2025 16:53:52 GMT

⚠️ 주의: 이 글은 자바를 공부하면서 개인적으로 정리한 글입니다.
친절한 설명보다는 개념 정리 중심이니 참고용으로만 활용해주세요.

01. 파이썬이란?

Python 설치하기

파이썬 설치하는 내용은 따로 다루지 않겠습니다. 해당 사이트를 참고해주시면 좋을 것 같습니다. https://www.python.org/downloads/

파이썬으로 작성된 코드를 실행해 주는 프로그램을 인터프리터(Interpreter)¹라고 한다.

¹💬 TMI : 인터프리터(Interpreter)란?

[Java] 01. 자바란 무엇인가?

Tue, 15 Jul 2025 03:38:08 GMT

⚠️ 주의: 이 글은 자바를 공부하면서 개인적으로 정리한 글입니다.
친절한 설명보다는 개념 정리 중심이니 참고용으로만 활용해주세요.

01. 자바란?

자바(Java)는 썬 마이크로시스템즈(Sun Microsystems)의 제임스 고슬링(James Gosling)과 연구원들이 개발한 객체 지향 프로그래밍¹ 언어로, 1995년에 발표되었다.

처음에는 가전제품에 탑재되는 프로그램을 만들기 위한 목적이었으나, 현재는 웹 애플리케이션, 모바일 앱, 서버 백엔드 개발 등 다양한 영역에서 가장 널리 사용되는 프로그래밍 언어 중 하나이다.

¹💡 TMI : 객체지향 프로그래밍이란?

Flutter에서 네이티브 모듈 연동(Kotlin)

Wed, 05 Feb 2025 04:49:29 GMT

Flutter는 플랫폼별 네이티브 코드를 연동할 수 있는 기능을 제공합니다. Android에서는 Kotlin을 사용하여 네이티브 기능을 구현하고, Flutter의 Dart 코드에서 이를 호출할 수 있습니다. 본 가이드에서는 Flutter에서 Kotlin을 활용하여 네이티브 모듈을 연동하는 방법을 자세히 설명합니다.

1. 프로젝트 설정

1.1. Flutter 프로젝트 생성

Flutter 프로젝트가 없다면 아래 명령어로 새 프로젝트를 생성합니다.

flutter create my_flutter_app
cd my_flutter_app

1.2. Android 네이티브 코드 사용 준비

Flutter 프로젝트를 생성하면 android/ 폴더에 네이티브 Android 코드가 포함되어 있습니다. Kotlin을 사용할 수 있도록 android/app/build.gradle 파일을 수정합니다.

`android/build.gradle` 수정

ext.kotlin_version = '1.6.10' // 최신 버전에 맞게 변경
classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"

`android/app/build.gradle` 수정

apply plugin: 'kotlin-android'
apply plugin: 'kotlin-kapt'

2. 네이티브 모듈 생성

Flutter와 Kotlin 간 통신을 위해 MethodChannel을 사용합니다.

2.1. 네이티브 코드 구현 (Kotlin)

android/app/src/main/kotlin/com/example/my_flutter_app/MainActivity.kt 파일을 수정합니다.

package com.example.my_flutter_app

import android.os.Bundle
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.plugin.common.MethodCall
import io.flutter.plugin.common.MethodChannel

class MainActivity: FlutterActivity() {
    private val CHANNEL = "com.example.flutter/native"

    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler {
            call, result ->
            when (call.method) {
                "getNativeMessage" -> {
                    val message = getNativeMessage()
                    result.success(message)
                }
                else -> {
                    result.notImplemented()
                }
            }
        }
    }

    private fun getNativeMessage(): String {
        return "Hello from Kotlin!"
    }
}

2.2. Flutter에서 네이티브 코드 호출

Flutter의 Dart 코드에서 MethodChannel을 사용하여 네이티브 Kotlin 코드를 호출할 수 있습니다.

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class NativeModuleScreen extends StatefulWidget {
  @override
  _NativeModuleScreenState createState() => _NativeModuleScreenState();
}

class _NativeModuleScreenState extends State {
  static const platform = MethodChannel("com.example.flutter/native");
  String _nativeMessage = "";

  Future getNativeMessage() async {
    try {
      final String result = await platform.invokeMethod("getNativeMessage");
      setState(() {
        _nativeMessage = result;
      });
    } catch (e) {
      setState(() {
        _nativeMessage = "Failed to get message";
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Flutter ↔ Kotlin")),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(_nativeMessage),
            ElevatedButton(
              onPressed: getNativeMessage,
              child: Text("Get Message from Kotlin"),
            )
          ],
        ),
      ),
    );
  }
}

3. 실행 및 테스트

Flutter 앱을 실행하여 Kotlin 코드와의 연동이 정상적으로 이루어지는지 확인합니다.

flutter run

버튼을 클릭하면 Kotlin에서 전달된 메시지가 화면에 표시됩니다.

# ## 4. 정리 - `MethodChannel`을 사용하여 Flutter와 Kotlin 간 네이티브 기능을 호출할 수 있습니다. - Kotlin에서 `setMethodCallHandler`를 등록하여 특정 메서드를 실행하고 결과를 반환합니다. - Dart에서 `invokeMethod`를 사용하여 Kotlin 메서드를 호출하고 결과를 받습니다.

이제 Flutter 프로젝트에서 Kotlin을 활용한 네이티브 모듈 연동이 가능합니다! 🚀

Flutter에서 Kakao Map API 사용법

Wed, 05 Feb 2025 04:42:48 GMT

1. 개요

Flutter에서 Kakao Map API를 활용하여 지도 기능을 구현하는 방법을 소개합니다. Kakao Map API는 다양한 지도 기능과 POI(장소) 검색, 경로 안내 등의 기능을 제공합니다.

2. Kakao Map API 키 발급

Kakao Developers에 접속하여 로그인합니다.
애플리케이션을 등록한 후 네이티브 앱 키와 JavaScript 키를 발급받습니다.
플랫폼 설정에서 Android와 iOS를 추가하고, 패키지명을 입력합니다.

3. Flutter 프로젝트 설정

3.1. 플러그인 추가

Flutter에서 Kakao Map을 사용하려면 flutter_inappwebview 또는 WebView 패키지를 이용해야 합니다. pubspec.yaml 파일에 다음 의존성을 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  flutter_inappwebview: ^5.7.2

3.2. Android 설정

android/app/src/main/AndroidManifest.xml 파일을 열고, 인터넷 권한을 추가합니다.

Kakao SDK 초기화를 위해 AndroidManifest.xml에 다음 내용을 추가합니다.

3.3. iOS 설정

ios/Runner/Info.plist 파일을 열고, WebView 관련 설정을 추가합니다.

NSAppTransportSecurity

    NSAllowsArbitraryLoads

4. Kakao Map WebView로 띄우기

Kakao Map API는 기본적으로 웹 기반이므로 WebView를 활용하여 지도를 표시할 수 있습니다.

4.1. WebView를 이용한 지도 표시

Flutter에서 WebView를 이용하여 Kakao Map을 표시하는 예제 코드입니다.

import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';

class KakaoMapScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Kakao Map")),
      body: InAppWebView(
        initialUrlRequest: URLRequest(
          url: Uri.parse("https://map.kakao.com"),
        ),
      ),
    );
  }
}

5. JavaScript를 활용한 지도 제어

Kakao Map API를 활용하여 Flutter 내에서 JavaScript를 실행할 수도 있습니다. 예를 들어, 특정 위치에 마커를 추가하는 방법은 다음과 같습니다.

6. 결론

Flutter에서 Kakao Map API를 사용하여 지도를 표시하고 제어하는 방법을 알아보았습니다. WebView와 JavaScript를 활용하면 다양한 지도 기능을 구현할 수 있습니다. 추후 Flutter 플러그인으로 개발된 Kakao Map 패키지가 나오면 보다 손쉽게 사용할 수 있을 것입니다.

Flutter 입문 가이드

Wed, 05 Feb 2025 04:34:14 GMT

1. Flutter란?

Flutter는 Google에서 개발한 오픈 소스 UI 프레임워크로, 하나의 코드베이스로 iOS와 Android뿐만 아니라 웹, 데스크톱까지 지원하는 크로스 플랫폼 개발 도구입니다. Dart 언어를 기반으로 하며, 빠른 개발 속도와 우수한 성능을 제공합니다.

2. Flutter의 특징

크로스 플랫폼 개발: 하나의 코드로 여러 플랫폼에서 실행 가능
Hot Reload: 코드 수정 후 즉시 반영되어 빠른 개발 가능
우수한 성능: 네이티브 성능에 가까운 UI/UX 제공
풍부한 위젯: Material Design, Cupertino 스타일 제공
강력한 커뮤니티 지원

3. Flutter 개발 환경 설정

3.1. Flutter SDK 설치

Flutter 공식 사이트(https://flutter.dev)에서 OS에 맞는 SDK를 다운로드 후 설치합니다.

3.2. 환경 변수 설정 (Windows 기준)

flutter/bin 경로를 시스템 환경 변수 Path에 추가합니다.
터미널에서 flutter doctor 명령어를 실행하여 환경 설정을 확인합니다.

3.3. Android Studio 및 Emulator 설정

Android Studio 설치 후 Flutter 플러그인 및 Dart 플러그인을 추가합니다.
Android Emulator 또는 실기기를 연결하여 실행할 수 있도록 설정합니다.

4. 첫 번째 Flutter 프로젝트 생성

터미널에서 다음 명령어를 실행하여 새로운 Flutter 프로젝트를 생성합니다.

flutter create my_first_app
cd my_first_app
flutter run

이제 기본 Flutter 앱이 실행됩니다.

5. Flutter의 기본 구조

Flutter 프로젝트는 다음과 같은 구조를 가집니다.

my_first_app/
 ├── lib/            # Dart 코드 (앱의 메인 로직)
 │   ├── main.dart   # 앱의 진입점
 ├── android/        # 안드로이드 네이티브 코드
 ├── ios/            # iOS 네이티브 코드
 ├── pubspec.yaml    # 패키지 및 의존성 관리 파일

6. Flutter의 기본 코드 이해하기

6.1. main.dart 분석

Flutter 앱의 진입점은 main.dart 파일입니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Hello Flutter')),
        body: Center(child: Text('Welcome to Flutter!')),
      ),
    );
  }
}

runApp(MyApp()): 앱 실행
MaterialApp: 기본적인 앱 설정을 제공하는 위젯
Scaffold: 기본 레이아웃 구조 제공
AppBar: 상단 바
Center: 중앙 정렬
Text: 텍스트 표시

7. Flutter 기본 위젯

Flutter는 UI를 구성하는 다양한 위젯을 제공합니다.

7.1. 레이아웃 위젯

Column : 세로 정렬
Row : 가로 정렬
Container : 박스 형태의 위젯
SizedBox : 크기 지정

7.2. 입력 위젯

TextField : 텍스트 입력
ElevatedButton : 버튼

7.3. 상태 관리

StatefulWidget : 상태 변화가 필요한 위젯

class CounterApp extends StatefulWidget {
@override
_CounterAppState createState() => _CounterAppState();
}

class _CounterAppState extends State { int _counter = 0;

void _incrementCounter() { setState(() { _counter++; }); }

@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Counter App')), body: Center(child: Text('$_counter')), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, child: Icon(Icons.add), ), ); } }




## 8. 패키지 사용하기
Flutter에서는 `pub.dev`에서 다양한 패키지를 사용할 수 있습니다.
### 8.1. 패키지 추가 방법
1. `pubspec.yaml` 파일에 패키지를 추가합니다.
```yaml
dependencies:
  http: ^0.13.4

터미널에서 flutter pub get 명령어를 실행합니다.
코드에서 패키지를 가져와 사용합니다.
```
import 'package:http/http.dart' as http;
```

9. Flutter 디버깅 및 배포

9.1. 디버깅

flutter run : 기본 실행
flutter analyze : 코드 분석
flutter doctor : 환경 확인

9.2. 배포

Android: flutter build apk
iOS: flutter build ios

10. 마무리

이 가이드를 따라 하면 Flutter의 기본 개념을 익히고 간단한 앱을 만들 수 있습니다. 다음 단계로는 REST API 연동, Firebase 사용법, 상태 관리 방법(Riverpod, Provider 등)을 학습하면 더욱 강력한 앱을 개발할 수 있습니다.

Flutter로 멋진 앱을 만들어 보세요! 🚀