v-if는 "실제" 조건부 렌더링이다. 블록 내 이벤트 리스너와 자식 컴포넌트가 제대로 제거되거나 재생성되기 때문이다.또한 v-if는 초기 조건이 false면 아무 작업도 일어나지 않는다. 조건이 true가 될 때까지 렌더링이 일어나지 않는다.이에 비해..
기존의 사용했던, 파이어베이스 이미지 업로드 로직을 재사용해서, 기존의 toast-editor에서 제공하는 이미지 업로드는 base64의 형식에서, url 업로드 형식으로 바꿔주었다..
React Query는 React 애플리케이션에서 데이터를 가져오고 관리하는 라이브러리이다. 이를 사용하면 API 호출을 간단하게 처리할 수 있고, 캐싱과 자동 업데이트 기능을 통해 데이터를 더 효율적으로 관리할 수 있다..
서버사이드 렌더링이란, 클라이언트 대신 서버에서 HTML 코드를 생성하고 반환하는 방식으로 웹페이지를 렌더링하는 방식이다..
router.isReady는 라우터 필드가 클라이언트 측에서 업데이트되고 사용할 준비가 되었는지 여부를 확인
서버에서 불러온 데이터를 state에 담고 에디터의 옵션인 initialValue에다음과 같이 처리했는데 불러온 데이터가 뜨지를 않는다..
우선 toast-ui editor는 ssr을 지원하지 않는다. 따라서 Next.js에서 toastu-ui를 설치하고, import해서 사용하면 에러가 날 것이다. Next.js에서는 ssr을 하지 않게 하는 좋은 기능을 제공하는데 바로 Dynamic이다.
api로 받은 데이터인 userInfo가 undefined인데 split을 실행해서 생기는 에러이다.
Firebase를 이용하여 해당 게시글을 클릭 했을 때, 해당하는 게시글의 데이터를 가져와보자!
i18n를 설치 했음에도 yarn dev를 할 때마다 Module not found: Can't resolve 'react-i18next'라는 에러가 발생하고, 다시 설치하고를 반복 했었다.