반응형
반응형

웹어셈블리

 

WebAssembly는 최신 웹 브라우저에서 실행할 수 있는 새로운 유형의 코드입니다. 네이티브에 가까운 성능으로 동작하며 컴팩트한 바이너리 포맷을 제공하는 저수준 어셈블리 언어로, C/C++, Rust 등과 같은 언어의 컴파일 타겟으로써 그런 언어로 작성된 프로그램을 웹에서 사용할 수 있게 해줍니다. 또한 JavaScript와 함께 실행되며 서로를 보완할 수 있도록 설계되었습니다.

 

https://developer.mozilla.org/ko/docs/WebAssembly

 

웹어셈블리

WebAssembly는 최신 웹 브라우저에서 실행할 수 있는 새로운 유형의 코드입니다. 네이티브에 가까운 성능으로 동작하며 컴팩트한 바이너리 포맷을 제공하는 저수준 어셈블리 언어로, C/C++, Rust 등��

developer.mozilla.org

https://d2.naver.com/helloworld/8786166

반응형
반응형

TypeScript-Handbook 한글 문서,  TypeScript Handbook을 번역하는 프로젝트입니다.

 

https://typescript-kr.github.io/

 

TypeScript 한글 문서

TypeScript 한글 번역 문서입니다

typescript-kr.github.io

 

반응형
반응형

기능 

  • 간단한 클라이언트 사이드 라우팅
  • Hot Module Replacement를 지원하는 Webpack 기반 작업환경
  • Express 나 그 어떤 Node.js 서버와 함께 사용 가능
  • Babel / Webpack 환경설정 커스터마이징 가능 

https://nextjs.org/

 

Next.js by Vercel - The React Framework

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

nextjs.org

https://velopert.com/3293

 

[Next.js 2.0] 간단한 React 전용 서버사이드 프레임워크, 기초부터 본격적으로 파보기 | VELOPERT.LOG

