![]()
5개의 질문을 통해 나와 가장 잘 맞는 레븐 멤버를 찾아보는 간단한 미니게임입니다! 여기서 잠깐! 레븐이 뭔가요? 10인조 버츄얼 그룹으로, 주로 노래 커버영상 위주로 활동 중이랍니다~ 트위치에 오시면 멤버별 생방송도 볼 수 있으니 많관부! 레븐 Leaven Official www.youtube.com 개발동기 및 개발과정 간단한 설문형 게임이나 mbti와 유사한 검사들이 netlify 등으로 배포되어 많은 호응을 얻고 있는 걸로 알고 있다. 이에 그것들과 유사하게 질문형 미니게임을 만들어보고자 계획했다. 더불어 기술적으로 몇 가지 새로운 도전도 해봤다. 기존에는 일반적인 CRA로 제작하는 경우가 많았지만, 이번에는 Next.js(SSR)와 Tailwind CSS로 프론트 개발을 진행했다. Vercel에..
![]()
스터디를 진행하며 준비한 발표자료를 공유합니다. 1. 캐시에 대해서 캐시가 뭐지? 보통 크롬이 좀 이상하거나 하면 '방문기록, 쿠키, 캐시 삭제' 같은 걸 하곤 한다. 여기서 캐시는 웹사이트에 들어가며 컴퓨터 안에 다운로드받은 이미지나 자바스크립트 파일같은걸 로컬에 저장해둔 걸 의미한다. 처음에 웹사이트에 들어갔을 때 10mb의 이미지를 다운받았고, 새로고침을 할 때도 똑같이 10mb의 이미지를 다운받는다면, 새로고침 몇 번에 수백mb의 데이터를 쓰게 될 것이다. 캐시가 왜 필요할까? 이처럼 로컬에 데이터를 저장해뒀다가 뽑아서 쓰면 데이터 전송량도 줄이고, 웹사이트의 성능 개선까지 얻을 수 있다. 그래서 브라우저 단에서는 이렇게 기본적으로 캐시를 사용하게 된다. 그런데 서버에서는 캐싱을 어떻게 할까? 하..
![]()
CRA with NPM/TypeScript failing · Issue #5804 · chakra-ui/chakra-ui Description When I run the "TypeScript using npm" command found here I am getting errors in my terminal and the command exits before completing. Link to Reproduction This happens in the t... github.com Cra template project can't work · Issue #5803 · chakra-ui/chakra-ui Description Can't run the cra typescript template, Steps to ..
![]()
이번에 '포도당 노래책' 프로젝트를 진행하며 Chakra UI를 처음 사용해보았다. 이전에 대학생 개발자 단톡방에서 React에서 사용 가능한 UI Library 추천을 받았었는데, 그때 추천받았던 Chakra UI가 상당히 깔끔해서 마음에 들었다. Material UI와 Ant Design도 간략히 사용해봤었는데, 개인적으로 Charka UI의 디자인 스타일이 더 좋아서 이번 기회에 사용해보기로 했다. 1. 설치 GitHub - chakra-ui/chakra-ui: ⚡️ Simple, Modular & Accessible UI Components for your React Applications ⚡️ Simple, Modular & Accessible UI Components for your React..
