Rosy's Artificial Intelligence Blog

[Cloud] AWS - Storage 데이터를 저장, 액세스, 관리 및 분석하여 비용을 절감하고, 민첩성을 높이고, 혁신을 가속화하는 완벽한 범위의 서비스를 제공 AWS Storage 서비스 - 스토리지 종류 1. 객체 스토리지(S3) Amazon S3 (Amazon Simple Storage Service, S3) - 어디서나 원하는 양의 데이터를 저장하고 검색할 수 있도록 구축된 객체 스토리지 , 드롭박스처럼 파일 업로드, 다운로드가 가능한 인터넷 저장 서비스 2. 파일 스토리지 Amazon Elastic File System - 확장 가능하고 탄력적인 클라우드 네이티브 NFS 파일 시스템 Amazon FSx for Windows File Server - Windows Server에 구축되는 완전 ..

AWS -Containers에 들어가기전에 ... - 컨테이너(Container) 란? 애플리케이션의 코드, 구성 및 종속성을 하나의 객체로 패키징하는 표준화된 방식을 제공 컨테이너는 서버에 설치된 운영 체제를 공유하며 리소스가 격리된 프로세스 형태로 실행되므로 환경에 상관 없이 빠르고 안정적이며 일관된 배포를 보장 - 컨테이너(Container) 사용 이유 개발자가 애플리케이션을 패키징하고 배포하기 위한 방식 보안 : AWS는 210개의 보안, 규정준수 및 거버넌스 서비스와 주요 기능 제공 , 컨테이너간 보안 강력 분리, 최신 보안 업데이트 실행 안정성 : 22개 리전에 걸쳐 있는 69개 가용영역(AZ)을 갖춘 최고의 글로벌 인프라에서 실행 다양한 옵션 : 서버리스 컴퓨팅 ? AWS Fargate / ..

1. 탐욕 알고리즘(Greedy Algorithm) - 최적회를 구하는데 사용되는 근사적인 방법, 여러 경우 중 하나를 결정해야 할 때마다 그 순간에 최적이라고 생각되는 것을 선택해 나가는 방식 -> 즉 최종적인 해답에 도달 - 현재 상황에서 가장 좋아 보이는 답을 선택하는 방법 - 각 부분에서 최적을 선택하면 전체에서도 최적이 될 것이라는 가정을 전제로 함 - 선택은 항상 하위 문제에 대한 해답이 나오기 전에 선택됨 대표적인 문제 ex) 배낭채우기문제 최소신장트리(MST, Minimum Spanning Trees) - 신장트리(Spanning Tree) ? 사이클을 형성하지 않고 그래프의 모든 정점이 간선으로 연결되어 있는 것 - 특징 1. 간선의 가중치 합이 최소여야 함 2. n개의 정점을 가지는 그..

렌더링(Renderinng) 이란? - 서버로부터 받은 내용을 브라우저 화면에 표시하는 것 SSR vs CSR SSR : Server Side Rendering 장점 - 전통적인 방식 - 검색엔진최적화(Search Engine Optimization, SEO) 가능 -> React에서 SSR사용하기 위해 Next.js 사용 Q. 검색엔진최적화란? 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업 단점 - 로딩속도가 많이 걸림 - React에서 서버사이드 렌더링 구현 할 경우 Router과 Redux 함께 사용 --> 복잡해짐 CSR : Client Side Rendering - Client에서 렌더링 하는 방식 - Reac..

1. 동기(Synchronous) vs 비동기(Asynchronous) Q. 동기와 비동기적으로 일을 처리? 빨래, 설거지, 청소를 해야한다. 일처리에 대해서 비유를 해보자 동기 -> 빨래를 한 뒤(1시간), 설거지 한 뒤(1시간), 청소를 해서 일을 끝내는 것(1시간) -> 약 3시간 비동기 -> 빨래 업체한테 맡기고 (1분), 설거지 업체에 맡기고(1분), 청소하는 업체 맡기고(1분) -> 약 3분 - 순서가 중요하지 않다면 비동기적으로 업무를 실행하는 것이 맞다. 동기와 비동기의 차이점은? 함수가 바로 return 되는지 여부 2. 블로킹(Blocking) vs 논 블로킹 (Non Blocking) 블로킹과 논 블로킹? 백그라운드 작업 완료 여부에 나뉘어짐 노드에서는 동기-블로킹방식과 비동기-논블로..

1. Table 생성 2. CRUD 작업하기 - Create, Read, Update, Delete 2.1 Create 2.2 Read 2.3 Update 2.4 Delete

1. 설치 - 윈도우 기반으로 설치 - https://dev.mysql.com/downloads/installer/dev.mysql.com/downloads/file/?id=501137 - default로 설치 - 계속 설치 - 비밀번호도 설치 2. Console 폴더 C:\Program Files\MySQL\MySQL Server 8.0\bin cmd 창으로 이동 $ mysql -h localhost -u root -p $ 비밀번호 입력 mysql> mysql>exit

Redux (복습) Redux 특징 1) Middleware 개념 존재 - Redux로 상태 관리를 할 때에는 useReducer를 사용해볼때 접했던 개념인 리듀서 함수 사용 - Middleware 비 동기 작업 처리할때 많이 사용 2) Redux의 Connet 함수 사용시 리덕스의 상태 또는 액션 생성 함수를 컴포넌트의 props로 받아올 수 있음 - connect 함수 사용 및 useSelector, useDispatch, useStore 사용하여 상태 조회하거나 액션 디스패치 가능 3) 하나의 커다란 상태로 관리가 가능 Redux 사용시? 1) 프로젝트 규모가 크고, 비동기작업시? 리덕스 Redux -> 불변성 유지 필요 왜? 객체의 변화를 감지할때 겉핡기 식으로 비교하여 좋은 성능을 유지하는것이 ..

Router이란? - 뷰 렌더링과 관련 - 뷰 렌더링을 유저의 브라우저가 담당하도록 하고, 우선 어플리케이션을 브라우저에 로드 한 다음에 정말 필요한 데이터만 전달받아 보여줌 - Router? 다른 주소에 따라 다른 뷰를 보여주는것 - 리액트에는 Router 기능이 포함되지 않기 때문에 직접 브라우저의 API를 사용하고 상태를 설정하여 다른 뷰를 보여주어야 함 React-Router이란? - 클라이언트 사이드에서 이뤄지는 라우팅을 간단하게 해줌 - 서버 사이드 렌더링도 도와주는 도구들이 함께 딸려옴 - 공식적으로 지원하는 라이브러리는 아님 npm install react-router-dom --save npm create-react-app routing npm install react-router-dom..

기본 헷갈리는 것 - (1)과 (2)는 똑같은 결과를 나타냄 (1) 함수형 ~ function App() { return ( CRUD APPLICATION ); } export default App; (2) 함수형 const const App =() => { return( CRUD APPLICATION ) } export default App; const & let const? - ES6 문법에서 새로 도입되었으며 한번 지정하고 나면 변경이 불가능한 상수를 선언할 떄 사용하는 키워드 import React, {Fragment} from 'react'; const App = () => { const name = "React Example"; return( Hello React {name} ) }; expo..