목록EnterpriseApp (6)
Enterprise APP
출처: https://medium.com/opinionated-angularjs/techniques-for-authentication-in-angularjs-applications-7bbf0346acec#.n0okoba2h
Transcompiler(Transform Compiler): TypeScript, CoffeeScript는 JavaScript 문법이 아닌 각각의 문법으로 작성된 코드를 JavaScript에서 동작 가능한 코드로 변환 - Babel, ts-loader 등등 Task Runner: Gulp, Grunt 등 Bundler: browserify, Webpack이 대표적이며 쪼개진 자바스크립트 모듈들을 묶어주는 역할. 이외에 기존 task runner나 다양한 플러그인들을 연결해서 사용할 수 있는 기능 제공 SEO(Search Engine Optimization): 정적인 일반 웹페이지 제작방식과 달리 자바스크립트를 이용한 동적인 웹APP 제작시 검색엔진에 친화적인 솔루션이 필요하게 됨 CommonJS: 모듈..
- 서치엔진은 SPA를 위한 자바스크립트 프레임워크가 언제 DOM의 렌더링을 끝내는지 가늠하기가 어렵다.- 검색엔진에 친화적인 웹서비스 또는 컨텐츠를 위한 설계 및 구현- 첫 페이지 호출시에 과도하게 집중된 로딩 지연 문제(모바일 환경에서는 더욱 치명적)- Link Preview - 페이스북과 같은 SNS 미디어를 통한 웹링크 공유 이슈
Single Page Application의 장점 - 브라우져 상에서 네비게이션과 UI Interaction의 자연스러운 사용자 경험- 브라우져는 첫 페이지 로딩 이후 데이터 전송 프로세스와 템플릿으로 구성된 UI 렌더링 프로세스만 처리- 백앤드 측면에서는 화면요청에 따른 데이터 리턴에만 집중 가능- 모바일 환경의 발전과 함께 빠른 화면의 반응속도가 점차 사업의 성패를 가늠하는 중요 요소로서 받아들여짐
기능- 업로드 & 다운로드- 화면 스크롤 초기화- Infinite Scroll- Pagination- BreadCrumb- http status 코드별 화면 라우팅 컴포넌트- 트리 메뉴- 그리드- 챠트