서론 이번 포스팅에서는 R2 Object Storage를 활성화하고 Workers 프로젝트에 연동하는 방법을 알아보겠습니다. R2 Object Storage 활성화 R2를 사용하려면 먼저 cloudflare의 dashboard에서 서비스를 활성화 시켜야 합니다. 그렇지 않으면 bucket 생성이 안됩니다. Add R2 Subscription to my account버튼을 클릭하여 활성화 합니다. R2 Bucket 생성 다음 명령어를 입력하면 bucket이 생성됩니다 wrangler login이 안되어있으면 로그인 창이 먼저 나오고 그 후 몇 가지 권한을 허용하는 창이 뜨면 Allow합니다. npx wrangler r2 bucket create <YOUR_BUCKET_NAME> 여기서는 image-bucket이라는 이름의 bucket을 만들어봤습니다. ...
Cloudflare Workers 튜토리얼 (2) - 배포
서론 이전 포스팅에서는 로컬PC에서 Cloudflare Worker 프로젝트로 서버를 구동하고 확인해보았습니다. 이번 포스팅에서는 Workers 프로젝트를 배포하여 어디에서나 접근 가능하게 만들어보겠습니다. 배포에 사용되는 코드는 바꾸지 않고 그대로 사용합니다. 배포하는 방법은 매우 간단한데 터미널에서 npx wrangler deploy 또는 npm run deploy를 입력하면 됩니다. Wokers 프로젝트 배포 명령어 입력 npx wrangler deploy # or npm run deploy # see "scripts" in package.json 로그인 명령어를 입력하면 다음과 같이 cloudflare에 로그인하라는 메세지가 터미널에 보여지고 브라우저가 활성화됩니다. ...
[vscode] 탭전환 키보드 단축키 변경
서론 vscode 에서 탭을 전환하는 단축키를 변경해보겠습니다. 단축키 변경 키보드 단축키 설정창 열기 ctrl + shift + p 를 누르고 keyboard shortcuts를 검색합니다 다음탭 단축키 변경 검색창에서 action.nextEditor를 입력하여 검색하고 keyBinding을 더블 클릭하여 변경합니다. 맨 위의 workbench.action.nextEditor입니다. 이전탭 단축키 변경 검색창에서 action.previousEditor를 입력하여 검색하고 keyBinding을 더블 클릭하여 변경합니다. 맨 위의 workbench.action.previousEditor입니다. 탭 닫기 단축키 변경 검색창에서 action.closeActiveEditor를 입력하여 검색하고 keyBinding을 더블 클릭하여 변경합니다. 맨 위의 workbench.action.closeActiveEditor입니다. ...
리눅스 한영키 오른쪽 ALT키 설정
서론 한영키가 없는 키보드로 리눅스에서 한글을 사용하는 경우가 있습니다. 이럴 땐 보통 오른쪽 ALT키를 한영키로 대신 사용하는데 제대로 작동하지 않을 때가 많습니다. 좀 더 개선할 수 있는 방법을 소개합니다. 방법 다음 경로의 파일을 엽니다. sudo vim /usr/share/X11/xkb/symbols/altwin 파일의 5번째 줄을 아래와 같이 수정합니다. key <RALT> {[ Hangul ], type[group1] = "TWO_LEVEL" }; 로그아웃 후 다시 로그인합니다. 결론 위 파일을 수정한 뒤 오른쪽 ALT키를 누르면 오작동하는 횟수가 많이 줄어있음을 알 수 있습니다. ...
Cloudflare Workers 튜토리얼 (1) - 설치 및 로컬 개발
서론 Cloudflare의 Workers 프로젝트를 로컬에서 구동해보고 확인하는 방법을 알아보겠습니다. nvm 설치 (nodejs & npm 설치) cloudflare의 workers를 사용하려면 wrangler라는 clareflare의 cli를 설치해야하는데 이는 nodejs, npm을 필요로 합니다. cloudflare에서는 nvm을 통한 nodejs설치를 안내하고 있습니다. nodejs 및 npm이 이미 설치되어 있다면 넘어가셔도 됩니다. nvm에 대한 자세한 내용은 https://github.com/nvm-sh/nvm 에서 보실 수 있습니다. nvm 다운로드 및 설치 wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash nvm 설치 결과 확인 => Appending nvm source string to /home/user/.bashrc => Appending bash_completion source string to /home/user/.bashrc => Close and reopen your terminal to start using nvm or run the following to use it now: # 아래 부분을 ~/.bashrc 또는 ~/.profile 에 붙여넣고 # source ~/.bashrc 또는 source ~/.profile 하여 적용. export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion nvm 으로 node 설치 # 최신버전 설치 nvm install node # 특정버전 설치 # nvm install 14.7.0 # 버전확인 node -v npm -v Workers 프로젝트 초기화 cloudflare는 npm으로 Workers 프로젝트를 자동으로 초기화 해주는 명령어를 제공합니다. 아래와 같이 입력하여 프로젝트를 초기화하면 위에서 말씀드린 wrangler도 자동 설치되어 따로 설치할 필요가 없습니다. your-app-name 부분을 원하는 이름으로 변경해주세요. --부분의 띄어쓰기에 유의해서 입력합니다. ...