React-Beautiful-dnd와 Next.js에서의 트러블슈팅

Next.js의 서버 사이드 렌더링(SSR)과 react-beautiful-dnd의 호환성 문제로 초기 렌더링 시에 data-rbd-draggable-context-id did not match.경고가 발생했다.solutionnext/dynamic을 사용하여 Dropp

2024년 3월 1일
·
0개의 댓글
·

FLUX 아키텍처

사용자의 행위 action은 dispatcher에 의해 통제됩니다. dispatcher가 store를 업데이트하고 변경된 store에 대한 view를 리렌더링합니다. view에서는 store에 직접 접근하지 않으며, dispatcher로 다시 액션을 보내고 store를

2024년 2월 23일
·
0개의 댓글
·

Tree shaking이란?

실제로 사용되지 않는 코드를 제거하는 기법입니다.최종 번들의 크기를 줄이고, 애플리케이션의 로딩 속도와 성능을 향상시켜줍니다.ES2015 모듈 구문은 정적 구조(http://exploringjs.com/es6/ch_modules.html이름과 개념은 ES201

2024년 2월 16일
·
0개의 댓글
·

IIFE란?

IIFE(즉시 실행 함수 표현식)이란 무엇입니까?IIFE(Immediately Invoked Function Expression)는 정의되자 마자 실행되는 JavaScript 함수입니다. 애플리케이션은 다양한 소스 파일의 많은 함수와 전역 변수를 포함할 수 있기 때문

2024년 2월 2일
·
0개의 댓글
·

Cookie란?

쿠키를 사용할 때 이 두 개 헤더를 쓰게 된다. Set-Cookie: 서버에서 클라이언트로 쿠키 전달(응답)Cookie: 클라이언트가 서버에서 받은 쿠키를 저장하고, HTTP 요청시 서버로 전달2024-01-24_21-522024-01-24_21-53사용자가 payl

2024년 1월 27일
·
0개의 댓글
·

MVC? MVVM? in frontend

1. 이야기에 앞서 과제테스트에서 지시 사항과 테스트와 객체지향 디자인 원칙에 집중해주십시오. 라는 문구가 등장했다. (UI가 필요한 프로그램이 아닌 console에서 동작하는 프로그램을 작성하도록 요구한다.) 객체지향 디자인 원칙? 프로젝트 경험(componen

2024년 1월 19일
·
1개의 댓글
·