Casval's Storage

A LATE BLOOMER

npx가 뭐여..

npx란? npx는 node package runner(executer)로 node 패키지를 설치하여 실행시켜 준다. 하지만 npm과의 차이점은 임시 저장소에 패키지를 설치하고 한번 실행한 후 삭제해 버린다는 것이다. 왜 이런게 필요한가!? react나 vue를 이용하여 처음 프로젝트를 생성하는 경우 프로젝트 템플릿(보일러 플레이트)을 이용하여...

Posted by Casval's Storage on June 22, 2022

GraphQL - Server

Apollo server 구축하기 얄코의 GraphQL 강의를 보고 서버 구현에 대한 내용을 정리 필요 모듈 apollo-server 코드상의 실행 법 1 2 3 4 5 6 7 8 9 const { ApolloServer} = require('apollo-server') const typeDefs = ... const resolver...

Posted by Casval's Storage on March 1, 2021

Tagged Template Literals

Tagged Template Literals Template Literals ES6 부터 나온 기능으로 백틱( `` )을 사용하여 문자열을 표현하는 것 1 2 3 4 5 6 7 const hello = "Hello" // before ES6 console.log(hello + 'World!!') // after ES6 console.log(`...

Posted by Casval's Storage on February 28, 2021

code-server

VSCode 웹버전 설치하기 VSCode를 브라우저에서 클라우드 IDE로 사용하기 위해 서버에 docker로 설치를 한다. docker, docker-compose 설치하기 위해서는 우선 docker와 docker-compose를 설치해야 한다. 설치 방법은 docker hub의 링크로 대체 한다. docker hub code-server ...

Posted by Casval's Storage on February 4, 2021

GraphQL과 Apollo 강의

GraphQL과 Apollo GraphQL을 이해하는데 도움이 되는 영상과 강의 사이트 yalco의 GraphQL과 Apollo

Posted by Casval's Storage on January 23, 2021

Study todo list

Links GraphQL TypeScript …

Posted by Casval's Storage on January 22, 2021

NVM install

Mac에서 NVM 설치하기 NVM install 설치 1 $ sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash 환경변수 추가 1 $vi ~/.bash_profile ...

Posted by Casval's Storage on January 21, 2021

Persistent storage

Storage in Paas Paas에서는 데이터를 저장하기 위해 특정 물리 공간을 할당해 주지 않는다. 대신, PV(Persistent Volume)을 제공하여 데이터를 저장 하도록 해준다. PV는 각 pod에서 직접 mount하여 사용하는것이 아니라 PVC(Persistent Volume Claim)을 호출하면 PVC에서 조건에 맞는 P...

Posted by Casval's Storage on December 23, 2020

workbench helm command

Helm 주로 사용하는 명령어는 아래와 같다. helm ls : 현재 배포된 char의 release 정보를 알 수 있다. helm ls –all : 현재 배포된 chart 외에 실패하거나 지워진 chart의 정보를 모두 볼 수 있다. helm install --dry-run --debug install 실행을 시...

Posted by Casval's Storage on December 23, 2020

Web 성능 개선

Rendering 성능 개선 Chrome browser의 Timeline Panel을 이용하여 분석을 한다. Rendering 과정 1 document.getElementById('testBox').style.width = "100px"; Recalculate Style width 속성이 변경되어 좌표 계산이 필요한가를 판단하여 필...

Posted by Casval's Storage on November 24, 2020