Rosy's Artificial Intelligence Blog

Loader란? js파일이 아닌 HTML, css, img, 등을 변환할 수 있도록 도와주는 속성, webpack으로 애플리케이션을 빌드할때 import 한 웹 자원 파일을 해석하기 위한 적절한 로더 필요 웹팩의 로더는 각 파일을 처리하기 위한 것 -> 처리해야할 파일의 패턴을 명시 파일이 여러개라면 로더 함수도 여러번 동작 - 파일이 2개일시 2번 동작 loader 설치 방법 $ npm install [loader_name] loader 기본 my-webpack-loader.js module.exports = function myWebpackLoader (content){ console.log("mywebpackLoader 동작함"); return content } // mywebpackLoader 동..

Third-Party Library 1. react-split-it npm install react-split-it 1) 공식 Site https://www.npmjs.com/package/react-split-it/v/1.1.2 react-split-it splitter for react www.npmjs.com 2) 예제 https://greggman.github.io/react-split-it/ react-split-it a react adjustable splitter greggman.github.io

Amazon DMS(Database Migration Service) - Data Migration이란? 한 위치에서 다른 위치로, 한 형식에서 다르 형식으로 또는 한 애플리케이션에서 다른 애플리케이션으로 이동하는 프로세스 일반적으로 Data Migration은 Data에 대한 새로운 시스템 또는 위치를 도입한 결과로 발생 - Amazon Database Migration이 힘든 경우? Q. Database가 너무 큼, 연결이 너무 느림, 개인정보 보호 및 보안 문제가 있을 경우? A. AWS Snowball Edge 사용 AWS Snowball AWS Snowcone AWS Snowball AWS Snowmobile 출처 1. AWS Snowball 2. 참고)

데이터베이스 유형 1) 관계형(RDBMS) - Microsoft SQL Server, Oracle Database, MySQL SQL 데이터베이스는 데이터를 행과 열에 저장 RDBMS를 선택해야할 경우? - 엄격한 스키마 규칙 및 데이터 품질 적용 필요 - 데이터베이스가 과도한 읽기/쓰기 용량을 필요로 하지않음 - 최상의 성능을 필요로 하지 않는 관계형 데이터베이스의 경우 RDBMS가 자원소비가 적기 때문에 적절 2) 비관계형 - MongoDB, Cassandra, Redis - 키 값 페어, 문서 및 그래프를 비롯한 다양한 스토리지 모델 중 하나를 사용하여 데이터 저장 - NoSQL 스키마는 동적 비관계형 데이터베이스를 선택해야하는경우? - DB를 수평적으로 확장 - 데이터가 기존 스키마에 적합하지 않..

AWS 모든 고객 성공 사례 https://aws.amazon.com/ko/solutions/case-studies/all/ 모든 AWS 고객사례 스마트스터디는 유아용 교육, 게임, 애니메이션 콘텐츠를 만드는 엔터테인먼트 기업입니다. 많이 알려진 브랜드로 ‘핑크퐁’,‘상어가족’ 등 브랜드를 보유하고 있으며 핑크퐁은 4,000여개 노 aws.amazon.com 1. AWS 고객사례: SM엔터테인먼트 (1) 문제점 - 온프레미스 서버, 네트워크, 스토리지 및 관련 시스템으로 구성된 인프라에서 운영 - 트래픽 폭증 (2) 해결방법 - Amazon Simple Storage Servie(S3) 사용하여 음악 파일 보관 - Amazon Elastic Compute Cloud(Amazon EC2) 인스턴스 수를 원..

비동기작업 Q. 동기와 비동기적으로 일을 처리? 빨래, 설거지, 청소를 해야한다. 일처리에 대해서 비유를 해보자 동기-> 빨래를 한 뒤(1시간), 설거지 한 뒤(1시간), 청소를 해서 일을 끝내는 것(1시간) -> 약 3시간 비동기 -> 빨래 업체한테 맡기고 (1분), 설거지 업체에 맡기고(1분), 청소하는 업체 맡기고(1분) -> 약 3분 - 순서가 중요하지 않다면 비동기적으로 업무를 실행하는 것이 맞다. Callback - javascript는 synchronous , 하나하나씩으로 동적으로 수행 - hoistring이란? (중요, 면접에서 많이 나옴) 코드가 나타나는 순서대로 실행이 됨 - Asynchronous? 언제 실행될지 알 수 가 없음 - setTimeout 파라미터 안에 전달, 당장 실행..

