리액트 서버 컴포넌트는 react 18에 나온 아주 강력한 기능 중 하나이다.https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023Server side render

url로 데이터를 전달할 때 시크릿창에서 직접 접근하면 데이터가 없다.이를 해결하기 위해선 초기화된 배열로 예외 처리를 해주거나 -> 클라이언트 처리)getServerSideProps를 통해 pre-rendering 되도록 한다. -> 서버에서 처리 (SEO최적화가

getStaticProps => SSGgetServerSideProps => SSRSSG는 빌드된 시점에 fetch를 하고, SSR은 매 요청시마다 refetch를 한다는 차이점이 있다. SSR은 SSG보다는 효율이 떨어지지만 언제든지 내용을 수정가능하다.url 내 쿼

xcode랑 안드로이드 스튜디오 설치하고 나니까 잘만 되던 빌드가 잘 안되더라 ,,, 상사분께 여쭤보니까 위 프로그램 설치하고는 무관하다는데 그럼 내가 마지막 빌드 이후에 설치한 라이브러리 때문일까 싶다 ..!JavaScript heap out of memory 에러를

Server side rendering이 핫해지며 서버 컴포넌트와 클라이언트 컴포넌트 개념을 자주 접하게 되었다 !나는 이런 개념들 정확히 아는걸 좋아하니까 정리해보자 \~\~~일반적으로 리액트에선 모든게 클라이언트 단에서 이루어진다. (CSR) next는 클라이언트

요즘 Next.js에 관심이 많아졌는데, next12 버전의 페이지 라우터와 next13의 앱 라우터 모두 찍먹해보았다 !12버전에서 13버전으로 릴리즈되면서 폴더 구조가 많이 바뀌었는데, 처음에 아주 헷갈렸다 !또 12버전의 getServerSideProps와 get

요즘 핫하다는 스택들,,중 React query가 빠지지 않는 것 같아 오늘은 React query에 대해 간단하게 포스팅하려고 한다!무지성으로 사용하기 전에, React query의 장단점을 알고 사용하는게 좋겠다 !공식 문서에선 fetching, caching, 서