전체 글
-
window Object 확장하기(React - TypeScript)WEB/TypeScript 2022. 4. 17. 02:06
TypeScript를 적용한 이후 window를 확장하여 사용하고 싶은 경우 window.Sample() 위와 같이 작성을 하게 되면 타입 오류가 발생한다. 해당 오류를 처리하기 위해서는 react-app-env.d.ts 파일에 interface Window { Sample() : any; } 코드를 작성하면 사용이 가능하다. window 외에도 String 등 다른 곳에서 사용하고 싶을 때 사용할 수 있다.
-
WebApp 만들기(ReactJS - Flutter) - flutter_inappwebview 사용Mobile/Flutter 2022. 4. 17. 01:55
WebApp을 만들기 위해서 아래 명령어를 터미널에 입력하여 준다. flutter pub add flutter_inappwebview flutter_inappwebview를 추가하였다면 WebApp을 사용할 수 있다. 코드 예시는 네이버를 이용하였다. class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( body: InAppWebView( initialUrlRequest: URLRequest(url: Uri.parse("https://m.naver.com/")), ), ); } } 위 코드를 작성한다면 네이버의 화면을 WebView로 나타나게 할 수 있다. 웹에서 앱으로 변수..
-
WebApp 만들기(ReactJS - Flutter) - webview_flutter 사용Mobile/Flutter 2022. 4. 16. 23:58
Flutter를 이용한 WebApp을 만드는 방법을 작성한다. 웹앱을 만들기 위해서는 webview_flutter 패키지가 필요하다. flutter pub add webview_flutter 위 명령어를 터미널에 입력해 준다. 이제 코드를 작성하면 된다. 예시로는 네이버를 이용하였다. class _MyHomePageState extends State { @override Widget build(BuildContext context) { return const Scaffold( body: WebView( initialUrl: "https://m.naver.com/", ), ); } } 위처럼 만든다면 아래 이미지처럼 앱에 웹 화면은 나타나게 할 수 있다. 웹에서 특정한 변수를 앱으로 넘기기 위해서는 jav..