마!내가바로왕만두다

vercel 의 쉐드시엔shadcn 이 만든 ui도구  Shadcn은 오픈 소스 UI 라이브러리와 관련된 기술 프로젝트이다   이 라이브러리는 프론트엔드 개발자들이 빠르고 쉽게 고품질의 사용자 인터페이스를 구축할 수 있도록 다양한 컴포넌트를 제공 개발자는 Shadcn의 컴포넌트를 자신의 프로젝트에 자유롭게 복사하여 붙여넣고 사용할 수 있고  이러한 컴포넌트는 디자인이 뛰어나고 재사용 가능한 것이 특징 이다 !  shadcn 은  React를 사용하는 프로젝트에  사용 하기 좋다 .    설치 방법   npx shadcn@latest init 컴포넌트 npx shadcn@latest add button

TIL 2024. 10. 18. 19:25

캐싱이란? 캐싱은 데이터를 미리 저장해 두고, 다음에 그 데이터를 필요할 때 빠르게 가져오는 방법 Next.js에서는 캐싱을 잘 활용하면 웹사이트의 속도를 빠르게 만들 수 있다    Next.js에서 캐싱을 사용하는 방법 Static Generation (SSG): 페이지를 빌드할 때 미리 HTML 파일을 만들어 놓고, 사용자가 들어올 때 빠르게 보여준다  이게 일종의 캐싱이다  신세계 아님 .   getStaticProps 함수로 데이터를 미리 받아와서 캐시할 수 있다   Server-Side Rendering (SSR): 매번 서버에서 새롭게 데이터를 가져와서 페이지를 만들지만, 일부 데이터를 캐싱해서 서버에 부담을 줄일 수 있다     Revalidation: getStaticProps에서 reva..

TIL 2024. 10. 17. 22:52

mbti  프로젝트  테스트 페이지  화면이 안나오고 자꾸 에러가 나서 , 왜 그런가 했더니 import 가 안되서  함수를 지정 해주고 나서 , 테스트 페이지가 보이기 시작했다        middleware 미들웨어(Middleware)란?미들웨어는 두 시스템 사이에서 데이터나 요청을 처리하는 중간 다리 역할을 한다 .  쉽게 말해, 사용자의 요청과 서버가 처리하는 작업 사이에 끼어들어서 뭔가를 추가로 처리해줌   게임을 할 때 로그인을 해야만 게임을 시작할 수 있음  이때 로그인 검사를 미들웨어가 해준다 로그인 상태를 확인한 후에만 게임 서버로 연결한다React나 Express.js에서 미들웨어는 주로 요청을 가로채서 검사를 하거나 추가적인 작업을 수행한다예를 들어, 서버로 데이터를 보내기 전에 로..

TIL 2024. 10. 16. 21:31