Mini-Study (6) 썸네일형 리스트형 S3, EC2, RDS -S3 : 서버의 역할을 하는 서비스 : 저장 할 수 있는 파일 수의 제한이 없음 : 데이터의 손실이 일어날 경우 자동으로 복원함 : 많은 사용자가 접속을 할 수 있음 -EC2 : 하나의 컴퓨터를 임대하는 것이라 생각하면 됨 : 자신이 선호하는 운영체제를 설치하고, 웹 서비스를 위한 프로그램들 설치 가능 : 인터넷을 통해서만 접속 가능 : 사용한 만큼 비용을 지불하면 됨 : 필요하지 않을 때는 삭제가능하며 삭제 즉시 제거됨 -RDS : 아마존 웹 서비스가 서비스하는 분산 관계형 데이터베이스 : 복제, 백업, 장애 복구와 같은 작업을 대행 : 복잡한 관리 프로세스들을 자동으로 관리 : 클라우드 내에서 동작하는 웹 서비스 -결론 EC2(클라이언트) ---- S3(서버) ---- RDS(데이터베.. React -react를 사용하는 목적 : 사용자와의 인터렉션이 많을 경우 수많은 상태관리가 필요한데 상태법 관리를 최소화해주고 오직 기능개발에만 집중할 수 있도록 하기 위해 사용 : 컴포넌트라는 개념에 집중하고 있는 프론트엔드 라이브러리 : 나만의 html태크 -ES6 : 리액트는 기본적으로 ES6를 사용 : 기본적으로 알아야하는 규칙 -> destructuirng, spread operator, real parameters, default parameters, template literals, arrow function, for-of loop -JSX 리액트 컴포넌트를 화면에 보여주기 위한 복잡도를 줄이고 가독성을 높이기 위해서 주의할점 반드시 하나의 엘리먼트로 감싸야한다. 자바스크립트 코드를 적용할 땐.. browser, server, api, http, ajax browser : 인터넷으로 연결해주는 프로그램 : 서버랑 통신하는 explorer, chrome, Mozilla 와 같은 소프트웨어를 말한다. : 브라우저의 주된 역할은 HTML 코드를 읽어서(파싱) 화면에 보이는 것 server : 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템 : 컴퓨터 프로그램또는 장치를 의미 : 정보 제공을 하는 주체 ex) 내 컴퓨터에 사진 등을 올리고 다른 컴퓨터들이 정보를 접속해서 확인할 수 있도록 하는 것 api : Application의 Programming을 위한 Interface : Interface는 물건을 조작하기 위한 디자인- 동작인식, 터치스크린처럼 해당기기를 작동하는 방식 : Programming interface - 키보드, .. ES5 와 ES6의 상속 차이점 *Class(ES6) : ES5의 일반 프로토 타입 상속 구문보다 훨씬 쉽게 작업 할 수 있다. : 상위 클래스와 하위 클래스로 나뉜다. : 하위 클래스는 상위 클래스의 속성을 상속받아 사용할 수 있다. (이렇게 되면 상위 클래스 = 부모, 하위 클래스 = 자식이 된다.) : 상위 클래스의 속성을 상속 받은 뒤 하위 클래스는 상속의 내용을 변경 할 수 있다. (하지만 상위 클래스의 속성은 변경되지 않는다.) : 하위 클래스에 따로 속성을 추가 할 수 있다. - ES5의 상속 방법(prototype) function Car () { this.fuel = 0; this.distance = 0; } Car.prototype.move = function () { if (this.fuel < 1) { thro.. Stack, Queue, Linked List란? *Stack : 한쪽 끝에서만 데이터를 넣고 뺄 수 있는 구조 (즉, 출구와 입구가 같은 구조) : 나중에 넣은 데이터가 먼저 처음에 넣은 데이터가 나중에 나오는 구조 (LIFO - Last In First Out) : 접시를 쌓거나 책을 쌓을때 등과 같음 -method : top(데이터 삽입 및 삭제하는 위치) : peek(데이터 위치 탐색) : top(스택의 맨 위에 있는 데이터 값을 반환) : push(스택에 데이터를 삽입) : pop(스택에서 데이터를 삭제하여 삭제한 값을 반환) : isempty(스택에 원소 유무 판단 - 없으면 ‘true’, 있으면 ‘false’ 값 반환) : isfull(isempty와 반대) *Queue : 데이터가 들어가는 쪽과 나오는 쪽이 반대인 구조 (즉, 출구와 .. Tree, Graph, Hash Table, Binary Search Tree 란? *Tree : 구조가 나무의 뿌리 같이 생긴 구조 : 회로가 없고, 서로 다른 두 노드를 잇는 길이 하나뿐인 그래프 : 부모노드에서 자식노드로 갈 수 있지만 자식 노드는 부모노드로 불가능 (위에서 아래는 가능, 아래에서 위로는 불가능) : 회사 조직도와 비슷함 - property : 루트 노드(최상위 노드) : 단말 노드(노드가 연결되지 않은 노드 - 자식 노드가 없음) : 내부 노드(단말 노드를 제외한 모든 노드) : 일반 트리(자신의 자식 노드의 수가 제한이 없음) : 이진 트리(자신의 자식 노드의 수를 최대 2개로 제한) *Graph : 노드들이 선으로 연결되어 삼각형의 형태를 띄고 있는 자료구조 : tree 구조와는 다르게 노드가 하나 이상의 in-degree, out-degree를 가짐 : .. 이전 1 다음
