분류 전체보기
-
PWA 개발하기 앞서 사전지식 익히기! - 2JavaScript/PWA(Progressive Webp Application) 2020. 3. 27. 18:14
WORKBOX Custom Plugin 순서 requestWillFetch -> cacheWillUpdate -> cachedResponseWillBeUsed -> cacheDidUpdate cacheWillUpdate : 응답을 사용하여 캐시를 업데이트하기 전에 호출됩니다. 캐시에 추가되기 전에 응답을 변경하거나 캐시를 전혀 업데이트하지 않도록 null을 반환 할 수 있습니다. cacheDidUpdate : 새 항목이 캐시에 추가되거나 기존 항목이 업데이트 될 때 호출됩니다. 캐시 업데이트 후 작업을 수행하려는 경우에 유용합니다. cacheKeyWillBeUsed : 캐시 조회 (모드가 '읽기'인 경우)와 캐시 쓰기 (모드가 '쓰기'인 경우) 모두에 대해 요청이 캐시 키로 사용되기 전에 호출됩니다. 캐..
-
PWA 개발하기 앞서 사전지식 익히기! - 1JavaScript/PWA(Progressive Webp Application) 2020. 3. 9. 16:33
Service Worker Lifecycle 웹 페이지와 완전 별개의 라이프싸이클을 갖고 있다. [등록] 서비스워커 사용을 위해서는 먼저 페이지의 자바스크립트를 사용하여 등록해야 한다. [설치] 설치하는 과정에서 static한 자원들을 캐싱하고, 캐싱이 완료되면 서비스 워커가 설치가 된다. 한 개의 파일일라도 캐싱에 실패하면, 설치가 종료되고, 서비스워커는 다시 활성화되지 않는다. [활성] 설치가 되고 나면, 활성 스텝으로 넘어오고, 이 떄 이전(오래된) 캐쉬들을 다룰 수 있는 상태가 된다. [제어] 활성화 스텝 이후에는 서비스 워커가 본격적으로 모든 페이지를 제어하기 시작한다. 서비스워커에게 제어권이 돌아가면, 보통 아래 2가지 상태(Fetch, Terminated)로 나뉘게 된다. [페치/메시지] 네..
-
당신의 PWA는 다음과 같은 사항이 녹여져 있나?카테고리 없음 2020. 3. 9. 14:50
신뢰성 '불안정한 네트워크 조건에서도 페이지 로딩이 즉각적이고 공룡(downasaur: 크롬 에러페이지 주인공입니다.)을 보여서는 안된다' 어떠한 형태로든 네트워크 의존일 수 밖에없는 웹 앱을 네트워크 상황에 맞게 사용자가 사용할 수 있도록 만들어야 함을 뜻합니다. 신속성 '사용자 상호작용에 부드러운 애니메이션 효과와 버벅임 없는 스크롤로 즉각적으로 반응해야한다.' 사용자가 스크롤이나 터치, 클릭 등의 상호작용을 하였을 경우 그에 대한 응답이 빠르게 처리되어야 함을 의미합니다. 참여성 '몰입형 사용자 경험(immersive user experience)으로 디바이스의 원래 앱처럼 느끼게 한다.' 참여성(Engaging)이라는 말이 어렵게 느껴질지 모르지만 현재의 웹 앱이 단순히 웹의 어느 곳에서 서비스되..
-
DDD 잡다한 개념 잡기아키텍처 2020. 2. 20. 15:07
Bounded Context 맥락의 경계를 명확하게 정의하라고 제안하는 구분 단위 - 기업에 있어 인사/영업/마케팅 등의 시스템이 있을 경우 이것을 하나의 Bounded Context로 볼 수 있고 이 내부가 하나의 도메인이 되게 됨 TIP - 마이크로 서비스로 구현하는 것은 도메인 영역의 깊이와 넓이, 그리고 개발팀의 구성원 수와 역량에 따라 가야되는데 하나의 Bounded Context로 구분되어는 도메인이기에 무조건 마이크로 서비스로 개발해야 한다고 생각하는 것은 틀린 접근 방법일 수도 있다 CQRS Pattern(Command Query Reposibility Segregaton) 상태를 변경하는 명령 기능과 내용을 조회하는 Query 기능을 위한 모델을 구분하는 Pattern 2PC 분산 컴퓨팅..
-
산더미(New Part-1)방문후 내것으로 만들지 못한 사이트(Read and Think) 2020. 2. 13. 12:31
#Vue 제이쿼리 대체 https://css-tricks.com/making-the-move-from-jquery-to-vue/ Making the Move from jQuery to Vue | CSS-Tricks As someone who has used jQuery for many. years and has recently become a Vue convert, I thought it would be an interesting topic to discuss the migration css-tricks.com #Vue 컴포넌트 다양한 사용방법 https://github.com/FEDevelopers/tech.description/wiki/Vue%EC%97%90%EC%84%9C-%EC%BB%B4%ED%8..
-
Vue.js computed & watchJavaScript/Vue.js 2019. 9. 2. 11:36
watch를 사용해야할 경우 mustache(템플릿 표현식) 없이 값의 변화를 관찰하고 싶을때는 watch를 사용한다. 비동기적 처리시 사용한다! 값이 바뀔 때마다 매번 호출되어야 할 경우 연산을 얼마나 자주 수행하는지 제한가능(lodash의 debounce 이용) computed 사용해야 할 경우 종속된 값의 변화를 관찰하고 싶은 경우 mustache(템플릿 표현식) 을 사용하는 경우 동기 호출에 무관할 경우 input의 v-model로 서버호출이 필요한데 computed 를 사용할 경우, 입력이 멈춰버린다. 값을 직접 리턴해야하기 때문. 동일한 인풋 값에 대해선, 캐싱이 적용된다! 출처 : https://skout90.github.io/2018/01/24/Vue/1.1.Computed-VS-Watch/
-
SELECT 실행 과정Oracle 2019. 6. 4. 11:32
1. User Process는 사용자가 실행한 SQL을 가지고 DB서버에 접속 (Parse) 2. 리스너를 통해서 Server Process에게 쿼리를 전달 (Parse) 3. 이후 Server Process는 Shared Pool에서 구문분석, 문법검사, 권한검사, 커서공유, 실행계획을 진행 (Parse) 4. Bind 할 값이 있다면 값을 치환하여 변수 값을 적용하여 실행 단계로 넘김 (Bind) 5. Bind 할 값이 없다면 바로 실행 단계로 넘김 (Bind) 6. 실행 Database Buffer Cache에서 데이터가 있다면 재상용 (Execute) 7. 실행 Database Buffer Cache에서 데이터가 없다면 파일에 필요한 블록을 적재 (Execute) 8. 필요한 데이터만 골라서 Us..