seminar-gdg.02.frontend_modern

seminar

모던 프론트엔드 파악하기

동적렌더링: SPA
모듈링/번들링: Grund, Webpack
타이핑:
테스트 자동화:

앵귤러: 모든기능이 빌트인, 성능이 훌륭, 러닝커브 높음
리액트: 에코시스템 활발, 의존과 버전에 민감, 라이브러리 자체기능이 부족
뷰js: 가볍고 진입장벽이 낮으며, 각프레임워크 장점을 흡수, 크기가 커질수록 재활용성이 떨어지고 테스트하기 어려워짐

타입스크립트랑, 뷰랑 바인딩되어있음

코드안에 뷰가 포함되어있음.
1way 바인딩. 2way 할경우 스테이트 관리 해줘야함

리엑트가 트랜드 및 에코시스템이 가장 활발
뷰가 무서운속도로 따라 붙음

앵귤러 전에 다른 프레임워크 경험 권장
리액트는 라이프사이클과 상태관리는 상대적 어려움
뷰js 먼저 해보는것 추천

성능 50% 정도 향상

성능을 위해서 Dom의 엑세스를 줄임
가상돔으로 먼저 한다음 결과 반영

###
마이크로 프로젝트 뷰
서버사이드 렌더링 react

앵귤러: 아이오닉, 아이오닉 네이티브
리엑트: 터치스톤, 리액트네이티브
뷰: …, weex
-> 모두 일렉트론 지원

앵귤러 유니버셜
리액트돔서버
뷰서버렌더러
-> spa, 검색 최적화를 위한것