GDG 정리

GDG fest 17/11/19 in Seoul UNI

---

Why Typescript with Clean Architecture

• 발표자 장유진
• banksalad 상품 -> 금융 솔루션이라 프로젝트의 사이즈가 커짐-> 관리가 어려움
  
  1. 제품관점
     

     제품의 궁극적인 모습을 상상해보면?
     같은 주제도 여러 관점에서 다룬다.
     * Microservice Acrhitecture :: 각 기능별로 서버를 구현

클라이언트는 다양한 기능이 모이는곳이라 중요함
2. 협업관점
같은 주제도 다르게 생각한다.
관점을 통일하지 않으면 문제가 생긴다.
3. 개발 환경 관점
JS의 근본적인 문제 오류 검출이 힘들다
* 해결방안 typesafe 언어 지식기반으로 만든다.
* 지식 중심의 명확한 아키택쳐
DDD(Domain Driven Design)
도메인 전문가와 엔지니어가 모델을 만들어서 아키택쳐를 만든다.
* 빠른 개발 속도

> 변경이 적은 코드

프론트엔드 프레임 워크 낱낱히 파해치기

• 현재 중요 키워드
  
  1. 동적 랜더링
  2. 모듈링
  3. 타이핑
  4. 테스트 자동화
• virtualDOM
  

  Native dom은 비싸기때문에 코드 레벨에서 비교한다
  URL https://www.slideshare.net/KennethCeyer/gdg-devfest-2017-seoul-82177288

---

react, Django 로 만드는 progressive web app

• PWA 웹의 장점과 앱의 장점을 더한 개념
• 어느 브라우저를 선택하든 상관없이 점진적 기능 개선을 통해 모든 사용자에게 제공
• 반응형
• 따로 앱을 만들지 않아도 앱아이콘 푸쉬 가능
• 업데이트를 하지 않고 항상 최신화
• service worker
• mainjs 요청하면 서비스 워커가 가로 챈다-> 캐시를 확인하여 캐시가 있는지 확인 한다.->(네트워크 연결X )캐시에 있으면 화면 랜더링
• 업데이트는 랜더링 다음에 한다.
• 서비스 워커는 cra에 저장 되어있음
• 파일명 해쉬도 cra가 해준다.
• 브라우저 캐시 vs 서비스 워커
• 브라우저 캐시는 일정 기간 마다 없어지는 경우가 있음 그리고 크기가 제한적(모든 사이트를 저장하기 때문에)