jtwjs Dev Wiki
  • DEV_ROAD
    • 💪🏻 생존하기
    • Week 1
      • 개발 환경 세팅
      • 타입스크립트
      • 리엑트
      • Testing Library
      • Parcel & ESLint
    • Week 2
      • JSX
      • Virtual DOM
    • Week 3
      • React Component
      • React State
    • Week 4
      • Express
      • Fetch API & CORS
      • React Hook
      • useRef & Custom Hook
    • Week 5
      • TDD
      • React Testing Library
      • MSW
      • Playwrite
      • Snapshot
    • Week 6
      • Separtion of Concerns
      • Principle
      • DI, (Dependency Injection)
      • Reflect-metadata
      • TSyringe
      • External Store
      • Follow Redux
      • usestore-ts
      • useSyncExternalStore
    • Week 7
      • Routing
      • Routes
      • Router
      • Navigation
    • Week 8
      • Design System
      • Style Basics
      • CSS-in-JS
      • Styled-Components
      • Global Style & Theme
    • Week 9
      • 개발하기 전 준비
      • 상품 목록 페이지
      • 상품 상세 페이지
      • 장바구니 페이지
    • Week 10
      • 로그인
      • 로그아웃
      • 회원가입
      • 주문 목록 & 주문 상세
    • Week 11
      • 배송 정보 입력
      • 포트원 결제 요청
      • 배송 및 결제 정보 전달
    • Week 12
      • 관리자 웹사이트개발시작
  • DEV_NOTE
    • TypeScript
      • 기본적 문법
        • Enum
        • 다형성
          • Untitled
        • 구조적 타이핑
        • 제너릭 타입
        • 컨디셔널 타입
        • 함수 메서드 타이핑
        • infer로 타입스크립트의 추론 직접 활용
        • 재귀 타입
        • 템플릿 리터럴 타입
        • 추가적인 타입 검사 satisfies 연산자
        • 타입스크립트 건망증
        • 원시 자료형에도 브랜딩 기법 사용 가능
        • 타입 좁히기
        • 유용한 타입 만들기
        • 데코레이터 함수
        • 앰비언트 선언도 선언 병합이 된다.
        • 앰비언트 선언도 선언병합이 된다.
    • Testing
      • Unit Testing
      • 단위 테스트의 두 분파
      • 좋은 단위 테스트를 구성하는 4대 요소
      • 테스트 대역과 식별할 수 있는 동작
      • 단위 테스트 스타일
      • 가치 있는 단위 테스트를 위한 리팩토링
      • 통합 테스트
      • Cross Browsing Testing
      • 기능 테스트 종류
      • React Testing Pattern
      • 프론트엔드 테스트 입문
        • 테스트 범위
        • 단위 테스트 검증
        • Mock
        • UI 컴포넌트 테스트
        • 테스트 커버리지
        • 웹 통합 테스트
        • MSW
        • 스토리북
        • 시각적 회귀 테스트
        • E2E 테스트
        • Github Actions 설정
        • 깃허브 액션에서 E2E
      • 시프트 레프트
        • 테스트 기본중의 기본
        • 단위 테스트
        • 코드 복잡도
        • 리팩터링
        • 코드 리뷰
        • 통합 테스트 패턴
        • 시스템 테스트의 자동화
        • 탐색적 테스트
      • Test Tip
      • vitest
      • playwright
      • Test Data Generator
      • MSW
    • Algorithm
      • coding test
      • Data Structure
    • Next.js
      • Data Fetching
      • Hydration
      • Next 13
      • Optimization
      • Next 15
    • Tailwind
      • Tailwind CSS
      • Theme
      • Directives
      • Tool
      • Design System
    • Storybook
      • Storybook
      • CSF3
      • CDD
      • Headless Component
    • Funtional Programming
      • 함수형 프로그래밍
      • 참조 투명성
      • 부수효과
      • 함수 합성
      • 제너릭 타입 활용하기
      • 암묵적 입출력
      • 액션과 계산, 데이터
      • 계층형 설계
      • 호출 그래프
      • 함수형 설계
      • 불변성
      • 일급 함수
      • 함수형 도구
    • Git
      • Github Actions
      • Conflict
      • Branch 전략
    • Contents Format
      • Audio
    • 3D Graphic
      • 3D keyword
      • Three.js
      • Geometry
      • Material
      • Light
      • Camera
      • Decal
      • Rotation
      • Text
      • Shadow
      • Fog
      • Post Processing
      • Animation
      • Math
        • Vector Space
        • 벡터의 연산
        • 회전 계산
      • 3D 컨텐츠가 만들어지는 과정
      • R3F
      • Env
      • Scene
      • Transform
      • R3F
      • Interaction & Raycast
      • Rendering Algorithnm
      • Blender
      • Blender
    • Accessibility
      • 접근성이란
    • Interactive Web
      • Parallax
      • Canvas
      • requestAnimationFrame
      • Effect
      • HSL
      • React.js + Canvas
      • Matter.js
    • AWS
      • DevOps
      • Amplify
      • S3
      • 클라우드 컴퓨팅
        • 온프레미스와 클라우드
        • 클라우드 도입효과
        • 클라우드 컴퓨팅의 범위
        • 컴퓨팅 옵션
          • EC2 - Virtual Machin
          • ECS, EKS - Container
          • Lambda - Serverless
        • 네트워크 가상화
        • 스토리지
        • 데이터베이스
        • 데이터 수집
        • 머신 러닝 영역
        • IoT 영역
        • 블록체인 영역
      • 클라우드 아키텍처 설계
    • Network
      • Web Server & WAS
    • System Design
      • System Design
      • Component
      • 의존성을 배제한 개발
      • Error Handling
      • Architecture
        • 모노로틱 아키텍처
        • Clean Architecture
        • Layered Architecture
        • 이벤트 기반 아키텍처
      • 상황을 파악하는 메타인지
      • 중복 문제 해결하기
      • Monorepo Arhitecture
        • 모노레포 운영과 트러블슈팅
        • Module Federation
      • 코드 병목지점
      • API 대응
      • 공통 코드
      • Infra 구축
      • 모듈 기반의 개발 방식
      • Design System
        • 최소 수준의 아키텍처 설정
        • 더 효율적인 디자인시스템 만들기
        • 디자인 시스템과 UI 라이브러리 목적
        • 디자인 토큰
      • 효율적인 업무
        • 업무 프로세스 병목 파악
      • Clean Code
      • Design Pattern
        • CQRS Pattern
        • Strangler Fig Pattern
        • 데코레이터 패턴
        • 커맨드 패턴
        • 전략 패턴
        • 옵저버 패턴
      • A/B 테스팅
      • 대규모 리엑트 웹앱 개발
        • 복잡성 관리
        • 모듈성
        • 성능
        • 디자인 시스템
        • 데이터 패칭
        • 상태 관리
        • 국제화
        • 코드 조직화하기
        • 개인화 A/B 테스팅
        • 확장 가능한 웹 아키텍처
        • 테스팅
        • 툴링
        • 기술적 마이그레이션
        • 타입스크립트
        • 라우팅
        • 사용자 중심 API 디자인
        • 리액트 미래
    • Performance
      • React DevTools
      • Component 최적화
      • Page Load
      • API
    • MFA
      • MSA
      • MFA 도입하기
      • Monorepo
        • Monorepo Tool
        • Yarn Berry Workspace
        • Turborepo
      • MFA Composition
      • SPA 통합
      • Design System
      • Package Manager
        • Yarn
        • pnpm
      • Transpiler & Bundler
        • Babel
        • Rollup
        • esbuild
        • swc
        • Webpack
        • Vite
      • 분해와 통합을 위한 여러 기술 비교
    • State Management
      • Zustand
    • React v18
      • Automatic batching
      • Suspense
      • Transition
    • SEO
      • Search Engine Optimization
      • Open Graph Element
      • Metadata
    • FE Develop
      • Scrubbing
      • Clipboard
    • Refactoring
      • 리팩토링 깊게 들여다보기
      • 긴 코드 조각내기
      • 타입 코드 처리하기
      • 유사한 코드 융합하기
      • 데이터 보호
      • 코드 추가 및 제거
    • OAuth 2.0
    • Analytics
      • Mixpanel
    • ETC
      • VSCode
    • React Hook In Action
      • useContext & Provider
      • 커스텀 훅
      • 코드 분할하기 with Suspense, lazy
      • Suspense와 이미지 적재하기
      • useTransition, uesDeferredValue
      • SuspenseList
