전체 글

✅ some()배열 요소 중 하나라도 조건을 만족하면 trueconst arr = [1, 2, 3, 0]; const result = arr.some(num => num === 0); // true (0이 있음)해석: "이 배열에 0이 하나라도 있냐?" → 있다! → true✅ every()배열의 모든 요소가 조건을 만족해야 trueconst arr = [1, 2, 3, 4]; const result = arr.every(num => num > 0); // true (모두 0보다 큼)해석: "이 배열의 모든 요소가 0보다 크냐?" → 그렇다 → true비교 예시:const arr = [1, 2, 0]; arr.some(n => n === 0); // true (0이 있음) arr.every(n => n ..
· 공부/Java
https://nesoy.github.io/blog/Java-Serialize Java의 직렬화(Serialize)란?Java Serialize 들어가며 예전에 네트워크 통신을 할때 Serialize에 대해 공부를 한 경험이 있지만 지식의 부족함을 느끼고 조사하여 결과를 정리합니다.nesoy.github.iohttps://nesoy.github.io/blog/Java-transient Java transient이란?Java Transient 들어가며 transient키워드를 이해하기 위해서는 Serialize에 대한 이해가 필요합니다.nesoy.github.io
(root, query, criteriaBuilder) -> { ... } (root, query, criteriaBuilder) -> { ... }는 Java의 JPA Criteria API에서 사용되는 람다식입니다. 보통 Spring Data JPA에서 동적 쿼리를 만들 때 자주 등장하죠. 각각의 매개변수는 다음과 같은 역할을 합니다. ✅ rootEntity의 루트 객체입니다.조회하려는 테이블(또는 엔티티)의 정보를 나타냅니다.예: root.get("name") → name이라는 컬럼(필드)을 의미.✅ queryCriteriaQuery 객체입니다.쿼리 전체 구조를 정의할 수 있게 도와줍니다.예: query.select(...), query.where(...) 등을 설정할 수 있음.Specificati..
transient일상 뜻transient : 일시적인, 잠깐 머무는, 지나가는 JPA에서의 뜻transient 상태 = 아직 영속성 컨텍스트에도 없고, DB에도 저장되지 않은 상태 예시 문장: 오류 메시지InvalidDataAccessApiUsageExceptionobject references an unsaved transient instance - save the transient instance before flushing 즉,new로 객체는 만들었지만아직 save()도 안 했고entityManager.persist()도 안 했고그냥 메모리에만 있는 상태 JPA 객체 생명주기 비교 상태설명transient메모리에만 존재함 (new만 된 상태)persistent영속성 컨텍스트에 등록됨 (persist..
ERRORType definition error: [simple type, class kr.---.---_open_api.dto.--DTO$Process]  🔹 simple type → Jackson이 복잡한 타입으로 인식하지 못했다는 뜻즉, 이 클래스(Process)를 직렬화/역직렬화 가능한 구조체로 판단하지 못했다는 것왜 못했냐? 바로 👇🔹 ---DTO$Process → 내부 클래스 (non-static inner class)$ 기호는 Java 컴파일러가 **내부 클래스(inner class)**를 표시할 때 사용하는 표기법즉, Process가 ---DTO 안의 static이 없는 내부 클래스라는 뜻이에요 🧠 Jackson 입장에서는?Jackson이 new Process()를 하려고 하는데,내..
https://velog.io/@eunjin/React-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B7%B8%EB%9E%98%ED%94%84%EC%B0%A8%ED%8A%B8-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%EB%AA%A8%EC%9D%8C [React] 리액트 그래프/차트 라이브러리 모음기업협업 프로젝트에서 다양한 차트 라이브러리를 사용해야 해서 직접 사용해 본 라이브러리나 리액트 개발자들 사이에서 유명한 라이브러리를 모아 보았다. https://nivo.rocksNivo.rocks커스텀 끝판velog.io 그대로 복사한 글입니다.  기업협업 프로젝트에서 다양한 차트 라이브러리를 사용해야 해서 직접 사용해 본 라이브러리나 리액트 개발자들 사..
12.2) 페이지 라우팅 1. 소개      서버가 사용자들에게 제공할 여러 개의 페이지를 미리 가지고 있는 이러한 방식을 여러 개의 페이지를 갖는 어플리케이션이다라는 뜻에서 멀티 페이지 애플리케이션(MPA)라고 부른다. MPA방식에서 브라우저가 새로운 페이지를 요청했을 때 서버에서 미리 완성해놓은 HTML 파일을 보내주면 브라우저가 그것을 그대로 렌더링하는 방식은 서버 측에서 페이지를 미리 렌더링 해준다라고 해서 서버 사이드 렌더링이라고 부른다. 💡 MPA vs. 서버 사이드 렌더링오른쪽처럼 서버가 여러 개의 HTML페이지를 가지고 있는걸 MPA 방식이라고 부른다.이러한 MPA방식에서 브라우저가 페이지를 요청했을 때 가운데 있는 것처럼 미리 완성되어 있는 페이지를 응답해주는 방식을 서버 사이드 렌더링..
아래는 Kafka, Grafana, Nomad 각각의 개념과 이들이 어떤 관계로 연결될 수 있는지1. Kafka (카프카)메시지 브로커/스트리밍 플랫폼입니다.대량의 데이터를 발행/구독(Pub/Sub) 형태로 처리하는 데 특화된 시스템입니다.예) 로그 데이터, 센서 데이터, 이벤트 스트림 등을 처리할 때 주로 사용.특징고속 데이터 처리분산 환경에서 확장성데이터 보존 및 재처리 기능쉽게 말하면?실시간 데이터가 계속 쏟아지는 환경에서 데이터를 한 곳에서 받고, 이걸 필요한 서비스들이 가져다 쓸 수 있게 해주는 중간 데이터 허브 역할.2. Grafana (그라파나)데이터 시각화 도구입니다.시계열(time-series) 데이터를 다양한 형태(그래프, 게이지 등)로 보여주는 데 특화.여러 데이터 소스 지원 (Pro..
📚 MobX6 기준 기능 정리 1. observable✅ 설명상태값으로 관리할 프로퍼티.값이 바뀌면 MobX가 감지하고, 관련된 리액션이 자동 실행.기본적으로 deep observable로 동작 (객체/배열 내부까지 추적).✅ 예시class Store { name = '초기값'; items = []; constructor() { makeObservable(this, { name: observable, items: observable, }); }}2. observable.ref✅ 설명객체/배열의 참조만 추적하고, 내부 속성은 추적하지 않음.성능 최적화용 (깊은 구조가 불필요할 때).✅ 예시class Store { ..
11.1) Context란 Props의 단점 1. Props Drilling데이터를 가져올 때 중단 다리를 거쳐서 Props를 가져와야함.. 만약 서비스의 규모가 커지게 되어서 지금처럼 List컴포넌트와 TodoItem 컴포넌트 사이에 굉장히 많은 컴포넌트들이 존재하게 된다면 이때에는 많은 컴포넌트를 거쳐서 데이터를 전달해야하기 때문에 타이핑해야하는 양이 많아진다.심지어 Props의 이름이 중간에 바뀌기라도 한다면 모든 컴포넌트를 찾아가서 일일이 이름을 바꿔줘야 한다. 해결방법 React Context컴포넌트 간의 데이터를 전달하는 또 다른 방법.기존의 Props가 가지고 있는 단점을 해결할 수 있음.💡Props의 어떤 단점을 가지고 있길래? => Props Drilling을 해결Context는 일종의..