JSX란 const element = Hello, world!; JSX는 자바스크립트를 확장한 문법으로 자바스크립트의 모든 기능이 포함되어 있다. JSX는 함수 호출과 객체 생성을 위한 뭄법적 편의를 제공하고 특히 React.createElement() 호출을 반복해야 하는 불편을 해소한다. jsx특징 반드시 하나의 엘리먼트로 감싸야한다. 자바스크립트 코드를 적용할 땐 { } 안에 작성한다. JSX 내부에선 if문을 사용할 수 없다. IIFE or 삼항연산자 사용 엘리먼트의 클래스 이름을 적용할 때, className을 사용한다. JSX에 표현식 포함하기 const name = "josh Perez" const element = hello, {name}; ReactDOM.render( element, d..

HTTP http 는 클라이언트와 서버 사이에 이루어지는 요청/응답 프로토콜이다. 클라이언트인 웹브라우저가 http를 통히여 서버로부터 웹페이지나 그림 정보를 요청하면 서버는 이 요청에 응답하여 필요한 정보를 해당 사용자에게 전달하게 된다. 위의 그림처럼 클라이언트가 서버에 요청하면 서버는 응답을 주는 응답을 해준다. 한번에 요청에는 한번의 응답을 하고 응답을 하는 순간 연결은 종료 된다. 요청을 하면 응답을 줘야하는데. 응답을 주지 않으면 오류가 난다. (Keep-alive 설정을 하면, 지정된 시간동안 연결을 끊지 않고 요청할수 있다.) Http의 특징 비연결 지향 : 요청 하고 응답이 오면 연결을 끊는다. 무상태 : 연결을 끊는 순간 클라이언트와 서버의 통신은 끝나며 상태 정보를 유지하지 않는다. ..

Prototype은 PrototypeLink와 PrototypeObject를 통틀어 부르는 말이다. Prototype Object 객체는 언제나 함수로 생성된다. function Car() {} // => 함수 생성 var carObject = new Car(); // => 함수로 객체를 생성 carObject 객체는 Car함수로 생성된 것이다. 이처럼 Object와 마찬가지로 Array,Function 모두 함수로 정의되어 있다. 함수가 정의 될때는 해당 함수에 생성자 (constructor) 자격을 부여 하거나 해당 함수의 Prototype Object 생성 및 연결 하는 일 2가지가 동시에 일어 납니다. 1.함수에 생성자 (constructor) 자격을 부여 Constructor 자격이 부여되면 n..

Hash는 배열을 사용하여 값을 저장하기 때문에 빠른 검색속도를 가지고 있다. 특정한 값을 search하는데 데이터 고유의 인덱스로 접근을 하는데 이 인덱스로 저장되는 key 값이 불규칙 하다. 그래서 저장할 데이터와 연관된 고유한 숫자를 만들어 낸 뒤 이를 인덱스로 사용한다. 특정 데이터가 저장되는 인덱스는 그 데이터만의 고유한 위치이기 때문에 다른 데이터의 사이에 끼어들거나, 삭제시 다른 데이터로 채울 필요가 없으므로 연산에서 추가적인 비용이 없도록 만들어진 구조이다. 해쉬 충돌 (Hash Collision) 방지 1. Separate Chaining 연결리스트를 이용하는 방식으로 키(Key)에 매핑된 인덱스가 가르키는 연결 리스트(Linked List)에 노드(Node)를 추가하여 값(Value)을..

1. Tree 트리 구조는 비선형 구조로 데이터가 계층적으로 구성되어 있다. 트리는 노드들과 노드를 연결하는 edge(간선)들로 이루어진 자료 구조로 하나의 루트로드를 가지고 루트 노드는 0개 이상의 자식 노드를 가지고 그 자식 노드 또한 0개 이상의 자식 노드를 가지는 구조가 반복된다. Root Node : 트리 구조에서 최상위에 존재하는 노드 (A) Node : 트리의 구성요소에 해당하는 요소 (A, B, C, D, E, F, G, H, I) Edge : 노드와 노드를 연결하는 연결선 Terminal Node(Leaf Node) : 밑으로 다른 노드가 연결되어 있지 않은 노드 (H, I, F, G) Sub -Tree : 큰 트리에 속하는 작은 트리 Level : 트리에서 각 층별로 숫자를 매긴다. H..

1. stack 데이터를 한쪽 끝에서만 넣고 뺄 수 있는 LIFO(Last In First Out) 형식의 선형 자료형이다. 스택의 연산 pop() : 스택 가장 위의 항목 제거 push(item) : item 하나를 스택의 가장 윗부분에 추가한다. peek() : 스택의 가장 위에 있는 항목을 반환한다. 스택의 특징 배열과 달리 스택은 상수 시간에 i 번째에 접근할 수 없다. 데이터 추가 삭제 연산에서는 상수 시간에 접근이 가능하다. Pseudo Code Stack 함수를 생성 데이터를 담을 배열을 생성 배열 마지막에 값을 추가하는 함수를 만든다. (push) 배열 마지막에 값을 제거하는 함수를 만든다. (pop) 배열 마지막 값을 반환하는 함수를 만든다. (peek) 2. Queue 앞부분부터 삭제가..