Powered by GitBook
On this page
  • 블록 스토리지
  • 클라우드 Block Storage
  • 파일 스토리지
  • 오브젝트 스토리지 (S3, Simple Storage Service)
  • Buckets
  • Objects
  • 오브젝트 스토리지 웹 호스팅 (정적 웹사이트)
  1. DEV_NOTE
  2. AWS
  3. 클라우드 컴퓨팅

스토리지

블록 스토리지

  • 사용자의 데이터가 Local Disk 또는 SAN Storage 상의 Volume에 Block 단위로 저장 및 Access하는 스토리지 유형

  • 일반적으로 파일시스템을 구성하여 사용

  • Local Disk, SAN/iSCSI 스토리지, NTFS, UFS, ExtFS, ZFS 등

SAN/iSCSI 스토리지

  • 네트워크를 통해 여러 서버가 공유하는 고성능 스토리지 시스템

  • 디스크처럼 블록 단위로 직접/읽고 쓰기

  • 성능과 확장성이 중요한 대규모 데이터센터와 고부하 환경에 적합.

클라우드 Block Storage

  • 컴퓨팅 파워(EC2)에 연결해서 사용

Instance Store

  • EC2 인스턴스가 존재하는 호스트에 붙어있는 로컬 디스크 (무료)

    • 인스턴스 패밀리에 따라 종류 및 사이즈가 다름

    • 인스턴스 비용에 스토어 비용이 함께 포함되어 무료임

  • 휘발성, 빠른 속도

    • 재부팅(컴퓨팅 파워가 완전히 내려가는 정지,종료)으로 인해 하드웨어가 바뀌면 사라짐(휘발성)

  • 특정 EC2 인스턴스 타입에만 존재

