개발일기

브라우저 크래시  제이쿼리가 지원했던 크로스 브라우저의 기능? 브라우저 라우터 히스토리(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을 삽입할 수 있어서 나중에는 서버..

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

Next.js 공식 홈페이지의 Rendering 파트를 읽다가 프로젝트를 하면서 줄 곧 발목 잡던 내용에 대한 부분이 있어 캡처해서 올리게 되었다. 클라이언트 컴포넌트 안에 데이터를 fetching 하는 서버 컴포넌트를 두었을 경우 클라이언트 컴포넌트에서 async-await를 사용할 수 없다고 하는 에러가 나왔었다. 그렇다면, 서버 컴포넌트는 무조건 클라이언트 컴포넌트 내부에서 렌더될 수 없을까...? 에 대한 내용이 바로 아래 내용에 자세히 적혀있다. 결론적으론 클라이언트의 props로 서버 컴포넌트를 내려주었을 경우에는 클라이언트 컴포넌트에서 서버 컴포넌트를 렌더할 수 있음을 알려주고 있다. 찬찬히 공식 홈페이지에 있는 내용을 전부 훑어 봐야할 것 같다.