리액트 2

(타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발) Ch1 Next.js와 타입스크립트를 활용한 모던 개발

브라우저 크래시  제이쿼리가 지원했던 크로스 브라우저의 기능? 브라우저 라우터 히스토리(history API와 react-router의 차이?) mvvm - model(데이터를 관리하는 model) /view(화면 표시와 관련된 view) / viewModel(데이터와 표시의 가교 역할을 하는 viewModel) - MVVM에서는 모델로부터 뷰로 데이터를 연동하고, 뷰로부터 모델로 데이터의 양방향 바인딩을 수행하는 아키텍처 - 선언적 UI - https://react.dev/learn/reacting-to-input-with-state#how-declarative-ui-compares-to-imperative React  - 브라우저의 구현에 의존하지 않는 형태로 DOM을 삽입할 수 있어서 나중에는 서버..

next.js 2024.07.25

(타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발) Ch2 타입스크립트 기초

튜플을 활용하면 좋은 상황// chatGPT의 답변데이터 구조가 고정되고 각 요소의 타입이 명확히 정의되는 상황에서 큰 도움이 됩니다. 이를 통해 타입 안전성을 높이고 코드의 명확성을 개선할 수 있습니다. 타입추론타입스크립트 타입 추론은 대입할 대상 변수값의 타입이 결정되어 있을 때, 대입할 값과 타입이 일치하지 않는 경우 에러가 발생하는 추론 기능도 있습니다. 자바스크립트를 실행할 때 window 객체는 표준으로 갖는다.  -> window 객체는 JS에서 제공하는 것이 아닌, 모든 브라우저에서 제공하는 객체이다.  -> BOM(Broswer Object Model)      브라우저 창이 열리면 가장 먼저 window 객체가 만들어지고, 그 하위에 브라우저 각 요소에 해당하는 객체가 만들어진다.   ..

next.js 2024.07.25