EBS Volume

  • 네트워크로 연결된 리모트 블록 스토리지를 연결해 사용하는 영구 볼륨

    • 종료되더라도 데이터 유지

    • 종료되어 터미네이트로 EC2가 넘어가도 EBS를 따로 떄서 데이터 유지할 수 있음

  • EC2 인스턴스를 위한 Persistent Block Level 스토리지 (데이터 수명이 독립적)

  • 스냅샷 가능 (백업)

  • 외부 스토리지라 별도 비용 발생

EBS snapshot

  • 백업을 위한 볼륨 스냅샷 저장

  • 증분 스냅샷 방식으로 효율적인 저장 용량

파일 스토리지

  • 파일시스템으로 구성된 저장소를 network 기반의 Protocol을 사용하여 파일단위로 Access하는 스토리지 유형 (NAS)

  • CIFS(SMB), NFS

  • 여러 서버가 하나의 공유 볼륨을 사용할 때 많이 사용되었음

  • EC2/ECS/Lambda 같은 컴퓨팅 서비스를 위한 완전 관리형 네트워크 파일 시스템

  • 고가용성 및 내구성

  • NFS(업계표준) v4 기반

  • 네트워크로 접근만 되면 되기에 On-Premise의 서버 연결도 가능

NAS(Network Attached Storage)

  • 네트워크를 통해 데이터를 저장하고 공유할 수 있는 스토리지 장치

  • 주로 파일 기반의 스토리지 제공

  • 다수 사용자가 네트워크를 통해 동시에 접근할 수 있다.

  • 간단한 파일 공유와 백업이 필요한 환경에 적합

오브젝트 스토리지 (S3, Simple Storage Service)

  • Encapsulate된 데이터 및 속성, 메타데이터, 오브젝트 ID를 저장하는 가상의 컨테이너

  • API 기반의 데이터 접근

  • 메타데이터 또는 정책에 기반한 운영

  • Amazon S3, Openstack Swift, Ceph 등

