전체 글
-
PM2를 이용하기 전 학습(클러스터, 모니터링)Node.js 2021. 6. 15. 10:11
먼저 PM2가 무엇일까요? PM2는 Node.js 애플리케이션의 프로세스 관리를 위해 사용하며, 아래와 같은 이점을 얻을 수 있습니다. 프로그램의 예상치 못한 종료 시 자동 재시작 무중단 서비스 Cluster mode Monitoring 노데몬과 같이 소스 수정에 감지하여 자동 리컴파일 하기 ## pm2 start ./ecosystem.config.js --watch 상태 확인 돌아가는 상태를 확인하고 싶다면 status 명령을 사용하면 되고 프로세스 삭제 돌아가고 있는 프로세스를 죽이고 싶다면 delete 명령어에 프로세스 id를 찍어주면 된다. kill로 다 죽일 수도 있다. 클러스터 모드 근데 저렇게 실행만 해서는 별 의미가 없다. 그럼 fork모드로만 실행이 되는데, 그대로 싱..
-
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/