2주차 팀
주특기를 배우기 시작했다.
선택한 주특기는 리액트고 추석 연휴 때 쉬면서 강의를 계속 들었다.
짧은 시간 내에 이해하려니 어려운 부분이 많았다.
그래서 일단은 4주차까지 듣고난 후 프로젝트를 직접 만들어 보면서 수강한 내용들을 이해하려고 했다.
아직 배포는 완료하지 못했다.
확실히 만들어보면서 강의에 대한 내용들이 이 부분에 해당하는 내용이었구나 하고 알게되는게 많았던 것 같다.
이번 주차에선 리액트의 구조, 리덕스에 대해 배웠는데 강의에선 함수형과 클래스형을 계속 왔다갔다 해서 많이 헷갈렸는데
그 부분이 프로젝트(과제)를 만들면서 이해가 돼서 다행이었던 한 주였다.
DOM (돔)
DOM(Document Object Model) 문서객체모델
DOM은 html 단위 하나하나를 객체로 생각하는 모델이다. 예를 들면, 'div'라는 객체는 텍스트 노드, 자식 노드 등등, 하위의 어떤 값을 가지고 있는데 이런 구조를 트리 구조라고 한다. 왜 이런 설명을 썼냐면 DOM도 트리 구조이기 때문이다.
HTML이란 코드로 설계된 웹페이지가 브라우저( = 크롬, 파이어폭스 etc..) 안에서 화면에 나타나고 이벤트에 반응하고 값을 입력받는 등 기능들을 수행할 객체들로 실체화된 형태
DOM의 모든 요소들 html, div, radio, table 등 이것들은 모두 node로 부터 상속받는다.
모든 HTML요소들은 기본적으로 node이고 이는 모두 node의 기능을 가지고 있다는 말이 된다.
node는 클릭 등의 이벤트가 가해지는 EventTarget이기 때문에 이 요소들은 모두 addEventListener 등의 기능도 갖고 있다.
가상돔(Virtual DOM)
실제 DOM의 구조만 간결히 흉내낸 자바스크립트 객체로
가상DOM 에서 바뀐 부분들이 생기면 실제 돔과 비교하여 바뀐 부분들만 실제 DOM에 반영한다.
Serverless (서버리스)
서버리스(serverless)란 개발자가 서버를 관리할 필요 없이 애플리케이션을 빌드하고 실행할 수 있도록 하는 클라우드 네이티브 개발 모델.
웹이 동작하려면 클라이언트와 서버가 필요하다. 서버가 없다면 웹이 동작하지 않는다.
서버리스는 서버가 없다는 것이 아니라 직접 서버를 관리하지 않는 경우를 뜻한다.
서버리스가 나오기 전에는 아마존의 EC2와 같이 비용을 지불하고 하드웨어적인 부분을 빌려 서버를 사용했는데 이는 하드웨어 부분만 빌리는 것일 뿐 소프트웨어 부분은 직접 관리를 해줘야 했다.
그 후에 서버리스가 등장하게 됐는데 이 서버리스는 항상 돌아가는 것이 아니고 리퀘스트 요청이 왔을 때만 함수가 동작한다.
서버는 이용자가 몇 명이든 같은 돈을 내고 사용하지만
서버리스는 수행한 함수만큼 돈을 지불하고
서버는 항상 돌아가고 있기 때문에 바로바로 응답이 가능하지만
서버리스는 잠들어있는(?) 상태의 함수를 깨우는 것이기 때문에 미세하게나마 시간차가 생길 수 있다는 단점이 있다.
