How to render components with asynchronous data by Recoil selector and React.suspense — Index Declare a global state with atom of Recoil Use state in a component with useRecoilState Asynchronous datas handling in a global state with selector of Recoil Render a component with Asynchronous datas with React.suspense Before we start, App URL : trophy-quiz.vercel.app github : https://github.com/david718/trophy-quiz.git

Easy way to check react bundle size in browser — Index Project and package.json Lottie-web for rendering JSON animation Analyze my bundle size by webpack-bundle-analyzer Bundle size before and after using Lottie Project and package.json My project use gzip to compress my cra bundle size. And this is my dependencies in package.json. Lottie-web for redering JSON animation I need lottie-web for json animation file about loading indicator. When designer…

This post is in series, How to deploy side project for free! Nextjs with Kakaotalk(Oauth 2.0) login How to connect Nextjs with database by Prisma? Docker with nextjs to deploy on EC2 Nextjs with NGINX on EC2 by Docker-compose Get free domain(at freenom) and Deploy side project Prerequisites git clone https://github.com/david718/nextjs-nextauth-prisma-starter …

To deploy nextjs app, dockerize it in local and push it. At last, pull it on EC2, and run it — This post is in series, How to deploy side project for free! Nextjs with Kakaotalk(Oauth 2.0) login How to connect Nextjs with database by Prisma? Docker with nextjs to deploy on EC2 Nextjs with NGINX on EC2 by Docker-compose Get free domain(at freenom) and Deploy side project Prerequisites repository : please…

You need to create RDS(Mysql) instance and init prisma in your own nextjs app. That’s it! — This post is in series, How to deploy side project for free! Nextjs with Kakaotalk(Oauth 2.0) login How to connect Nextjs with database by Prisma? Docker with nextjs to deploy on EC2 Nextjs with NGINX on EC2 by Docker-compose Get free domain(at freenom) and Deploy side project Prerequisites Before read this…

How to add provider(Kakao) to Next auth? First, You need KAKAO REST KEY. And then, edit Redirect_uri, Finally Edit next auth API. Please check git repository for all of it. — This post is in series, How to deploy side project for free! Nextjs with Kakaotalk(Oauth 2.0) login How to connect Nextjs with database by Prisma? Docker with nextjs to deploy on EC2 Nextjs with NGINX on EC2 by Docker-compose

Network protocol & Software architecture — lecture is here -> https://youtu.be/oLC_QYPmtS0 What is SOAP? SOAP details SOAP limitations What is REST? REST details REST limitations 1. What is SOAP? SOAP(Simple Object Access Protocol) 컴퓨터 네트워크에서 …