목록2024/03 (37)
soowanlog
SOP란? Same-Origin이란? SOP란? Same-Origin Policy의 약자로 브라우저에서 실행되는 Javascript 코드가 다른 출처의 리소스에 접근하는 것을 방지하여 보안을 유지하는 중요한 정책입니다. Same-Origin이란? Same-Origin(동일 출처)이란 프로토콜, 호스트, 포트 번호가 동일한 출처를 의미합니다. 예를들어 Client를 3000 포트로, Server를 8080 포트로 실행한 후에 Client에서 Server로 Ajax요청을 보내면 동일 출처가 아니기 때문에 SOP에 의해 에러가 발생할 것입니다. 보안을 위한 정책이긴 하지만 개발을 하다보면 외부 API를 사용하는 경우도 있고 Client와 Server가 분리된 경우가 많기 때문에 SOP에 의한 불편함을 빈번하게..
CORS란? ※ Cross-Origin CORS가 필요한 이유 CORS의 동작 방식 - Simple request인 경우 ※ Simple request - Preflight request인 경우 CORS란? Cross-Origin Resource Sharing의 약자로 HTTP 헤더를 사용하여 Cross-Origin에 대한 접근 권한을 부여하는 정책입니다. ※ Cross-Origin 다음 중 한 가지라도 다른 경우 1. 프로토콜 2. 호스트 3. 포트 번호 CORS가 필요한 이유 CORS 없이 모든 곳에서 데이터를 요청할 수 있다면 특정 사이트를 모방한 사이트를 만들 수 있을 겁니다. 이러한 모방 사이트에서 사용자가 로그인하도록 만들고 로그인했던 세션을 탈취하여 악의적으로 정보를 추출하거나 다른 사람의 ..
AWS에서 DB를 사용하는 방법 - EC2에 직접 설치 1. 장점 2. 단점 - RDS 사용 1. 장점 2. 단점 RDS란? 다양한 데이터베이스 엔진 지원 - 라이선스 비용 발생 - 라이선스 비용 필요 없음 RDS 백업 - 자동 백업 - 수동 백업(DB 스냅샷) Multi-AZ란? Read Replica란? AWS에서 DB를 사용하는 방법 - EC2에 직접 설치 : EC2에 직접 데이터베이스를 설치할 경우 사용자가 데이터베이스의 업데이트와 관리, 백업 등을 모두 관리해야 합니다. 1. 장점 데이터베이스 엔진, 버전, 구성 등을 자유롭게 선택할 수 있습니다. 필요에 따라 데이터베이스 설정을 조정하거나 특정 기능을 활성화/비활성화할 수 있습니다. 데이터베이스를 지속적으로 사용하지 않는 경우에는 비용을 절감할..
DevOps란? DevOps의 핵심 원칙 - 자동화(Automation) - 협력(Collaboration) - 코드화된 인프라(IaC) - 지속적인 통합(CI) - 지속적인 배포(CD) - 모니터링 및 로깅 DevOps의 주요 목표 - 빠른 SW 배포 ※ CI/CD 파이프라인 - 안정성과 신뢰성 확보 ※ 테스트 자동화 프레임워크 ※ 모니터링 툴 - 자동화 - 협업 강화 ※ 협업 소스 코드 저장소 DevOps란? 개발(Development)과 운영(Operations)의 합성어로 SW 개발과 IT 운영 사이의 커뮤니케이션, 협업, 자동화, 통합을 강조하는 문화와 방법론을 의미합니다. 전통적으로 SW 개발과 IT 운영은 서로 다른 영역으로 처리되어 왔지만 DevOps는 이러한 구분을 없애고 두 영역 간의 ..
EC2란? EC2의 특징 - 탄력성과 확장성 ※ Auto Scailing - 다양한 인스턴스 유형 1. 범용 인스턴스 2. 컴퓨팅 최적화 인스턴스 3. 메모리 최적화 인스턴스 4. 가속 컴퓨팅 인스턴스 ※ 하드웨어 엑셀러레이터 ※ 코프로세서 5. 스토리지 최적화 인스턴스 - 다양한 스토리지 옵션 1. Amazon EBS 2. Amazon S3 ※ EBS vs S3 - AMI Amazon VPC란? - IP 주소 범위 - 서브넷 - 라우팅 테이블 - 인터넷 게이트웨이 - 네트워크 ACL 및 보안그룹 1. 네트워크 ACL 2. 보안그룹 EC2란? Elastic Compute Cloud의 약자로 가상 서버를 다룰 수 있도록 도와주는 기능입니다. EC2를 사용하면 사용자는 온디맨드로 컴퓨팅 리소스를 확장하거나 ..
AWS란? Cloud Computing이란? ※ 온디맨드(On-Demand) Cloud Computing의 유형 - IaaS - Paas - Saas AWS 로그인 방법 - root 사용자 - IAM 사용자 AWS란? Amazon Web Services의 약자로 아마존닷컴에서 운영하는 Cloud Computing Platform입니다. AWS는 다양한 서비스를 제공하고 있기 때문에 AWS가 제공하는 서비스 만으로 대부분의 기능을 구축할 수 있습니다. Cloud Computing이란? Cloud Computing(클라우드 컴퓨팅)이란 IT리소스를 인터넷을 통해 온디맨드로 제공하고 사용한 만큼만 비용을 지불하는 것을 말합니다. Cloud Computing을 사용하면 물리적 데이터 센터와 서버를 구입, 소유,..
동기, 비동기란? - 동기 - 비동기 ※ Javascript의 비동기 Promise란? Promise의 에러 처리 방법 - then 메서드의 두번째 인자 - catch 메서드 Promise 체이닝 async / await란? - async - await async / await의 에러 처리 방법 동기, 비동기란? - 동기(Synchronous)란 직렬적으로 태스크를 수행하는 방식입니다. 즉, 요청을 보낸 후 응답을 받아야지만 다음 동작이 이루어지는 방식으로 하나의 작업이 완료될 때까지 다음 코드의 실행을 멈추고 기다리는 것을 의미합니다. - 비동기(Asynchronous)란 병렬적으로 태스크를 수행하는 방식입니다. 즉, 요청을 보낸 후 응답 여부와 관계없이 다음 동작이 이루어지는 방식으로 하나의 작업이 ..
Ajax 란? ※ XML Ajax 동작원리 Ajax의 단점 Ajax 란? Ajax (Asynchronous Javascript And XML)은 비동기 Javascript와 XML의 줄임말입니다. Ajax는 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하며 XML뿐만 아니라 HTML, JSON 등 다양한 포맷을 주고받을 수 있습니다. Ajax를 사용한다면 웹 페이지를 갱신할 때마다 전체를 다시 로딩하지 않고, 필요한 이 부분만 갱신할 수 있기 때문에 시간과 자원을 아낄 수 있습니다. 또한, 서버에서 데이터만 전송하면 되어 전체적인 코드의 양이 줄어듭니다. ※ XML(Extensible Markup Language) XML은 HTML과 달리 태그를 사용자임의로 만들 수 있음.XML은 특정 데..
React란? ※ Virtual DOM React의 등장배경 - 1세대 프론트엔드 기술 - 2세대 프론트엔드 기술 - 3세대 프론트엔드 기술 JSX란? JSX 문법 - 부모 요소 하나가 감싸는 형태 - Javascript 표현식 - camelCase 프로퍼티 명명 규칙 React란? Javascript를 기반으로 하는 오로지 view만을 담당하는 Library입니다. 그만큼 내장되어 있는 기능이 부족해 3rd-party Library(react-router-dom, redux)를 함께 사용합니다. React와 같은 프론트엔트 Library나 Framework를 사용하는 가장 큰 이유 중 하나는 UI를 자동으로 업데이트 해준다는 점입니다. React는 UI를 자동으로 업데이트하는 과정에서 Virtual D..
Framework란? Library란? Framework와 Library의 차이 Framework란? Framework란 개발자가 SW를 개발함에 있어 코드를 구현하는 개발 시간을 줄이고 코드의 재사용성을 증가 시키기 위한 일련의 Class, Interface의 집합이자 필수적인 코드, 알고리즘, DB Connection 등의 기능들을 위한 구조라고 할 수 있습니다. IoC의 개념이 적용된 대표적인 기술이라 할 수 있습니다. Framework의 종류는 다음과 같습니다. 설명 종류 Persistance Framework 데이터의 CRUD를 다루는 Class 및 설정 파일들을 라이브러리화하여 구현한 Framework - Mybatis - Hibernate 등 Java Framework Java EE를 통한 ..