Download as PDF, PPTX
![[D2 오픈세미나]3.web view hybridapp](https://cdn.slidesharecdn.com/ss_thumbnails/3-140804011233-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[24]안드로이드 웹뷰의 모든것](https://cdn.slidesharecdn.com/ss_thumbnails/24webview081102-181102022314-thumbnail.jpg?width=640&height=640&fit=bounds)
![[토크아이티] 프런트엔드 개발 시작하기 저자 특강](https://cdn.slidesharecdn.com/ss_thumbnails/random-141024103422-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문](https://cdn.slidesharecdn.com/ss_thumbnails/mean-re-151003142901-lva1-app6892-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...](https://cdn.slidesharecdn.com/ss_thumbnails/implementingwebbasedonlinemultiplayertetris-141111200036-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
목적에 맞게 Angular, React, Vue
- 1.
- 2.
- 3.
- 4. 프론트 배경과 선택 각기술 특징 개발 경험 목적에 맞게
- 5. 1. 프론트 배경과선택 요즘 프론트 프론트 선택 요소
- 6. 어떠한 제품을 만들때 기술을 선택하는 기준?
- 7.
- 8. 그 시대의 트렌드 jQueryBackbone Angular1 React Angular2 Vue
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. 클라이언트 / 서버사이드 렌더링 프레임워크 / 라이브러리 언어 유지보수
- 15. 클라이언트 / 서버사이드 렌더링
- 16. 클라이언트 사이드 서버사이드 HTML 다운로드 JS 다운로드 JS 구동 Data Fetch Content View HTML 다운로드 JS 다운로드 JS 구동 Data Fetch Content View
- 17. Google Google 검색 또는URL 입력
- 18.
- 20. 클라이언트 사이드 렌더링 네트워크비용 빠른 인터렉션 느린 초기 로딩 SEO 어려움
- 21. 서버 사이드 렌더링 빠른초기 로딩 SEO적용 수월 프론트, 백엔드 코드 통일 느린 인터렉션
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. 정형화되지 않은 것을정형화 하는 것
- 34.
- 36. “컴포넌트 내부에서 템플릿,로직 및 스타일이 본질적으로 결합되어 배치되며 컴포넌트의 응집력과 유지보수성이 향상됩니다.”
- 37.
- 38. “.each is nota function”
- 42.
- 43.
- 44. 리엑트 컴포넌트 리덕스 props 전달 props전달 액션 구독
- 45.
- 46.
- 47.
- 48. React Web ReactNative Electron
- 49. 코드리뷰 or 업무전환용이 React Web React Native Electron
- 50.
- 51. Vue Angular2 React Virtual DOM 양방향 바인딩 코어와컴페니언 분리 코드 구조 디렉티브
- 52.
- 53. 이 발표의 원인이된 프로젝트들
- 54. 백오피스 빌링 ( 결제,정산, 환불, 매출), 통계, 정보관리
- 55.
- 56. 백오피스 많은 데이터를 도표화 ->렌더링 뿐만 아니라 모델에 대한 관리도 용이해야 함
- 57. 백오피스 많은 데이터를 도표화 ->렌더링 뿐만 아니라 모델에 대한 관리도 용이해야 함 -> 렌더링을 주로 다루는 React, Vue 보다 Angular2
- 58. 백오피스 다양한 모델을 서버와주고받음
- 59. 백오피스 다양한 모델을 서버와주고받음 -> 타입체크를 상시로 해야함
- 60. 백오피스 다양한 모델을 서버와주고받음 -> 타입체크를 상시로 해야함 -> 타입스크립트
- 61.
- 62.
- 63.
- 64.
- 65.
- 67. 판킹(정치플랫폼) 각 정치인에 대해코멘트를 남길 수 있고 팔로우와 좋아요 기능이 있으며 통계정보에 따라 다른 순위정보를 시각화
- 68.
- 69. SNS 버튼(좋아요, 팔로우, 공유)이많다. -> 이벤트가 많이 일어난다.
- 70. SNS 버튼(좋아요, 팔로우, 공유)이많다. -> 이벤트가 많이 일어난다. -> jQuery를 이용한다면 콜백헬…
- 71.
- 72. SNS 안드로이드, IOS동시개발 -> 모바일개발자가 한명도 없다…
- 73. SNS 안드로이드, IOS동시개발 -> 모바일개발자가 한명도 없다… -> 하나의 언어로 두개 플랫폼 개발
- 74.
- 75.
- 76.
- 77.
- 78.
- 79. 목적에 맞는 기술을정하기
- 80.
- 81.
- 82.
- 83.
- 84.
- 85. Angular2 React Vue 구조프레임워크 라이브러리 라이브러리 언어 TypeScript JSX ES6 Virual DOM X O O 서버사이드렌더링 O O O 장점 구조화가 잘 돼있어 유지보수에 용이 구글의 지원 다양한 이벤트 핸들링에 용이 페이스북의 지원 다양한 플랫폼 개발 가능 낮은 진입장벽 Angular2, React의 장점 적용 단점 높은 러닝커브 Redux, Thunk등 많은 필수 라이브러리 렌더링, 로직이 한곳이엤는 JSX 신규 프레임웍이기 때문에 상대적으로 레퍼런스가 적음 적합한환경 엔터프라이즈 어플리케이션 많은 이벤트가 있는 웹앱(SNS) 빠른 개발속도가 필요하고 많은 교육이 어려울 때
- 86. 목적에 맞는 개발이프론트만의 문제?
- 87.
- 88.
- 89. 목적에 적합한 기술을이용하여 소프트웨어를 만들어야 하는 이유
- 90. QA와의 전투 회피?빠른퇴근? 단골 버그 생산자 탈출?
- 91.
- 92. 좋은 소프트웨어 더나은 가치
- 93. 좋은 소프트웨어를 이용하는 사람들이만들어내는 가치
- 94.