Next.js, 작년부터 존재함을 인지해왔고, 뭔가 멋지다는것도 알고있었지만 그 동안 딱히 필요성을 못 느껴서 오랫동안, 아주 오랫동안 미뤄왔습니다. (이 포스트를 보시는 여러분들중 일부도 그러

velopert.com

Why Next.js

The world’s leading companies use and love Next.js

Zero Config

Automatic compilation and bundling. Optimized for production from the start.

Documentation →

Hybrid: SSG and SSR

Pre-render pages at build time (SSG) or request time (SSR) in a single project.

Documentation →

Incremental Static Generation

Add and update statically pre-rendered pages incrementally after build time.

Documentation →

TypeScript Support

Automatic TypeScript configuration and compilation.

Documentation →

Fast Refresh

Fast, reliable live-editing experience, as proven at Facebook scale.

Documentation →

File-system Routing

Every component in the pages directory becomes a route.

Documentation →

API Routes

Optionally create API endpoints to provide backend functionality.

Documentation →

Built-in CSS Support

Create component-level styles with CSS modules. Built-in Sass support.

Documentation →

Code-splitting and Bundling

Optimized bundle splitting algorithm created by the Google Chrome team.

Documentation →

 

 

 

반응형

'프로그래밍 > Script' 카테고리의 다른 글

[CSS] CSS Selector  (0) 2020.09.08
TypeScript-Handbook 한글 문서  (0) 2020.08.28
FileSaver.js - An HTML5 saveAs() FileSaver implementation.  (0) 2020.08.21
Using Google Charts  (0) 2020.08.19
Bootstrap 4.5  (0) 2020.08.18
반응형

zoom.us/   

 

화상 회의, 웹 회의, 웨비나, 화면 공유

Zoom은 모바일, 데스크톱 및 회의실 시스템에서 화상 및 오디오 회의, 채팅 및 웨비나를 위한 쉽고 안정적인 클라우드 플랫폼을 제공하는 최신 기업용 비디오 통신의 선두 주자입니다. Zoom Rooms는

zoom.us

화상회의

 

Android : https://play.google.com/store/apps/details?id=us.zoom.videomeetings

 

ZOOM Cloud Meetings - Google Play 앱

Stay connected wherever you go – start or join a secure meeting with flawless video and audio, instant screen sharing, and cross-platform instant messaging - for free! Zoom is #1 in customer satisfaction and the best unified communication experience on m

play.google.com

iOS : https://apps.apple.com/us/app/id546505307

 

‎ZOOM Cloud Meetings

‎Zoom is #1 in customer satisfaction and the best unified communication experience on mobile. It's super easy! Install the free Zoom app, click on "New Meeting," and invite up to 100 people to join you on video! Connect with anyone on iPad, iPhone, other

apps.apple.com

반응형
반응형

[APP] Flutter 관련 youtube 영상

 

#플러터 #하이브리드앱개발

Flutter 입문. 안드로이드와 iOS 개발을 한 번에

https://www.youtube.com/playlist?list=PLxTmPHxRH3VUueVvEnrP8qxHAP5x9XAPv

 

Flutter 입문. 안드로이드, iOS 개발을 한 번에

이후 과정은 오준석의 생존코딩, 인프런, 구름에서 제공됩니다.

www.youtube.com

리액트 네이티브 vs 플러터. 당신의 선택은?

https://www.youtube.com/watch?v=siow15Yn8r8

What is Flutter?

youtu.be/I9ceqw5Ny-4

 

Flutter Tutorial for Beginners - Build iOS and Android Apps with Google's Flutter & Dart

youtu.be/GLSG_Wh_YWc

What's new in Flutter 2019

youtu.be/5VbAwhBBHsg

Plant App - Flutter UI - Speed Code

youtu.be/LN668OAUrK4

 

반응형
반응형

https://flutter.dev/

 

Flutter - Beautiful native apps in record time

Flutter is Google's UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open sour

flutter.dev

 

[펌] https://medium.com/@keyhyuk.kim/flutter%EB%A1%9C-ios-android-%EC%95%B1-%EC%99%B8%EC%A3%BC%EA%B0%9C%EB%B0%9C%ED%95%98%EA%B8%B0-67bae199c9fe

 

Flutter로 IOS, Android 앱 외주개발하기

IOS, Android 앱 개발 외주를 Flutter로 진행하면서 느낀 부분들을 공유하려고 합니다. 특히 Mac이랑은 전혀 인연이 없는 윈도우 개발자가 Flutter로 IOS 개발 및 배포 과정을 정리해봤습니다.

medium.com

IOS, Android 앱 개발 외주를 Flutter로 진행하면서 느낀 부분들을 공유하려고 합니다. 

 

특히 Mac이랑은 전혀 인연이 없는 윈도우 개발자가 Flutter로 IOS 개발 및 배포를 어떤 방식으로 했는지도 정리해봤습니다. 

 

왜 Flutter를 선택했나요? 

크로스플랫폼 앱 개발 도구로 React native, Xamarin, Flutter 등의 선택지가 있습니다. 

 

Flutter, 충분히 성숙한 프레임워크인가요? 

개발 언어인 dart와 Flutter 프레임워크 자체는 충분히 성숙했다고 생각합니다. 

커뮤니티 측면에서 Stackoverflow에 등록된 react native 질문 수는 약 8만 (reactjs를 포함하면 30만 이상) , 

Flutter의 질문 수는 약 5만 건 정도로 3만 건의 차이가 납니다. 

 

Dart 언어, 배우기 어려운가요? 

언어 자체가 C#, JAVA와 매우 유사해서 배우기 쉽습니다. 

거기에 더해 Hot reload 지원, 퍼포먼스(애니메이션), 등 성능, 편의성 측면에서 좋은 부분들이 많이 있습니다. 

Dart에 대한 장점은 아래 링크에 잘 정리되어 있습니다. 

https://beomseok95.tistory.com/315

 

 

Flutter로 개발하면서 좋았던 부분 

Google이 공식 지원하는 프레임워크인 만큼 Google 에코시스템과 연동이 잘됩니다. 

특히 저는 Notification 기능 때문에 Firebase Cloud message를 꼭 사용해야 했는데, 문서화 및 샘플코드가 굉장히 잘 되어있고, 연동 과정이 굉장히 매끄러워서 구글 측에서 상당히 신경을 많이 썼다는게 느껴졌습니다. 

React native와 다르게 Javascript bridge가 없고, 

Skia rendering engine이 IOS, Android 위에서 UI를 그려주기 때문에 높은 성능을 기반으로 

플랫폼 간 완전하게 동일한 UI 개발이 가능합니다. 

또 Cupertino, material 두 UI 컴포넌트를 섞을 수도 있습니다. 

애니메이션, 화면 라우팅 등에서 느껴지는 체감 성능도 아주 좋았습니다. 

Flutter 게임 개발도 가능하다고 하니 일반 어플리케이션의 성능은 말할 것도 없습니다. 

 

Flutter로 개발하면서 안 좋았던 부분 

Flutter에는 개발 시간을 획기적으로 줄여줄 수 있는 다양한 플러그인들이 존재합니다. 

또 Flutter는 구글에서 공식으로 미는 프레임워크이므로 

구글에서 공식으로 Release하는 플러그인들이 다수 있습니다. 

구글 공식 플러그인을 사용하면서 크게 문제가 생긴 부분은 없었지만, 

버전이 아직 많이 낮아서 사용할 때 불안한 요소가 어느 정도 있다고 생각합니다. 

써드파티 플러그인의 경우, 플러그인 마다 완성도가 워낙 천차만별이라 따로 언급은 안 하겠습니다. 

 

만약 Flutter를 사용하실 계획이시라면 필요한 Plugin들의 버전 및 안정도를 미리 확인하시는 게 좋을 것 같습니다. 

 

윈도우에서 IOS 빌드하기 (불가능합니다 ^^;) 

 

youtu.be/LN668OAUrK4

 

반응형

+ Recent posts