# 한 달 안에 취업하기 #16

- Author: @kimyoungjo
- Published: 2020-02-14
- Updated: 2020-02-14
- Source: http://blex.me/@kimyoungjo/%ED%95%9C-%EB%8B%AC-%EC%95%88%EC%97%90-%EC%B7%A8%EC%97%85%ED%95%98%EA%B8%B0-16-1
- Tags: 미분류

---

##### 오늘 할 일
 - 알고리즘 1문제
 - 웹 관련 개념 잡기
 
### 알고리즘 1문제

[Github](https://github.com/yoyounn18/1Day1Algorithm/blob/master/%EC%88%AB%EC%9E%90%EC%9D%98%20%ED%91%9C%ED%98%84)

### 웹 관련 개념 잡기

1. 자바스크립트의 이벤트 위임
 - 요소들 각각에 이벤트를 부여하는 것이 아닌 하나의 이벤트 리스너로 전체영역에 등록하는 것.
```javascript
 	 document.addEventListener('DOMContentLoaded', function() {

    let app = document.getElementById('todo-app');

    // 리스트 아이템의 전체 영역에 이벤트 리스너를 등록합니다.
    app.addEventListener('click', function(e) {
      if (e.target && e.target.nodeName === 'LI') {
        let item = e.target;
        alert('you clicked on item: ' + item.innerHTML);
      }
    });
  });
```

2. MVC 패턴이란?
 - Model, View, Controller의 약자
 - Model은 데이터를 저장하고 불러오는 것들이 Model part
 - View는 HTML, CSS 등으로 시각화 해주는 것
 - Controller Model과 View를 제어하는 역할
 - Model : 주방장 View : 주문을 플레이팅 하는 직원 Controller : 주문도 받고 음식도 내어주는 매니저? 역할
 
3. REST API란?
 - 정보들이 주고받아지는 과정들에 대한 일종의 약속된 형식이다. HTTP 요청을 보낼때 어떤 URI에 어떤 메소드를 사용할지 정하는 약속
 - Get은 데이터를 Read, 조회하는데 사용
 - Post create 새로운 정보를 추가하는데 사용
 - put은 정보를 통째로 갈아 끼울때 사용
 - patch는 정보중 특정 요소를 변경할때