일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- csr
- vue
- SSR
- vue-cli
- Testing
- aws
- ts error
- rendering
- custom command
- QUIC
- import.meta.env
- 선택자
- typeScript
- api test
- devtools
- caching
- CSS
- TLS
- web vital
- ViTE
- Cypress
- JavaScript
- e2e
- http3
- 비동기
- msw
- CloudFlare
- https
- svelte
- vue3
- Today
- Total
목록DevOps (7)
Develop Note by J.S.

1. EC2 (Elastic Compute Cloud)- 문자 그대로 유연한 컴퓨터 클라우드 서비스 입니다. 디스크 용량, CPU, GPU, RAM 등의 서버 스펙을 사용자가 원하는 성능으로 맞추어 사용할 수 있도록 서비스를 제공합니다. 2. EC2 지불방법- On-demand : 시간단위 가격, 개발 및 테스트 환경에서 최소한의 비용을 지불하여 사용하는 경우에 가장 적합- Reserved : 미리 지정하여 1~3년동안 시간별로 할인 적용- Spot : 입찰가격 적용, 가장 큰 할인률을 적용3. EBS (Elastic Block Storage)- 저장공간이 생성되어지며 EC2 인스턴스에 부착된다.- 특정 *Availability Zone에 생성된다*AZ - 장해 발생 시 AZ백업을 통해 복구..

1. IAM (Indentity and Access Management)- IAM은 Root 계정내의 여러 계정 및 그룹을 만들고, 역할(Role)과 정책(Policy)를 부여하여 각 계정별 AWS 서비스 이용 권한을 관리하는 하는 것입니다. 2. IAM 시뮬레이션- 하위 계정을 만들고 정책을 연결하여 생성된 계정이 정말로 그 권한을 가지고 있는지에대 대한 시뮬레이션 기능을 제공 합니다. - 아래는 DynamoDB의 Read/Write 권한을 부여한 정책을 생성하고 생성한 계정으로 시뮬레이션을 돌려보는 테스트 입니다. - 시뮬레이션을 진행하면 해당 계정이, 선택한 Service와 Action에 대한 Permission 결과를 allowed / denied로 결과를 알려줍니다.

1. GIT 트리(3단계) - GIT은 아래 3개의 트리(파일의 묶음)를 관리하는 시스템입니다. 1) HEAD : 현재 브랜치를 가리키는 포인터이며, 브랜치의 마지막 commit을 가리킵니다. 2) Index : Staging Area라고도 하며 git add 명령어로 stage에 작업한 파일이 올라가는 가상의 공간 3) Working Directory : 내용이 수정된 파일이 존재하는 공간 (Untracked files) * Untracked files - 이력 추적 대상이 아닌 파일, git add로 Index에 올리면 추적 대상으로 등록됩니다. 2. Work Flow 1) 파일생성 or 수정(Working Directory) 2) git add [files] (Index) 3) git commit ..

Git Branch 전략에 대하여 공부한 내용을 공유하려 합니다. 개인적으로 최근까지 Git-Flow의 브랜치 전략만이 표준이며 꼭 따라야 한다는 고정 관념이 있었습니다. 실제 프로젝트를 진행함에 있어 상황에 맞게 조금씩 변형하며 개발을 했었으나 그 기준은 Git-Flow였습니다. 2010년 nvie라는 닉네임을 가진 개발자가 Git-Flow 전략을 세웠는데, 아래 글은 2020년에 그가 발표한 글입니다. 따라서, Git Branch 전략은 완벽한 정답이 없으며 상황에 맞게 선택/변형하여 적용하면 될 것으로 생각됩니다. 1. Git-Flow git-flow는 버전관리가 필요한 앱, 솔루션 등의 적합한 워크플로우입니다. 가장 널리 알려진 브랜치전략으로, 타 브랜치전략에 비해 러닝커브가 높습니다. 기본적으로..

Cloudflare에서 HTTP/3 설정 방법 및 프로토콜 확인 방법입니다. 1. Cloudflare - HTTP/3 활성화 Dashboard -> Speed → 최적화 → 프로토콜 최적화 Tab → HTTP/3(QUIC 사용) 2. 활성 상태 확인 HTTP/3(QUIC 사용) 버튼 활성 화 후 상태값 확인 3. 개발자 모드 Response Protocol 확인 페이지 접속 → 개발자모드 → Network 탭 (protocol tab 추가) → HTTP/3 프로토콜 적용 확인 4. HTTP/3 지원 여부 확인 사이트 https://www.http3check.net/?host=aws.amazon.com HTTP/3 지원 여부 확인 5. 유의사항 Cloudflare에서 http3, https(ssl)를 적용..

Cloudflare를 개인 사이트와 연결하는 방법입니다. 1. 가비아 도메인 구매 먼저 사용하기를 원하는 도메인을 입력하여 구매합니다. 2. Cloudflare 웹 사이트 등록 구매한 도메인을 Cloudflare의 웹 사이트 검색 란에 검색하여 추가합니다. 서브 도메인 형태(ex. http://2차주소.도메인주소)의 도메인은 등록할 수 없기에 무료 도메인 제공 사이트를 찾아보았으나 모두 서브 도메인 형태로만 무료 제공을 하여 가비아에서 결제 후 진행 하였습니다. 3. Cloudflare 개인 블로그 정보를 DNS 레코드 추가 웹 사이트 등록 후 해당 사이트 대시보드에서 DNS -> 레코드에 진입하면 레코드를 추가할 수 있습니다. 등록할 사이트의 서브 도메인, www 등의 이름과 IP를 등록합니다. 4. ..
CDN(Content Delivery Network)이란 지리적으로 서버가 분산이되어 웹 콘텐츠의 전송 속도를 높여 페이지 로딩속도를 향상시키는데 주목적을 두고 있습니다. 데이터 용량이 큰 Image, VOD 등 기타 파일들이 Caching되어 실제 물리적으로 가까운 서버에서 빠르게 가져올 수 있습니다. 예시로 온라인 영상 스트리밍 서비스 넷플릭스의 경우 자체 CDN을 구축하여 서비스를 제공하고 있습니다. 대표적인 CDN 클라우드 서비스는 AWS CloudFront와 Cloudflare가 있습니다. Cloudflare 전 세계 150대의 데이터 센터를 보유 Reverse Proxy 아키텍쳐로 데이터 관리 * 요청을 받는 서버(내부망) 앞단에 있는 Proxy 서버로 외부망에서 해당 서버로 접속 시 거치는 ..