Chrome 개발자 도구의 구성 1) 탭 (Red) - 개발자 도구에서 사용할 수 있는 주요 기능 탭들 - 설정 등의 버튼도 존재 2) Main 패널 (Yellow) - 주요 기능 탭이 바뀔 때마다 해당 기능으로 채워짐 3) Drawer 패널 (Green) - 주요 기능이 아닌 부가 기능이나 정보를 보여주는 영역 Dom Element 탭 - Element - 기본적으로 Dom 요소를 클릭하여 접속 1) 클릭한 노드 - 클릭한 Node 저장 / 최근 클릭순서대로 저장/ Console에서 사용가능 / ex) '$0.value 2) Context Menu 존재 (우클릭) - 복사, 숨김, 상태 변경 가능 - 이벤트 Breakpoint 존재 3) Dom Breakpoint 우클릭 -> Break On -> at..

AWS 데이터 센터 - 보통 단일 데이터 센터에서 수만개의 서버 운영 - "Cold Region "이 아니라 "온라인"으로 연결됨 - AWS 사용자 정의 네트워크 장비 => 다양한 ODM 사용, 사용자 지정 네트워크 프로토콜 스택 - 장애시 자동화된 프로세스는 고객 데이터 트래픽을 장애 지역에서 먼곳으로 이동 참고) 콜드 스타트? 앞선 출력 결과를 이용해 동작하게 되므로, 데이터가 없는 시작 상태에서는 제대로 동작하지 않는 시스템 AWS Availability Zone과 Region 1) Region - 전 세계에서 데이터 센터를 클러스터링하는 물리적 위치 - AWS Region은 지리적 영역 내에서 격리되고 물리적으로 분리된 여러 개의 AZ으로 구성 , 두개 이상의 Availability Zone으로 ..

AWS - Management & Governance - 비즈니스 민첩성과 거버넌스 제어를 모두 지원하는 환경을 활성화, 프로비저닝 및 운영 - 조직에서 급격한 사용자가 발생하고 있으면서 아키텍쳐에서 용량의 큰 변화 처리필요할때? 고가용성( High Availability: 서버와 네트워크, 프로그램 등의 정보 시스템이 상당히 오랜 기간 동안 지속적으로 정상 운영이 가능한 성질) 아키텍쳐 필요 - 고가용성요소 1. 내결함성 - 애플리케이션 구성 요소의 내장된 중복성 2. 복구성 - 데이터 손실없이 신속하게 복구 가능한가 3. 확장성 - 인프라가 증가된 용량 요구에 얼마나 신속하게 대응할 수 있는가 - 탄력성 종류 1. 시간기반 - 리소스가 사용되지 않을 때 리소스 끄기(개발 및 테스트 환경) 2. 볼륨기..

[AWS/Cloud] AWS - Security, Identity, Compliance 데이터 보호 - AWS는 데이터, 계정 및 워크로드를 무단 액세스로부터 보호하는 서비스를 제공 자격 증명 및 액세스 관리 - AWS 자격 증명 서비스를 사용하면 자격 증명, 리소스 및 권한을 대규모로 안전하게 관리 네트워크 및 애플리케이션 보호 - 조직 전반의 네트워크 제어 지점에서 세분화된 보안 정책을 적용 위협 탐지 및 지속적인 모니터링 - 클라우드 환경 내의 네트워크 활동 및 계정 동작을 지속적으로 모니터링하여 위협을 식별 규정 준수 및 데이터 프라이버시 - 포괄적인 규정 준수 상태를 확인하고 AWS 모범 사례와 조직에서 준수하는 업계 표준을 기반으로 자동 규정 준수 검사를 사용하여 환경을 지속적으로 모니터링 사..