Encapsulate란 데이터를 하나의 독립된 오브젝트로 묶는것을 의미

  • ex: 파일(이미지, 문서, 비디오 등)이 하나의 "오브젝트"로 저장됨.

  • 이 오브젝트는 다른 데이터와 별개로 저장되며, 독립적으로 접근 가능

  • 웹에서 사용 가능한 오브젝트 저장소

    • 데이터가 동일한 레벨의 주소 공간에 위치

    • 실제 앱에서 고유한 주소로 개별적인 오브젝트를 식별 가능

    • non-hierarchy

  • 뛰어난 내구성 99.99999% 내구성 설계

    • S3는 하나의 리전 내에 세개 이상의 Availability Zone 나눠서 총 카피를 6개 저장함

    • AWS 서비스 이후로 S3는 단 한번도 데이터 유실한적이 없음

  • 비용 효율적 (굉장히 저렴)

  • 제약없는 확장성

  • 병렬 처리 지원

  • 버킷/리소스 단위의 IAM 접근 권한

  • API를 통한 직접 사용 가능

  • 데이터에 대한 수명주기 관리 가능

  • HTTP/S 방식으로 접근해서 원하는 데이터를 오브젝트의 고유한 주소 기반으로 가져가게 됨

Buckets

  • Object(File)들을 저장하고 있는 컨테이너

  • Amazon S3가 제공하는 최상위 수준의 Namespace(사용자별)

  • 버킷에 대한 접근 권한 통제(ACL, Access Control List)

Objects

  • S3에 저장된 개체

  • Data와 Metadata로 구성

  • Metadata는 해당 Object를 설명하는 다양한 정보로 구성

  • Object는 해당 버킷내에서 Key Name과 Version ID로 유일하게 구분됨

오브젝트 스토리지 웹 호스팅 (정적 웹사이트)

단순한 스토리지를 넘어서 수 많은 서버의 집합에 더 가까움

  • 기존의 웹 서버를 대체할 수도 있음

  • 기존 웹서버 구성이나 운용비용의 일부만으로 훨씬 성능이 높고 확장성이 높은 웹 환경을 만들 수 있음

  • 종종 웹 호스팅 자체로 사용되기도 함

  • 정적 웹 사이트는 파일 내용이 변경되지 않기 떄문

    • HTML, CSS, JS, Assets 등

  • Public URL 제공

    • 도메인 서비스인 Amazon Route 53이 해당 도메인을 리졸빙해서 S3에 각 필요한 개체주소를 리턴

    • 버킷 내에 개별 개체들을 고유한 HTTP 주소로 식별 가능하기 때문

CDN(Content Delivery Network) [Amazon CloudFront]

  • S3는 하나의 리전 내에 존재하는 리저널 서비스

  • 서로 다른 지리적 조건에 위치한 사용자들에게 컨텐츠를 더 빠르게 제공해주기 위한 캐싱 레이어

  • 아마존에서는 CloudFront 라는 이름으로 CDN을 제공

  • Edge location -> Cache Layer

  • 클라우드 프론트를 만들면 기본적으로 생성되는 복잡한 end point 주소를 Route 53을 이용해서 유저프랜들리한 CNAME 처리 가능

  • 실제 서버 역할을 하는 EC2와 S3, Route 53과 같이 동작하도록 최적화 되어있음

정적 콘텐츠 뿐만아니라 동적 콘텐츠에도 속도 개선 가능

  • 동적 컨텐츠 특성상 캐싱하는건 어렵다.

  • 캐싱을 위해 CloudFront를 사용하는게 아니라 최적화된 네트워크 경로, 원본과의 지속적인 연결 유지, TCP/IP 파라미터 최적화, 컨텐츠 압축기술 같은것들을 CloudFront는 CDN이기 때문에 기본적으로 가지고 있다.

  • 아마존 백본 네트워크와 같이 연결된 최적화된 네트워크들을 가지고 있음

  • 캐싱이 0이라고 하더라도 실제로 POP과 데이터 오리진 사이의 네트워크가 최적화가 잘되있어 동적 컨텐츠 전송할 때도 클라우드 프론트를 태우는게 안태우는것보다 훨씬 더 효율적으로 동작함

  • 정적이든 동적이든 클라우드프론트는 글로벌서비스를 할때 굉장히 유용한 서비스

Previous네트워크 가상화Next데이터베이스

Last updated 5 months ago