728x90 반응형 react-query2 [TIL] 11/19 1. 경로 관리 - 상대경로 -> 절대경로 만들기 프로젝트를 진행하다보면 경로가 지저분하게 생기고 상대경로로 불러오기 때문에 어디서 불러오고 있는지 파악이 어려워진다. 그래서 CRACO 로 상대경로를 절대경로로 바꾸어서 보기 편하게 만들어보려고 한다. 절대경로로 바꾸어두면 보기도 편하고 디렉토리 구조가 변경되더라도 import 경로를 쉽게 유지/관리할 수 있다. 1.1. CRACO (Create React App Configuration Override) 설치npm i -D @craco/craconpm i -D craco-alias 프로젝트 폴더에 tsconfig.paths.json 파일 만들고(프로젝트 폴더명이 project 라면 project/tsconfig.paths.ts ),기존의 tscon.. 2024. 11. 19. [React+JS/리액트] 웹 스터디 10주차 localStorage - 1 새로고침하면 모든 state 데이터는 리셋된다. 왜냐면 새로고침하면 브라우저는 html css js 파일들을 처음부터 읽기 때문이다. 이게 싫다면 state 데이터를 서버로 보내서 DB 에 영구저장하면 되는데, 서버가 없는 경우 차선책으로 localStorage 를 이용해도 된다. localStorage 는 유저의 브라우저에 정보를 저장하고 싶을 때 쓰는 공간으로 정보를 반영구적으로 저장이 가능하다. 저장된 정보는 크롬개발자 도구에서 Application 탭에 들어가면 확인할 수 있다. - localStorage 에는 사이트마다 5MB 정도의 문자 데이터 저장 가능 (문자만 저장가능)- object 자료와 비슷하게 key/value 형태로 저장- 유저가 브라우저 청.. 2024. 7. 11. 이전 1 다음 728x90 반응형
