flutter 앱에 webView 추가 방법

안드로이드 스튜디오를 이용하여 flutter 에서 webview 추가하는 방법을 알아보겠습니다. pubspec.yml webview_flutter 추가 dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. cupertino_icons: ^1.0.2 webview_flutter: ^4.0.2// 추가 android > app > build.gradle 수정 defaultConfig { // TODO: Specify your own unique Application ID (htt..

• format_list_bulleted 프로그래밍/flutter
• · 2023. 2. 16.
• textsms

Flutter 이용하여 TCP socket 연결 샘플 코드

fultter 이용하여 TCP socket 접속을 해보겠습니다. 본 블로그에서 만들려는 flutter는 클라이언트 socket 입니다. 안드로이드와 IOS 에 적용가능하도록 개발합니다. socket 서버 샘플은 아래 주소를 확인하세요. https://trytoso.tistory.com/1643 flutter 프로젝트를 생성 main.dart import 'package:flutter/material.dart'; import 'views/view_test.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widge..

• format_list_bulleted 프로그래밍/flutter
• · 2023. 2. 16.
• textsms

php 로 만드는 socket Server 와 socket Client

socket 연결을 위한 소켓 서버 + 소켓 클라이언트를 php 로 간단히 만들어 보도록 하겠습니다. 1. socket Server (25003 포트를 사용한다.)

• format_list_bulleted 프로그래밍/Php
• · 2023. 2. 16.
• textsms

php 디자인 패턴의 템플릿 메소드 패턴 크롤링 puppeteer 이용한 예제

디자인 패턴의 템플릿 메소드 패턴에 대해 알아보려고 합니다. 크롤링을 주로 작업하면서 한개의 크롤러를 만들어 사용하다 여러가지 문제로 인해 여러개의 크롤러를 사용하기로 합니다. 이전까지는 curl 만 이용했지만 아래와 같이 curl 이외의 크롤러를 사용하기 위해 템플릿 메소드를 사용하기로 합니다. curl casperjs puppeteer 등등 다이어그램은 아래와 같습니다. ParseCurl 객체 ParsePuppeteer 객체 또는 다른 크롤러 추가시 OCP 를 만족하도록 추가만 해주면 됩니다. 다이어그램은 봤으니 프로그램을 살펴보도록 하겠습니다. 먼저 호스트 코드를 먼저 살펴보도록 하겠습니다. example.php

• format_list_bulleted 프로그래밍/Php
• · 2023. 2. 2.
• textsms

vue3 에 tradingview 차트 연동 (소스추가)

출력결과 vue3 와 트레이딩뷰 차트 기본적인 설치는 아래 포스트 참고 하세요 https://trytoso.tistory.com/1627 트레이딩뷰챠트(tradingview) + vue3 기본차트 띄우기 vue3 를 사용하여 기본적인 트레이딩뷰챠트(lightweight-charts) 를 띄우려고 한다. KB star 에서 사용하던 vue3 프로젝트를 기본으로 한다. 트레이딩뷰챠트를 사용하기 위해 가장 먼저 해야 할 일은 lightwe trytoso.tistory.com 프로젝트 구조 main.js import { createApp } from 'vue' import './style.css' import App from './AppChart.vue' import store from './store' imp..

• format_list_bulleted 프로그래밍/Js
• · 2023. 1. 19.
• textsms

vue3 Composition API 에서 JS plugin 추가 하기

option API 사용이 아닌 Composition API 에서 공통인 common.js 추가하고 싶을때 사용합니다. Composition API 는 사용합니다. option API 는 this.$common 사용하는 반면 Composition API 는 inject 를 사용합니다. js/common.js 사용할 컴포넌트에서 inject 에서 사용할 이름을 지정해줍니다. app.provide('common',common) export default { install:(app) => { const common = { cc(str) { console.log('>>>>>common.js111 >>>>' + str); }, dd(str) { console.log('>>>>>common.js222 >>>>' +..

• format_list_bulleted 프로그래밍/Js
• · 2023. 1. 17.
• textsms