본문 바로가기

분류 전체보기321

fetch 와 react-query 캐싱 문제점? 넥스트 14 버전을 사용하고 있다. 그 옵션 속성들 중에서도 cache 에 대한 정리가 필요할 것 같아서 작성한다. 넥스트는 fetch 를 사용할 것을 권장하고 있다. 기존의 리액트 프로젝트에서 axios 를 사용하던 나는 권장 사용법대로 사용할 수밖에... 근데 현재 만들고 있는 프로토타입 프로젝트에서 자꾸 이전 캐싱된 정보가 fetch 되는 것 아닌가? 리액트 쿼리의 문제인지 넥스트의 문제인지 아직은 잘 모르겠어서 차근히 정리하고자 한다. 현상황 로그인을 하면 -> 그 회원이 포함된 리스트에 해당하는 정보가 보여야 하는 상황이다. 하지만 기존의 로그인에서 다른 사용자로 로그인을 하면 바로 전의 로그인한 사람의 리스트가 보인다. 매번 db 를 읽어와서 처리해주면 된다고 생각했는데 캐싱된 정보가.. 2024. 3. 14.
Content-Type 정리 웹 개발을 하며 어쩔 수 없이 마주칠 수밖에 없는 Content-Type .. Multipurpose Internet Mail Extensions(MIME) MIME 이전, 텍스트 파일을 주고 받는 경우 별 문제가 없었다. 하지만 바이너리 파일(영상, 노래 등)을 보낼 때 아스키 표준으로는 전송이 불가능하여 바이너리 파일을 텍스트 파일로 변경해줄 필요성이 대두되었고, 이로써 나오게 된 인코딩 방식이다. Content-Type 은 HTTP 통신에서의 데이터 타입을 의미한다. 원래 리소스의 타입을 나타내거나 응답에서 실제 콘텐츠의 타입을 제공하거나 요청 body에 담기는 데이터의 타입을 알려준다. 한번의 요청에 한 종류의 타입만 기재할 수 있다. 일반적으로 HTTP Request 는 Request line .. 2024. 3. 13.
I/O bound and CPU bound, 동시성 Python 으로 백엔드를 제작 중이다. 그리고 python 으로 특정 기능을 구현하고 그 기능을 백엔드로 연동시켜주고자 할 때 혹시 필요한가 싶어서 이거저거 레퍼런스를 서칭하고 있다. 그중에서도 threading 관련 하여 정리가 필요함을 느꼈다. https://youtu.be/qnVKEwjG_gM?si=gGXXwBCbK05XrGp_ CPU (Central Processing Unit) 프로세스 명령어를 해석하고 실행하는 장치 I/O 파일을 읽거나 쓰기 네트워크와 데이터를 주고 받기 (네트워크 통신) 입출력 장치(키보드, 모니터 등)와 데이터를 주거나 받기 DB 접근 Burst 어떤 현상이 짧은 시간 안에 집중적으로 일어나는 것 -> CPU Burst: 프로세스 가 CPU에서 한번에 연속적으로 실행되는.. 2024. 3. 12.
브라우저 저장소 정리 브라우저 저장소 웹 스토리지 웹 데이터를 클라이언트에 저장하기 위해 만들어진 키=값 형식의 저장소 개발자도구 > 애플리케이션에서 확인 가능 로컬 스토리지 로컬 스토리지는 브라우저를 종료해도 도메인만 같으면 데이터를 영구적으로 보관한다. 즉 전역적으로 데이터가 공유된다. window.localStorage 세션 스토리지 브라우저가 종료되면 데이터가 삭제되며 도메인이 같아도 탭이 다르거나 브라우저가 달라지면 데이터가 공유되지 않는다. 즉 브라우저 컨텍스트가 다르기에 각각의 세션 스토리지가 생성된다. window.sessionStorage 쿠키와 다르게 웹 스토리지는 서버에 전송되지 않기에 서버에 부담이 가지 않고, 쿠키보다 용량이 넉넉한 편이다. 그리고 필요한 경우에만 사용되는 것이므로 자동 전송의 위험성이.. 2024. 3. 11.

티스토리툴바