배꼽파지 않도록 잘 개발해요

◆  AWS EC2 소개 ◆  EC2 보안 : 보안그룹 (Security Group) ◆  AWS 스토리지 : EBS & EFS 소개 ◆  고가용성 EC2 구성하기 1 : 로드 밸런서 ◆  고가용성 EC2 구성하기 2 : 오토 스케일링 그룹◆ AWS EC2 소개서비스 구성 방식에 따른 AWS 컴퓨팅 서비스 종류정의Instance (가상머신) ·  실제 서버와 구성하는 것과 거의 흡사한 구성을 가짐 ·  서버를 구성할 때 탑재해야할 하드웨어(CPU, 메모리, 디스크 등의 값)를 가지고 그 위에 OS가 설치된 이후에 애플리케이션이 그 위에서 동작하는 구조 ·  Hypervisor(하이퍼바이저)라는 가상머신을 관리하는 SW가 커널에서 동작하고 그 위에는 가상머신이 일반 서버와 동일하게 가상으로 생성된 하드웨..

1. AWS 시작하기 2. AWS Computing: EC2 활용하기 3. Storage, DB CDN 서비스 활용하기 4. AWS 네트워킹 활용하기◆ AWS 시작하기 AWS 개념 & 주요 서비스인프라(플랫폼)- 프로그램이 작동할 때 이를 실행시킬 수 있는 환경- PC, 서버, 데이터 센터- 서비스를 안정적으로 유지하기 위해서는 인프라의 안정성이 중요함.서버와 PC의 근본적인 차이 : 성능과 안정성 성능PC : CPU 1개, 메모리 최대 4개서버 : CPU 6개, 메모리 12개까지 확장 가능안정성PC : 사용하다가 전원이 나가서 데이터 유실 가능성서버 : 사용하다가 전원이 나가도 데이터를 보호할 수 있는 장치가 내부에 탑재되어 있음. 실제로 서비스를 지속적으로 운영하기 적합합 환경데이터 센터웹 서버의 사..

fetchfetch('보내고 싶은 URL');const res = await fetch(url);// 리스폰스 상태 코드res.status;// 리스폰스 헤더res.headers;// 리스폰스 바디await res.json(); // JSON 문자열을 파싱해서 자바스크립트 객체로 변환await res.text(); // 문자열을 그대로 가져옴fetch는 기본적으로 GET 리퀘스트를 보낸다. promise를 리턴하는데, 시간이 지나고 response가 도착하면 promise는 fulfilled 상태가 되고 response를 결과값으로 갖게 된다. 그래서 response를 가져오려면 await 문을 써야함. 이 중에서 많이 사용하는 것은 상태코드, header, body임.body 내용은 단순히 프로퍼티로 ..

◆  집합연산자 & 계층형질의 ◆  JOIN 심화 ◆  서브쿼리 심화 ◆  그룹 함수 & 윈도우 함수 ◆   집합연산자 & 계층형질의집합연산자STANDARD SQL 순수 관계 연산집합 연산자집합 연산자두 개 이상의 테이블에서 조인을 사용하지 않고 연관된 데이터를 조회하는 방법 중 하나테이블에서 SELECT한 컬럼의 수와 각 컬럼의 데이터타입이 테이블 간 상호 호환 가능해야 한다.UNION, UNION ALL, INTERSECT, EXCEPTUNION두 개의 테이블을 하나로 만드는 연산UNION에 사용할 컬럼의 수와 데이터 형식이 일치해야 하며합친 후에 테이블에서 중복된 데이터는 제거이를 위해 UNION은 테이블을 합칠 때 정렬 과정을 발생시킴.하지만 최종 결과에 대해 올바른 정렬을 하기 위해서는 ORDE..

