![]()
스터디를 진행하며 준비한 발표자료를 공유합니다. 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..
