실험의 연속

React

React useSWR 에서 mutate란 무엇인가? (useSWR의 mutate로 리액트 상태 관리 최적화하기)

2024.10.06

React 로 웹개발을 한다구요? 댓글 create 구현을 했는데 페이지는 방금 만든 댓글을 가져오지 않아 새로 고침을 해야만 새로운 데이터가 그려진다구요???그렇다면 React useSWR 의 mutate 를 쓰는 방법을 알아봅시다. React 애플리케이션을 개발할 때, 데이터 페칭과 상태 관리는 성능과 사용자 경험을 최적화하는 데 매우 중요합니다. 그렇기에 SWR은 React 개발자들 사이에서 현재도 필수 도구로 자리 잡고 있습니다. 이 글에서는 SWR에서 제공하는 mutate 함수가 무엇인지, 그리고 이 함수가 리액트 상태 관리에서 어떻게 최적화에 기여할 수 있는지에 대해 다루겠습니다.SWR과 데이터 페칭의 중요성SWR은 Stale-While-Revalidate의 약자로, 데이터를 가져오고 캐시하는..

Java

SpringBoot 2.7 queryDsl 설정 방법.(java src에 java파일 안생기도록)

2023.06.05

SpringBoot 2.7 queryDsl 설정 방법. 나는 김영한 강사님의 queryDsl 강의를 듣고있다. 강의 내용의 springBoot의 버전은 2.6일 것이다. springBoot 2.7 이상에서는 강의 내용대로는 queryDsl 설정이 안된다는 것을 알 수 있다. Unable to load class 'com.mysema.codegen.model.Type'. 김영한 강사님의 queryDsl 강의 내용과 같이 설정했다면 Unable to load class 'com.mysema.codegen.model.Type'. 위와 같은 에러가 발생했을 것이다. 정상 작동하는 설정 방법을 아래 적어겠다. springBoot 2.7이상에서는 어떻게 설정하면 좋을지 알아보자. (사실 필자는 2.7만 쓰기 때문에..

Java

[운영체제] 프로세스와 스레드의 개념 및 차이 면접준비

2021.06.27

Goal 프로세스와 스레드의 개념을 설명할 수 있다. 프로세스와 스레드의 차이를 이해하고 설명할 수 있다. 멀티 프로세스 대신 멀티 스레드를 사용하는 이유를 알아본다. 프로세스와 스레드의 차이(Process vs Thread) 프로그램 (Program) 이란 사전적 의미 "어떤 작업을 위해 실행할 수 있는 파일" 프로세스(Process)란 사전적 의미 "컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램" 메모리에 올라와 실행되고 있는 프로그램의 독립적인 객체(인스턴스) 운영체제로부터 시스템 자원을 할당받는 작업의 단위 독립적인 address space를 갖고 독립적인 resource를 갖는다. 할당받는 시스템 자원의 예 CPU 시간 운영되기 위해 필요한 주소 공간 Code, Data, Stack, He..

알고리즘 코딩테스트

프로그래머스 Java Level 1) 모의고사

2021.06.18

모의고사 문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 1번 문제부터 마지막 문제까지의 정답이 순서대로 들은 배열 answers가 주어졌을 때, 가장 많은 문제를 맞힌 사람이 누구인지 배열에 담아 return 하도록 solution ..

Java

$.ajax()

2021.05.16

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 $('#btn1').on('click', function(){ $.ajax({ url: "serialize", type: "POST", data: $("#frm").serialize(), success: function(data){ console.log($("#frm").serialize()); $("#result").append(data); }, error: function(data){ alert("serialize err"); console.log($("#frm").serialize()); } }); }); Colored by Color Scripter cs

전체 글

React useSWR 에서 mutate란 무엇인가? (useSWR의 mutate로 리액트 상태 관리 최적화하기)

SpringBoot 2.7 queryDsl 설정 방법.(java src에 java파일 안생기도록)

[운영체제] 프로세스와 스레드의 개념 및 차이 면접준비

프로그래머스 Java Level 1) 모의고사

$.ajax()

티스토리툴바