nextjs 프로젝트를 진행하면서 폴더 구조가 너무 복잡해지고 어떻게 관리할지에 대한 고민이 생겼고 디자인 패턴을 찾아보던 중에 atomic design pattern을 알게됐음
Server ErrorReferenceError: window is not definedThis error happened while generating the page. Any console logs will be displayed in the terminal win
무한 스크롤 동작 자체는 올바르게 되지만, 가장 마지막 데이터가 로딩된 이후에도 계속해서 서버에서 데이터를 받아오는 함수가 실행되어 콘솔에 테스트 문자열이 무한으로 출력된다.일차적으로 이 코드로 인해서 page 값에 따라 getAllPosts 함수가 실행이 됨 이 함수
일단 이 부분은 컴포넌트가 리렌더될 때마다 이전에 관찰하던 요소들을 해제하는 코드임. observer.current.disconnect()로 이전에 관찰하던 요소들에 대한 관찰을 중단. 이 작업이 필요한 이유는 observer가 이전에 관찰하던 요소들에 대한 참조를
label 태그 사용시 연관된 control 요소와 관련된 에러를 정리했다.
npm install eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-config-airbnb eslint-config-airbnb-typescript eslint-plugin-impor
yarn create vite프로젝트 명 작성: REACTtypescript swcyarnyarn dev --port 3000 code .리액트 폴더에 들어가서 yarn dev —port 3000⇒ 프로젝트 설정 완료! 프리티어 설정 맞추기. (extension pr
타입 별칭, 인덱스 시그니쳐, Enum, Any, Unknown, Void, never 정리