이것저것

1. 콜스택 (Call Stack) 자바스크립트가 함수 실행을 핸들하는 방법 중 하나 스택과 같은 것 함수를 위에서부터 차례로 실행하고 실행이 완료된 함수는 목록에서 제거된다. 0 -> 1 -> 2 -> 3 -> 로그 출력 -> 3 -> 2 -> 1 -> 0 0부터 차례로 스택이 쌓이고 로그를 출력한다음에 다시 3부터 차례대로 완료 함수를 제거 3번에 로그 출력과 에러 메시지를 넣어두면 3번에서 로그를 출력하고 에러 메시지를 보내면서 에러 전에 있던 콜스택을 모두 출력해준다 (0, 1, 2, 3을 출력) 알아두면 언젠가는 도움이 될 컨셉 최종 정리 리스트가 존재하고 함수는 리스트에 추가된다. 실행이 완료되면 함수는 리스트에서 제거된다. 자바스크립트의 to do list 인 것이다. ps. 스택이 붕괴될 ..

JSX는 JavaScript XML의 약자로 React가 이벤트가 처리되는 방식이다.

Node.js는 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임이다. Node.js 덕분에 자바스크립트는 웹 브라우저 영역 외에 웹 서버, 모바일 애플리케이션, 데스크톱 애플리케이션 영역에서도 엄청나게 활약할 수 있게 되었다. 리액트는 웹 브라우저에서 실행되는 코드이므로 Node.js와 직접적인 연관은 없지만, 개발하는데 필요한 주요 도구들이 Node.js를 사용하기 때문에 설치한다. Node.js를 사용해 백엔드 서버 구현도 한다. npm은 Node.js의 패키지 매니저 도구이다. npm으로 많은 개발자들이 만든 패키지를 설치해 사용하고 버전을 관리할 수 있다. 리액트 역시 하나의 패키지이다.

자바스크립트 기반의 프레임워크에는 Vue, Angular, Backbon.js 등이 있다. 프레임워크들은 주로 MVC 아키텍처, MVVM 아키텍처를 사용하고 Angular는 MVW(Model View Whatever)로 애플리케이션을 구조화한다. 위 아키텍처의 공통점은 모델(Model)과 뷰(View)가 있다는 것 모델(Model)은 애플리케이션에서 사용하는 데이터를 관리하는 영역 뷰(View)는 사용자에게 보이는 부분이다. 사용자가 프로그램으로 어떤 작업을 하면 컨트롤러(Controller)가 모델 데이터(Model)를 조회하거나 수정하고 변경된 사항을 뷰(View)에 반영한다 페이스북에서 데이터가 변할 때마다 어떻게 변화할지 고민하는 것이 아니라 기존 뷰를 날리고 처음부터 새로 렌더링 하는 방식으로 ..