2022-09-08

HTML은 선언형 언어라 읽기가 쉽다. 자바스크립트는 멀티 패러다임이다.(명령형, 함수형, 객체 모두를 지원한다).

선언형 : WHAT에 관심이 있다. 인간의 언어에 가깝다.

명령형 : HOW에 관심이 많다. 기계어에 가깝다.

리액트 장점

1. 선언형(가독성이 좋고 유지보수성이 좋다)
2. 컴포넌트 기반이다

SPA를 구분하는 방법? ⇒ HTML이 단 한개! 있는 것을 말한다. spa에서 div를 갈아끼우는 방법도 여러가지가 있다. 가장 있기 있는 방법은 컴포넌트로 갈아끼우는 것이 좋다.(컴포넌트로 렌더링한다)

Component 거대한 틀이 있다고하면, 거대한 구성요소의 하나. Component는 재사용을 하기 위해 이야기를 많이 한다.

Component의 가반 기본 개념은 태그를 만들어야 가능하다

결합을 낮춘다. 커플링을 낮춘다 ⇒ 모듈을 만드는 기본이다. 결합도와 응집도 결합도와 응집도는 모듈의 독립성을 판단하는 두가지 지표다.

결합도 : 모듈과 모듈간의 상호 의존 정도

응집도 모듈 내부의 기능적인 집중 정도

⇒결합도는 납을 수록 응집도는 높을 수록 이상적인 모듈화다.

oneway data flow⇒ 가급적 한방향으로 데이터가 흐르도록 모듈화한다.

state는 state를 바꾸는데 관심이 많은 함수들로 나와있다

render는 DOM에 그리는데 관심이 많은 친구들이다

app은, 유저의 행동을 인터렉션하는데 관심이 많다.

둘은 협력은 하지만, 서로 붙어있을 필요는 없다.

컴포넌트로 만들면, 컴포넌트내에, state, render, controller 모두 한 곳에 있다. 모든 곳에서 MVC를 분리하려고 하면 안된다. 과제가 있다고하면, 과제에 주어진대로 진행을 할것.

DOM API는 노드를 가지고 와서 시작을 하기 떄문에 문제가 생긴다 ⇒addeventlistener도 사용안하느 방법이 있다. 문제 ⇒ addeventlistener을 대체하기위해서 태그에 이벤트를 넣는다고하면, 함수는 string으로 사용할 수 없다. 이 것을 사용하려면 객체로 함수를 리턴해야 한다.

서버는 두가지가 있다. 웹서버, 앱서버.

웹서버 : 정적 리소스를 주는애를 웹서버라고 한다. HTML을 달라하면 HTML, CSS를 달라고하면 CSS를 준다.(요청하는 것을 준다, 정적인 것을 준다!)웹 서버가 있으면 정적 웹페이지를 만들 수 있다.

rest api를 사용하는서버는 앱서버가 필요하다!

로컬호스트와 포트에 대해서 검색 해볼 것.

state를 관리할 때 주의할 것. ⇒모든 state가 서버로 갈 필요는 없고, 간단한 state는 local Storage에 저장하거나 날리는게 좋은 경우도 있다.