profile
나도 성장하고파

RSC (React Server Compoment)

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

2023년 9월 12일
·
0개의 댓글
·

Next는 url 직접 접근이 안돼요..

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

2023년 9월 5일
·
0개의 댓글
·

getServerSideProps vs getStaticProps 알고가기

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

2023년 9월 5일
·
0개의 댓글
·
post-thumbnail

'JavaScript heap out of memory' 에러 핸들링

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

2023년 9월 5일
·
0개의 댓글
·

server component, client component를 알고가자 !

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

2023년 8월 31일
·
0개의 댓글
·
post-thumbnail

Next.js 12, 13

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

2023년 8월 30일
·
0개의 댓글
·
post-thumbnail

React query 알고 사용하자 !! (1) - 장점, 필요한 상황

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

2023년 8월 30일
·
0개의 댓글
·