+ it dev nextjs redirect When to use redirect() vs. router.push() in Next.jsExplaining the two methods for programmatically redirecting a user in Next.js components, server functions, or route handlers. wono | discuss | tweet + it dev react badsetstate Cannot update a component while rendering a different component warningI am getting this warning in react: index.js:1 Warning: Cannot update a component (`ConnectFunction`) while rendering a different component (`Register`). To locate the bad setState() call inside ` wono | discuss | tweet + it dev react strictmode What is React Strict Mode, and why is my Application Double Re-Rendering?What is React Strict Mode? Why is my app double re-rendering? Why is useEffect called twice? How to correctly cleanup async code & more wono | discuss | tweet + it dev nextjs badsetstate Cannot update a component (xxx) while rendering a different component (xxx)위의 웹 페이지에서 왼쪽의 컴포넌트 목록에서 각 메뉴를 클릭하면 오른쪽의 화면의 내용이 전환된다. 웹 버전을 모바일 버전으로 변경을 하게 되면 아래처럼 변환되고 좌측 상단의 메뉴 버튼을 클릭하면 메뉴가 표출된다. 지금이야 잘 작동을 하지만 최초 버전에서 제목의 에러 메시지를 만나게 되었다. Cannot update a component (`Main`) while rendering a different component (`MenuBar`). To locate the bad setState() call inside `MenuBar`, 화면의 컴포넌트 구조는 단순하다. 웹 버전일 때는 아래와 같고 모바일 버전에서는 다음과 같다. 문제는 모바일 버전에서 목록을 클릭할 때 마다 Main 컴포넌트의 인덱스가 변하.. wono | discuss | tweet + it dev nextjs mismatch Hydration Error : Minified React Error 해결하기 - 사툰사툰 NEXTJS꾸준히 성장하고 싶은 프론트엔드 엔지니어입니다. 저만의 경험과 기록을 담아두었습니다 | Error Typescript Frontend React Next.js Nginx wono | discuss | tweet + it dev nextjs mismatch [NextJS] Hydration error 해결/ SWC 설정(Prop className did not match)* 본 포스팅은 공부하며 작성한 내용이며, 틀린 부분이 있을 수도 있습니다* 문제상황 두어캘 개발을 하며 ... wono | discuss | tweet + it dev nextjs mismatch React의 hydration mismatch 알아보기 – 화해 블로그 | 기술 블로그React의 hydration mismatch 알아보기 화해는 에러 트래킹 서비스인 Sentry를 사용하고 있는데요. 지난해 Next.js의 static export로 배포한 이벤트 페이지에서 hydration mismatch 에러가 쌓이기 시작했습니다. wono | discuss | tweet + it dev nextjs template Next.js 14 강좌 3편. Template과 Loading 스페셜 파일template.tsx 파일과 loading.tsx 스페셜 파일 wono | discuss | tweet + 쇼핑 면도기 브라운 브라운 시리즈3 면도기 제품별 차이 비교 추천(300s 300ts 310s 3010s 3020s 3040s 3050cc 3080s 310BT 추가 트리머 BT-32 계속 업뎃중)*브라운 시리즈3 제품 추가하여 포스팅 내용 부분 수정하였습니다. 브라운 시리즈3 3050cc 브라운 시리즈3 ... wono | discuss | tweet + it dev fe 작게 시작하는 성능 개선 wono | discuss | tweet + it dev nextjs swr React-Query vs SWR블로그 이전하였습니다. React-Query vs SWR 비슷하지만 다른 react-query와 swr를 컨셉을 이해하며 비교해보자 yoon-hae-min.github.io 기존 글 서론 둘이 비교하기 앞서 왜 이런 라이브러리를 쓰는지부터 보고 가자 React에서 서버로부터 데이터를 가져오거나 전송해야할때 fetch Api를 사용하거나 axios를 사용하고는 한다. 이를 사용해서 충분히 서버와 데이터를 주고받을 수 있으나 규모가 커지면서 데이터 처리, 에러핸들링과 같은 부가적인 요인들이 많아지게 된다. 직접 구현해도 되지만 라이브러리를 이용해서 좀 더 쉽게 처리할 수 있다. 공통점 1. 데이터 요청 및 관리를 하기 쉽게 만들어 준다. 2. 캐시를 통해 api 호출을 줄이고 성능(UX)를 향상할 수 있다... wono | discuss | tweet + it dev nextjs swr API – SWRSWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again. wono | discuss | tweet + it dev nextjs swr swr compared to @tanstack/react-query - Peterbe.comComparing swr compared to @tanstack/react-query for doing client-side data fetching in a React app. wono | discuss | tweet + it dev nextjs swr swr 에서 react-query 전환기 | 네이버페이 기술블로그안녕하세요. 금융 FE의 김범준입니다. 새로 팀에 입사한 후, 새로운 프로젝트를 시작하는데에 참여하게 ... wono | discuss | tweet + it dev nextjs cache NextJS cache patterns for server actions wono | discuss | tweet + it ops git commit When to use "chore" as type of commit message?What is the use of chore in semantic version control commit messages? Other types like feat or fix are clear, but I don't know when to use "chore". Can anyone provide a couple of examples... wono | discuss | tweet + it ops aws iam billing IAM Identity Center 계정 설정IAM IAM이란 IAM은 AWS Identity and Access Management의 약자로, 사용자 및 그룹을 만들어서 AWS 리소스에 대한 액세스를 안전하게 제어할 수 있는 웹 서비스이다. IAM 유형 AWS에는 두 가지 유형의 사용자(계정)가 있다. wono | discuss | tweet + it ops rds public AWS public IP 요금 부과에 따른 대처 및 EC2를 이용한 RDS 외부 연결하기AWS에서 2024년 2월부터 퍼블릭 IPv4 주소에 대한 요금이 부과되기 시작하면서, 비용 절감을 위해 AWS 인프라를 IPv6로 전환하고 퍼블릭 IP 사용을 최소화하려는 노력이 필요해졌다. 이에 퍼블릭 IP 없이 RDS와 같은 AWS 리소스를 외부에서 접근하는 방법에 대해 자세히 설명한다. wono | discuss | tweet + it ops aws graviton AWS Graviton Migration ExperienceAWS Graviton 마이그레이션 경험 wono | discuss | tweet + it ops aws rds Amazon RDS를 사용해 PostgreSQL 데이터베이스를 생성 및 연결자습서: Amazon RDS를 사용해 PostgreSQL 데이터베이스를 생성 및 연결 wono | discuss | tweetNext
+ it dev nextjs redirect When to use redirect() vs. router.push() in Next.jsExplaining the two methods for programmatically redirecting a user in Next.js components, server functions, or route handlers. wono | discuss | tweet
+ it dev react badsetstate Cannot update a component while rendering a different component warningI am getting this warning in react: index.js:1 Warning: Cannot update a component (`ConnectFunction`) while rendering a different component (`Register`). To locate the bad setState() call inside ` wono | discuss | tweet
+ it dev react strictmode What is React Strict Mode, and why is my Application Double Re-Rendering?What is React Strict Mode? Why is my app double re-rendering? Why is useEffect called twice? How to correctly cleanup async code & more wono | discuss | tweet
+ it dev nextjs badsetstate Cannot update a component (xxx) while rendering a different component (xxx)위의 웹 페이지에서 왼쪽의 컴포넌트 목록에서 각 메뉴를 클릭하면 오른쪽의 화면의 내용이 전환된다. 웹 버전을 모바일 버전으로 변경을 하게 되면 아래처럼 변환되고 좌측 상단의 메뉴 버튼을 클릭하면 메뉴가 표출된다. 지금이야 잘 작동을 하지만 최초 버전에서 제목의 에러 메시지를 만나게 되었다. Cannot update a component (`Main`) while rendering a different component (`MenuBar`). To locate the bad setState() call inside `MenuBar`, 화면의 컴포넌트 구조는 단순하다. 웹 버전일 때는 아래와 같고 모바일 버전에서는 다음과 같다. 문제는 모바일 버전에서 목록을 클릭할 때 마다 Main 컴포넌트의 인덱스가 변하.. wono | discuss | tweet
+ it dev nextjs mismatch Hydration Error : Minified React Error 해결하기 - 사툰사툰 NEXTJS꾸준히 성장하고 싶은 프론트엔드 엔지니어입니다. 저만의 경험과 기록을 담아두었습니다 | Error Typescript Frontend React Next.js Nginx wono | discuss | tweet
+ it dev nextjs mismatch [NextJS] Hydration error 해결/ SWC 설정(Prop className did not match)* 본 포스팅은 공부하며 작성한 내용이며, 틀린 부분이 있을 수도 있습니다* 문제상황 두어캘 개발을 하며 ... wono | discuss | tweet
+ it dev nextjs mismatch React의 hydration mismatch 알아보기 – 화해 블로그 | 기술 블로그React의 hydration mismatch 알아보기 화해는 에러 트래킹 서비스인 Sentry를 사용하고 있는데요. 지난해 Next.js의 static export로 배포한 이벤트 페이지에서 hydration mismatch 에러가 쌓이기 시작했습니다. wono | discuss | tweet
+ it dev nextjs template Next.js 14 강좌 3편. Template과 Loading 스페셜 파일template.tsx 파일과 loading.tsx 스페셜 파일 wono | discuss | tweet
+ 쇼핑 면도기 브라운 브라운 시리즈3 면도기 제품별 차이 비교 추천(300s 300ts 310s 3010s 3020s 3040s 3050cc 3080s 310BT 추가 트리머 BT-32 계속 업뎃중)*브라운 시리즈3 제품 추가하여 포스팅 내용 부분 수정하였습니다. 브라운 시리즈3 3050cc 브라운 시리즈3 ... wono | discuss | tweet
+ it dev nextjs swr React-Query vs SWR블로그 이전하였습니다. React-Query vs SWR 비슷하지만 다른 react-query와 swr를 컨셉을 이해하며 비교해보자 yoon-hae-min.github.io 기존 글 서론 둘이 비교하기 앞서 왜 이런 라이브러리를 쓰는지부터 보고 가자 React에서 서버로부터 데이터를 가져오거나 전송해야할때 fetch Api를 사용하거나 axios를 사용하고는 한다. 이를 사용해서 충분히 서버와 데이터를 주고받을 수 있으나 규모가 커지면서 데이터 처리, 에러핸들링과 같은 부가적인 요인들이 많아지게 된다. 직접 구현해도 되지만 라이브러리를 이용해서 좀 더 쉽게 처리할 수 있다. 공통점 1. 데이터 요청 및 관리를 하기 쉽게 만들어 준다. 2. 캐시를 통해 api 호출을 줄이고 성능(UX)를 향상할 수 있다... wono | discuss | tweet
+ it dev nextjs swr API – SWRSWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again. wono | discuss | tweet
+ it dev nextjs swr swr compared to @tanstack/react-query - Peterbe.comComparing swr compared to @tanstack/react-query for doing client-side data fetching in a React app. wono | discuss | tweet
+ it dev nextjs swr swr 에서 react-query 전환기 | 네이버페이 기술블로그안녕하세요. 금융 FE의 김범준입니다. 새로 팀에 입사한 후, 새로운 프로젝트를 시작하는데에 참여하게 ... wono | discuss | tweet
+ it ops git commit When to use "chore" as type of commit message?What is the use of chore in semantic version control commit messages? Other types like feat or fix are clear, but I don't know when to use "chore". Can anyone provide a couple of examples... wono | discuss | tweet
+ it ops aws iam billing IAM Identity Center 계정 설정IAM IAM이란 IAM은 AWS Identity and Access Management의 약자로, 사용자 및 그룹을 만들어서 AWS 리소스에 대한 액세스를 안전하게 제어할 수 있는 웹 서비스이다. IAM 유형 AWS에는 두 가지 유형의 사용자(계정)가 있다. wono | discuss | tweet
+ it ops rds public AWS public IP 요금 부과에 따른 대처 및 EC2를 이용한 RDS 외부 연결하기AWS에서 2024년 2월부터 퍼블릭 IPv4 주소에 대한 요금이 부과되기 시작하면서, 비용 절감을 위해 AWS 인프라를 IPv6로 전환하고 퍼블릭 IP 사용을 최소화하려는 노력이 필요해졌다. 이에 퍼블릭 IP 없이 RDS와 같은 AWS 리소스를 외부에서 접근하는 방법에 대해 자세히 설명한다. wono | discuss | tweet
+ it ops aws rds Amazon RDS를 사용해 PostgreSQL 데이터베이스를 생성 및 연결자습서: Amazon RDS를 사용해 PostgreSQL 데이터베이스를 생성 및 연결 wono | discuss | tweet