리액트

[1주차] 자바스크립트의 동등 비교, 함수, 클래스 | 모던 리액트 딥다이브 공부

1.1 자바스크립트의 동등 비교 1.1.1 자바스크립트의 데이터 타입 원시타입 객체가 아닌 모든 타입, 메서드를 갖지 않음 boolean 0, NaN, ””, null, undefined 모두 falsy 한 값 null 명시적으로 비어 있음을 나타내는 값 undefined 선언됐지만 할당되지 않은 값 number 최대 2^53-1저장 가능 string 템플릿 리터럴(백틱``사용, 줄바꿈0, 표현식0) symbol 고유한 값을 나타낼 때 사용, Symbol()함수 사용 bigint number의 숫자 크기 제한을 극복, ES2020 객체타입 object 원시 타입 이외의 모든 것 배열, 함수, 정규식, 클래스 참조를 전달 (=참조 타입) 1.1.2 값을 저장하는 방식의 차이 원시 타입 변하지 않는 형태의 ..

흥미로운 리액트의 역사를 읽고 알게 된 사실

예전에는 양방향 바인딩 구조여서 모델과 뷰가 서로가 서로를 변경할 수 있는 구조였다. 페이스북 프론트엔드 개발자들이 고민 끝에 모델이 뷰를 변경하는 단방향 방식인 react가 시작되었다. 양방향 구조에서 버그 잡기란 지금보다 훨씬 더 어려웠다. 페이스북팀은 리액트 전에 BoltJs 라는 프레임워크를 먼저 시도했었다. 그러나 조용히 사라졌다. 하나의 어플리케이션에서 API의 변화에 따라 무언가 변경되면 단순히 UI를 초기화하고 재랜더링하는 것이 당연한 게 아니였다. 2013.05 최초 공개된 버전은 0.3.0이고 2023 기준 최신 버전은 18.2.0이다. 재미있는 사실은 0.14.7 이후 바로 15.0.0 버전으로 넘어왔다. 그 당시의 대다수의 개발자들은 JSX 구문, 즉 자바스크립트 내에 HTML을 추..