◆ 데이터베이스 준비하기 ◆ 정규화(Normalization) ◆ 뷰(View)◆ 데이터베이스 준비하기데이터베이스관계형 데이터베이스 (RDB)비관계형 데이터베이스 (NoSQL) MySQL, MariaDB, postgreSQLJSON각 테이블 간 관계 O각 테이블 간 관계 X스키마 O스키마 X구조적으로 안정적이나 유연하지 못함유연성을 가지고 있으나 구조 결정이 어려움상황과 조건에 맞춰 적절한 데이터베이스를 선택하는 것이 중요함. 데이터모델링데이터모델링 효율적으로 데이터베이스를 구축하기 위해 데이터베이스의 뼈대를 세우는 작업요구 사항 정리 : 데이터가 어떠한 형태, 어떤 목적을 가지고 있는지 정리개념적 데이터 모델 설계 : 핵심 개체를 찾고, 각 개체 간의 관계를 정리논리적 데이터 모델 설계 : 실제 데..

◆  SQL 시작하기 ◆  데이터를 제어하는 DML ◆  SQL과 함수 ◆  다수의 테이블 제어하기 ◆  서브쿼리 ◆ SQL 시작하기SQL이란? 데이터베이스여러 사람이 공유해 사용할 목적으로 통합하여 관리되는 데이터의 모음Maria DB, Amazon Redshift, Oracle DB 등 많은 종류가 존재 데이터베이스의 종류에 따라 사용 방법이 조금씩 다르지만, 데이터베이스에서 검색과 분석에 사용되는 기본 사용 방법은 데이터베이스 종류와 상관없이 동일함. SQLStructured Query Language의 약자데이터베이스에 접근하고 조작하기 위한 표준 언어데이터 검색, 삽입, 수정, 삭제, 데이터베이스 생성, 테이블 생성, 이외 많은 것들 ...테이블에서 데이터 검색하기가장 많이 사용되는 종류관계형 ..

◆ MongoDB 개요 ◆ CRUD ◆ 쿼리 연산자 ◆ 고급 활용 기능 ◆ MongoDB 개요 MongoDB 명령어 DB 접속 use myDatabase 정보 저장 db.initialCollection.insertOne({hello: "world"}) 정보 확인 db.initialCollection.find() NoSQL NoSQL의 특징 · 질의 명령어가 SQL이 아니다 · 정보의 형식을 미리 정하지 않는다 NoSQL DBMS · NoSQL (Not Only SQL) : - 전통적인 관계형 데이터베이스보다 덜 제한적인 일관성 모델을 제공하는 DB - 기존 RDBMS가 일관성 모델 때문에 가질 수 없었던 확장성, 유연성, 고성능, 고기능성을 확보함. · DBMS (Database Management Sy..

◆ 배열 렌더링하기 ◆ 데이터 가져오기 ◆ 입력 폼 다루기 배열 렌더링하기 mock 데이터 추가하기 ReviewList.js function ReviewList({ items }) { console.log(items); return ; } export default ReviewList; components/App.js import ReviewList from "./ReviewList"; import items from '../mock.json'; function App() { return } export default App; index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './comp..

◆ React Styling 방법론 소개 ◆ JavaScript template literal ◆ styled component 기본기 React Styling 방법론 소개 CSS module : CSS module CSS in JS library : CSS in JS library UI framework : UI framework CSS framework : w3.css CSS Module class, id 등에 random string을 달아주기 때문에 선택자가 겹칠 우려가 없음. 스타일 충돌을 방지하고 코드를 격리하여 체계적으로 CSS 설계가 가능 스타일링을 직접 하나하나 해야 함. 하나의 스타일 sheet가 여러 컴포넌트에 영향을 미침. App.jsx import styles from "./app..

Server Side Rendering ◆ Server Side Rendering ◆ 성능 측정 키 메트릭 ◆ Server Side Rendering 이해 ◆ React를 활용한 Server Side Rendering ◆ SSR 구현하기 (실습) React 앱 빌드와 배포 ◆ React 앱 배포 ◆ 배포를 위한 React 앱 준비 ◆ Azure를 사용한 VM 배포 ◆ React 앱 배포를 위한 Azure VM 세팅 ◆ 앱 배포하기 (실습) Server Side Rendering Server Rendering Server Side Rendering (SSR) React, Vue, Angular 등 자바스크립트 프레임워크가 나오기 이전 초기 웹 환경에서는 모든 페이지를 서버에서 빌드. 클라이언트는 별도의 처..