앵귤러4 [#블로그] Angular Universal And Ionic https://ionicframework.com/blog/ssr-with-angular-universal-and-ionic 2020. 3. 23. [#angular] scully로 SPA를 기존 방식의 여러 스태틱 파일로 쪼개기 Angular의 가장 큰 장점이자 단점이라고 볼 수 있는 SPA(Single Page Application) 특성에 대해서 사용자 입장에서 생각해보자.(개발 관점은 말할 것도 없이 기존 js, html, css 방식보다 생산성, 재사용성이 비교도 할 수 없을 정도로 좋아졌으니 논외) 장점은 로딩만 되면 이후부턴 네이티브 앱과 거의 비슷한 성능을 기대할 수 있다. 단점은 첫 로딩이 느리고, 검색에 노출되기 힘들다는 점이다. 첫 로딩이 느리다는 말은 처음에 전체 어플리케이션 동작에 필요한 js, css, html 덩어리를 한번에 받아와야하므로 초기 로딩에 시간이 많이 걸린다는 뜻이고, 검색에 노출되기 힘들다라는 말은 SEO(Search Engine Optimization) 이슈, 쉽게 말해 Agnular의 .. 2020. 3. 23. [#angular] 프로젝트 생성, 실행하기 1. Angular란? Angular는 구글에서 개발한 SPA(Single Page Application) 자바스크립트 프레임워크이다. 웹, 모바일 웹, 하이브리드 앱, 데스크탑까지 프론트 개발에 필요한 거의 모든 기능을 갖추고 있다. Angular에서는 typescript 언어로 컴포넌트 단위로 개발이 가능하며, 이를 통해 재사용성을 극대화 시킨 대규모 어플리케이션 개발에 최적화된 프레임워크이다. 참고로 브라우저에서 typescript를 직접 지원하진 않아 빌드 후 js, css, html 파일을 만들고 이를 서빙 하는 형태이다. 그리고 첫 로딩에는 웹/앱 구동에 필요한 웹팩으로 묶여진 js, css 파일을 받아야 하므로 속도가 느리지만 로딩이 된 이후부턴 속도가 빠른 특징을 가지고 있다. 자세한 Fe.. 2020. 3. 22. [#ionic] 프로젝트 설치, 생성 및 실행 방법 1. ionic 소개 ionic을 사용하면 Angular + Typescript로 웹, Android, iOS 하이브리드 앱을 모두 만들 수 있다. (참고로 내부적으로는 Apache Cordova 를 사용하고 있다.) 하나의 코드로 여러 플랫폼의 앱을 동시에 출시할 수 있어 비용 절감을 엄청나게 할 수 있으니 네이티브 기능이 필요하지 않은 대부분의 마이크로 서비스에서는 이를 적극적으로 활용하는 것이 유리하다. 자세한 소개는 https://ionicframework.com/docs/intro 에서 확인할 수 있다. What is Ionic Framework? - Ionic Documentation Ionic is the app platform for web developers. Build amazing m.. 2020. 3. 22. 이전 1 다음
