Daily log

전체 글 : 「64」건

  1. Spring Security JWT 인증 구현
    2026.02.23
  2. Spring Boot 3 새로운 기능 정리
    2026.02.23
  3. JVM 메모리 구조와 가비지 컬렉션
    2026.02.23
  4. Java 예외 처리 베스트 프랙티스
    2026.02.23
  5. Java sealed class 정리
    2026.02.23
  6. Java record 클래스 사용법
    2026.02.22
  7. Java 컬렉션 프레임워크 비교
    2026.02.22
  8. Java 멀티스레드 동기화
    2026.02.22
  9. Java 제네릭 완벽 가이드
    2026.02.22
  10. Java 람다 표현식 정리
    2026.02.22
  11. Java Optional 사용법
    2026.02.22
  12. Java Stream API 활용법
    2026.02.22
  13. 직접 만든 무료 데스크톱 유틸리티, 널리 앱 소개
    2026.02.22
  14. 1인 개발자의 데스크톱 앱 도전기: 널리(NULI Labs)를 아시나요? 1
    2026.02.22
  15. 오늘의 챔피언십 소식, 한눈에 정리해 드릴게요!
    2026.02.21
  16. 슈퍼컵, 20년 만의 부활 그리고 전북 현대의 우승!
    2026.02.21
  17. git worktree 사용법
    2026.02.21
  18. 조현병, 오해와 진실
    2026.02.21
  19. 2026년 설 연휴 극장가와 안방극장을 동시에 사로잡은 배우, 유해진
    2026.02.21
  20. JWT Access Token과 Refresh Token 완벽 이해하기 1
    2025.12.13
  21. GitHub SSH Clone 설정 가이드 (Mac 기준)
    2025.07.08
  22. React ‘Invalid Hook Call’ 오류와 상태/데이터 관리 패턴 실무 사례, 원인, 해결
    2025.07.01
  23. React Provider란 무엇인가?
    2025.07.01
  24. TypeScript 타입 조합/확장 문법 정리
    2025.06.22
  25. TypeScript Omit<T, K> 정리
    2025.06.22
  26. Java Stream에서 map과 forEach의 차이
    2025.06.21
  27. Js & Ts & React 문법 1
    2025.06.12
  28. React - useQueryClient(). invalidateQueries
    2025.06.08
  29. React - useQuery
    2025.06.08
  30. React - useContext를 사용하기 전과 후의 구조 비교
    2025.06.08

Spring Security JWT 인증 구현

Spring Security를 사용하여 OAuth 2.0 아키텍처를 구현할 때 발생할 수 있는 보안 취약점과 그 예방 방법에 대해 알아봅니다.OAuth 2.0 아키텍처의 중요성Spring Security를 사용하는 개발자라면 OAuth 2.0 아키텍처에 대한 깊이 있는 이해가 필수인데요. 왜냐하면 OAuth 2.0은 단순한 인증 방식을 넘어, 애플리케이션의 보안을 결정짓는 핵심 요소이기 때문입니다. 잘못된 아키텍처 설계는 심각한 보안 취약점으로 이어질 수 있어서 꼼꼼하게 살펴봐야 합니다.발생 가능한 보안 취약점① Authorization Code 탈취OAuth 2.0에서 Authorization Code는 클라이언트가 Access Token을 얻기 위해 사용하는 중요한 값인데요. 만약 이 코드가 탈취당하..
개발/Spring 2026. 2. 23. 11:53

Spring Boot 3 새로운 기능 정리

Spring Boot 3에서 새롭게 추가된 기능들을 살펴보고, 주요 변경 사항과 함께 개발자들이 주목해야 할 점들을 알아봅니다.왜 Spring Boot 3일까요?Spring Boot는 자바 기반의 웹 애플리케이션 개발을 간편하게 만들어주는 프레임워크인데요. Spring Boot 3는 기존 버전에 비해 성능 향상, 새로운 기능 추가, 그리고 더 나은 개발 경험을 제공하기 위해 많은 변화가 있었습니다. 특히, Java 17 지원과 Jakarta EE 9 API 지원은 눈여겨볼 만한 부분이죠.① Java 17 지원Spring Boot 3는 Java 17을 기본으로 지원합니다. Java 17은 이전 LTS(Long Term Support) 버전인 Java 11에 비해 많은 성능 개선과 새로운 언어 기능들을 포함..
개발/Spring 2026. 2. 23. 11:11

JVM 메모리 구조와 가비지 컬렉션

JVM 메모리 구조는 어떻게 생겼고, 가비지 컬렉션은 왜 필요하며 어떻게 동작하는지 핵심 개념을 알아봅니다.왜 JVM 메모리 구조를 알아야 할까요?자바(Java) 개발을 하다 보면 가끔씩 OutOfMemoryError 같은 예상치 못한 에러를 마주칠 때가 있어요. 이런 에러는 대부분 JVM(Java Virtual Machine) 메모리 관리와 관련이 깊거든요. JVM 메모리 구조와 가비지 컬렉션(Garbage Collection, GC)에 대한 이해는 성능 문제 해결은 물론이고, 더 나아가 안정적인 애플리케이션을 만드는 데 필수적입니다.① OutOfMemoryError, 너 대체 왜...OutOfMemoryError는 JVM이 더 이상 객체를 할당할 수 없을 때 발생하는데요. 이 에러가 발생하는 원인은 ..
개발/Java 2026. 2. 23. 10:28

Java 예외 처리 베스트 프랙티스

Java 개발 시 효과적인 예외 처리 전략과 구체적인 코드 예시를 통해 안정적인 애플리케이션을 구축하는 방법을 알아봅니다.왜 예외 처리가 중요할까요?① 애플리케이션 안정성 확보예외는 프로그램 실행 중 발생할 수 있는 예상치 못한 상황입니다. 적절한 예외 처리가 없다면, 예외 발생 시 프로그램이 갑작스럽게 종료될 수 있습니다. 이는 사용자 경험을 저해하고, 심각한 경우 데이터 손실을 초래할 수 있습니다. 따라서 예외 처리는 애플리케이션의 안정성을 확보하는 데 필수적인 요소입니다.java public class Example { public static void main(String[] args) { try { int result = 10 / 0; // 예외 발생: 0으로 나눔 System.out.print..
개발/Java 2026. 2. 23. 09:45

Java sealed class 정리

Java 17에 도입된 Sealed Class! 상속을 제한하여 코드 안정성을 높이는 핵심 기능, Sealed Class에 대해 알아보고 실제 사용법과 장점을 살펴봅니다.왜 Sealed Class가 필요할까요?① 상속의 문제점: 예상치 못한 확장Java의 상속은 강력하지만, 때로는 예상치 못한 문제점을 야기할 수 있어요. 특히 라이브러리나 API를 개발할 때, 외부에서 무분별하게 클래스를 상속받아 코드가 꼬이는 상황이 발생할 수 있거든요.java // 예시: 외부에서 멋대로 확장할 수 있는 상황 class Animal { void makeSound() { System.out.println("Generic animal sound"); } }class Dog extends Animal { @Override ..
개발/Java 2026. 2. 23. 09:02

Java record 클래스 사용법

Java 16에 도입된 record 클래스의 개념과 사용법, 그리고 장점을 알아봅니다. 데이터 전달 객체(DTO)를 더 간결하게 만드는 방법을 살펴봅니다.왜 필요한가?① 불변 데이터 객체의 번거로움Java에서 불변 데이터 객체(DTO, Data Transfer Object)를 만들 때, 우리는 보통 다음과 같은 과정을 거치게 됩니다.필드 선언: private final로 불변 필드를 선언합니다.생성자: 필드를 초기화하는 생성자를 만듭니다.Getter 메서드: 각 필드에 대한 getter 메서드를 제공합니다.equals()와 hashCode() 메서드 오버라이딩: 객체의 동등성 비교를 위해 필요합니다.toString() 메서드 오버라이딩: 객체의 내용을 보기 좋게 출력하기 위해 필요합니다.이 과정은 상당히..
개발/Java 2026. 2. 22. 18:16

Java 컬렉션 프레임워크 비교

Java에서 데이터를 효율적으로 관리하기 위해 제공하는 컬렉션 프레임워크의 주요 인터페이스와 구현 클래스를 비교하고, 각각의 특징과 사용 사례를 알아봅니다.Java 컬렉션 프레임워크란 무엇일까요?Java 컬렉션 프레임워크는 데이터를 저장하고 관리하는 데 사용되는 인터페이스와 클래스의 집합입니다. 배열의 단점을 보완하고 다양한 자료구조를 제공하여 개발자가 효율적으로 데이터를 다룰 수 있도록 돕는데요. 컬렉션 프레임워크는 Collection, List, Set, Map 등의 인터페이스를 중심으로 구성되어 있어요.주요 인터페이스 비교인터페이스특징주요 구현 클래스사용 사례Collection요소의 그룹을 나타내는 가장 기본적인 인터페이스 List순서가 있는 요소의 집합, 중복 허용ArrayList, Linked..
개발/Java 2026. 2. 22. 18:13

Java 멀티스레드 동기화

Java 멀티스레드 환경에서 발생하는 데이터 경쟁 조건과 동기화 문제를 해결하기 위한 방법들을 알아봅니다. synchronized, volatile, Lock 인터페이스 등을 사용하여 안전하게 공유 자원에 접근하는 방법을 살펴봅니다.왜 필요한가?멀티스레드 프로그래밍은 여러 스레드가 동시에 실행되어 애플리케이션의 성능을 향상시키는 데 유용하지만, 동시에 여러 스레드가 공유 자원에 접근할 때 데이터 불일치, 경쟁 조건, 데드락과 같은 심각한 문제가 발생할 수 있습니다. 이러한 문제를 해결하기 위해 Java는 다양한 동기화 메커니즘을 제공합니다.① 데이터 경쟁 (Race Condition)두 개 이상의 스레드가 동시에 동일한 공유 자원에 접근하여 하나 이상의 스레드가 데이터를 변경하려고 할 때 데이터 경쟁이 ..
개발/Java 2026. 2. 22. 18:10

Java 제네릭 완벽 가이드

Java 제네릭의 개념, 사용 이유, 그리고 실제 코드 예시를 통해 제네릭을 완벽하게 이해하고 활용하는 방법을 알아봅니다.왜 필요한가?① 타입 안정성 문제Java는 정적 타입 언어라서 컴파일 시 타입 검사를 수행하는데요, 제네릭이 없다면 타입 안정성을 보장하기 어려워지는 경우가 생겨요. 예를 들어 ArrayList에 여러 타입의 객체를 넣을 수 있다면, 나중에 꺼내 쓸 때 ClassCastException이 발생할 위험이 있죠.java // 제네릭을 사용하지 않은 경우 ArrayList list = new ArrayList(); list.add("Hello"); list.add(123); // 컴파일 에러는 발생하지 않음String str = (String) list.get(1); // 런타임 시 Cla..
개발/Java 2026. 2. 22. 18:07

Java 람다 표현식 정리

Java 람다 표현식이란 무엇이며, 왜 사용하는지, 그리고 어떻게 활용하는지 자세히 알아봅니다.왜 람다 표현식이 필요할까요?① 기존 방식의 문제점Java는 객체 지향 프로그래밍 언어로서, 모든 것이 객체 안에 존재해야 합니다. 익명 클래스를 사용하여 간단한 기능을 구현할 때도 불필요하게 많은 코드를 작성해야 했는데요. 예를 들어, 인터페이스를 구현하거나, 콜백 함수를 정의할 때 번거로움이 많았습니다.java // 익명 클래스를 사용한 예시 new Thread(new Runnable() { @Override public void run() { System.out.println("Hello from anonymous class!"); } }).start();이처럼 간단한 작업을 위해 장황한 코드를 작성해야 ..
개발/Java 2026. 2. 22. 18:04

Java Optional 사용법

Java Optional을 사용하여 NullPointerException을 효과적으로 방지하고 더욱 가독성 높은 코드를 작성하는 방법을 알아봅니다. Optional의 개념, 사용법, 그리고 주의사항까지 꼼꼼하게 정리했습니다.왜 Optional을 사용해야 할까요?① NullPointerException, 피할 수 없는 고통Java 개발을 하다 보면 정말 많이 마주치는 예외 중 하나가 NullPointerException (NPE)일 텐데요. "이건 진짜 안 터질 거야"라고 생각했던 코드에서 빵! 하고 터질 때의 그 당혹감이란... 겪어보신 분들은 다 아실 거예요.java String name = null; System.out.println(name.length()); // NullPointerExcepti..
개발/Java 2026. 2. 22. 18:01

Java Stream API 활용법

Java Stream API를 사용하여 데이터를 효율적으로 처리하는 방법을 알아보고, 실제 코드 예시를 통해 활용법을 익혀봅니다.왜 Stream API를 사용해야 할까요?① 기존 방식의 문제점Java 8 이전에는 컬렉션 데이터를 처리할 때 반복문(for, while)을 사용하는 경우가 많았는데요. 이 방식은 코드가 길어지고 가독성이 떨어지는 단점이 있었어요. 예를 들어, 리스트에서 특정 조건을 만족하는 요소만 추출하려면 다음과 같은 코드를 작성해야 했죠.java List names = Arrays.asList("Alice", "Bob", "Charlie", "David", "Anna"); List filteredNames = new ArrayList(); for (String name : names) {..
개발/Java 2026. 2. 22. 17:53

직접 만든 무료 데스크톱 유틸리티, 널리 앱 소개

직접 만든 무료 데스크톱 유틸리티, 널리 앱 소개안녕하세요! 1인 개발자 널리입니다. 평소에 제가 불편함을 느껴서 직접 만든 데스크톱 유틸리티들을 소개하려고 해요. 이름하여 "널리(NULI Labs)"! 이름처럼 제 앱들이 널리 퍼져서 많은 분들께 도움이 되면 좋겠습니다. 널리는 "널리 퍼지다"와 "Utility"의 합성어예요. Electron과 CodeMirror 6를 기반으로 만들었고, Mac과 Windows 양쪽 플랫폼에서 모두 사용할 수 있습니다. 게다가 모든 앱이 무료이고, Apple 코드사이닝과 공증까지 완료해서 안심하고 쓰실 수 있도록 신경 썼어요. GitHub Releases를 통해서 자동 업데이트도 지원하고 있답니다. ① 널리MD (NuliMD) - 마크다운 에디터제가 널리MD를 만들게 ..
개발 2026. 2. 22. 01:32

1인 개발자의 데스크톱 앱 도전기: 널리(NULI Labs)를 아시나요?

1인 개발자의 데스크톱 앱 도전기: 널리(NULI Labs)를 아시나요?최근에 맥(macOS)에서 쓰던 괜찮은 에디터 프로그램이 유료로 바뀌면서, 새로운 대안을 찾아다니는 분들이 많더라고요. 저도 그 중 한 명이었는데요, 그러다가 우연히 널리(NULI Labs)라는 한국산 데스크톱 유틸리티 브랜드를 알게 됐어요. 1인 개발자가 만들었다는데, 퀄리티가 생각보다 훨씬 좋아서 깜짝 놀랐답니다. 널리는 "널리 퍼지다"라는 뜻과 Utility의 합성어라고 해요. 슬로건이 "가벼움이 생산성을 만든다"인데, 정말 이름처럼 가볍고 유용한 앱들을 만들고 있더라구요. 특히 마음에 들었던 건 3개의 앱이 같은 디자인과 사용 경험(UX)을 공유한다는 점이었어요. 마치 하나의 에코시스템처럼 느껴졌죠. 널리(NULI Labs) ..
개발 2026. 2. 22. 01:30

오늘의 챔피언십 소식, 한눈에 정리해 드릴게요!

오늘의 챔피언십 소식, 한눈에 정리해 드릴게요!안녕하세요, 여러분! 오늘은 2026년 2월 21일, 챔피언십 관련해서 흥미로운 소식들이 많이 있네요. 제가 여기저기 기사를 찾아보니까, 스포츠 팬이라면 놓칠 수 없는 이야기들이 가득하더라고요. 그럼 바로 챔피언십 소식들, 함께 알아볼까요? 축구 챔피언십 소식① 잉글랜드 챔피언십 (EFL) 소식: 셰필드 더비!먼저 축구 소식부터 전해드릴게요. 잉글랜드 챔피언십, 일명 EFL 챔피언십에서 흥미로운 경기가 예정되어 있대요. 바로 셰필드와 셰필드 웬즈데이의 '스틸 시티 더비'인데요! 두 팀 모두 셰필드라는 도시를 연고로 하고 있어서, 그 열기가 엄청나다고 하네요.현재 순위는 셰필드가 16위, 셰필드 웬즈데이가 24위로 쳐져있다고 해요. 셰필드 웬즈데이는 강등권에 ..
인기 트렌드 2026. 2. 21. 22:58

슈퍼컵, 20년 만의 부활 그리고 전북 현대의 우승!

슈퍼컵, 20년 만의 부활 그리고 전북 현대의 우승!오늘(2026년 2월 21일) 축구팬들을 뜨겁게 달군 소식은 바로 슈퍼컵인데요! 20년 만에 부활한 슈퍼컵에서 전북 현대가 대전 하나 시티즌을 꺾고 우승을 차지했다는 소식입니다. 저도 축구팬으로서 너무 기쁜 소식이라, 관련 내용을 좀 더 자세히 알아봤어요. ① 슈퍼컵이란 무엇일까요?슈퍼컵은 지난 시즌 K리그1 우승팀과 FA컵(코리아컵) 우승팀이 맞붙는 경기인데요. 이번 2026년에는 K리그1과 코리아컵 모두 전북 현대가 우승하면서, K리그1 준우승팀인 대전 하나 시티즌이 슈퍼컵에 참가하게 됐다고 해요. 쉽게 말해서, 지난 시즌 최고의 팀을 가리는 '왕중왕전' 같은 경기라고 생각하면 될 것 같아요.슈퍼컵이 20년 만에 부활했다는 점도 눈에 띄는데요. 오랫..
인기 트렌드 2026. 2. 21. 16:08

git worktree 사용법

git worktree를 사용하여 여러 브랜치를 동시에 작업하고, 컨텍스트 스위칭 비용을 줄여 개발 효율을 높이는 방법을 알아봅니다.왜 git worktree를 사용해야 할까요?① 복잡한 개발 환경, 이제 안녕!개발하다 보면 여러 기능을 동시에 개발해야 하는 경우가 생기는데요. 기존 방식으로는 브랜치를 checkout하고, commit하고, push하는 과정이 번거롭고, 실수라도 하면 코드가 꼬여버리는 경우가 종종 있었어요. 특히 급하게 다른 브랜치로 전환해야 할 때, 현재 작업 중인 내용을 commit하지 않고는 이동할 수 없어 불편했죠.② 병렬 개발, 생산성 향상의 핵심git worktree는 이러한 문제를 해결해주는 아주 유용한 도구입니다. 하나의 저장소에서 여러 개의 작업 디렉토리를 생성하여 병렬..
개발/Git 2026. 2. 21. 15:48

조현병, 오해와 진실

오늘은 조현병에 대한 이야기를 해보려고 해요. 최근 뉴스에서 조현병 관련 소식이 많이 들려오는데요, 긍정적인 소식도 있지만 안타까운 사건들도 있어서 마음이 무겁네요. 그래서 오늘은 조현병에 대한 최신 정보를 쉽고 자세하게 정리해 드리려고 합니다.조현병, 오해와 진실① 조현병은 어떤 병일까요?조현병은 뇌 기능 이상으로 인해 발생하는 정신 질환인데요. 과거에는 '정신분열증'이라고 불렸지만, 사회적 낙인 때문에 2011년에 병명이 변경되었다고 해요. 조현병은 환각, 망상, 사고 장애, 감정 표현의 어려움 등 다양한 증상을 동반할 수 있습니다.조현병의 원인은 아직 명확하게 밝혀지지 않았지만, 유전적인 요인, 뇌의 구조적 이상, 신경전달물질의 불균형, 스트레스 등 다양한 요인들이 복합적으로 작용하는 것으로 알려져..
카테고리 없음 2026. 2. 21. 03:05

2026년 설 연휴 극장가와 안방극장을 동시에 사로잡은 배우, 유해진

2026년 설 연휴 극장가와 안방극장을 동시에 사로잡은 배우, 유해진여러분, 설 연휴 잘 보내셨나요? 저는 이번 연휴에 유해진 배우 덕분에 정말 즐거웠는데요. 극장과 TV에서 유해진 배우를 계속 볼 수 있어서 완전 '유해진 데이'였답니다! 지금부터 유해진 배우가 왜 이렇게 핫한지, 제가 찾아본 정보들을 싹 정리해서 알려드릴게요. ① 영화 '왕과 사는 남자' 400만 돌파!유해진 배우와 박지훈 배우가 함께 출연한 사극 영화 '왕과 사는 남자'가 드디어 400만 관객을 돌파했다는 소식이에요! (스타투데이 보도) 와, 진짜 대단하죠? 영화가 얼마나 재밌으면 이렇게 많은 분들이 보셨을까요.저는 특히 유해진 배우의 연기가 정말 인상 깊었는데요. 역시 믿고 보는 배우라는 생각이 들더라고요. 박지훈 배우와의 케미도 ..
인기 트렌드 2026. 2. 21. 02:35

JWT Access Token과 Refresh Token 완벽 이해하기

JWT Access Token과 Refresh Token 완벽 이해하기JWT 기반 인증에서 Access Token과 Refresh Token이 어떻게 동작하는지, 왜 두 개의 토큰이 필요한지 알아봅니다.왜 두 개의 토큰이 필요할까?하나의 토큰만 사용한다면?긴 만료 시간 (예: 7일)토큰이 탈취되면 7일 동안 악용 가능보안 취약짧은 만료 시간 (예: 15분)15분마다 재로그인 필요사용자 경험 최악해결책: 두 개의 토큰토큰만료 시간용도저장 위치Access Token15분API 호출메모리/localStorageRefresh Token7일Access Token 갱신HttpOnly CookieAccess Token: 짧은 만료 → 탈취되어도 피해 최소화Refresh Token: 긴 만료 → 사용자 편의성 유지토큰..
개발/Spring 2025. 12. 13. 21:19

GitHub SSH Clone 설정 가이드 (Mac 기준)

GitHub 비공개 저장소를 SSH로 clone 하기 위한 전체 설정 절차입니다.1. SSH 키 생성 (없을 경우)ssh-keygen -t ed25519 -C "your_email@example.com"기본 경로 ~/.ssh/id_ed25519로 저장패스프레이즈는 생략 가능 (엔터 두 번)2. 공개키 GitHub에 등록cat ~/.ssh/id_ed25519.pub위 명령어로 출력된 공개키 내용을 복사GitHub 접속 → SSH Key 등록 페이지"New SSH key" 클릭 후 붙여넣기 및 저장3. SSH config 파일 설정nano ~/.ssh/config아래 내용 추가:Host github.com HostName github.com User git IdentityFile ~/.ssh/id_ed..
개발/Git 2025. 7. 8. 16:40

React ‘Invalid Hook Call’ 오류와 상태/데이터 관리 패턴 실무 사례, 원인, 해결

1. 문제 상황(1) 실제로 발생한 오류 메시지(원문/해석)Warning: React has detected a change in the order of Hooks called by MaintenanceTable. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://reactjs.org/link/rules-of-hooks해석:React가 MaintenanceTable 컴포넌트에서 Hook 호출 순서가 바뀌는 것을 감지했습니다. 이 문제를 수정하지 않으면 버그와 오류가 발생할 수 있습니다. 자세한 내용은 Rules of Hooks 문서를 참고하세요.Uncaught Error:..
개발/React 2025. 7. 1. 16:39

React Provider란 무엇인가?

1. Provider란?Provider는 React의 Context API에서 "공급자(Provider)" 역할을 하는 컴포넌트입니다.하위 컴포넌트 트리에 값을 공급(Provide)하는 역할을 합니다.코드 예시: 이렇게 Provider로 감싼 자식 컴포넌트들은 useContext(MyContext)를 통해 바로 값을 사용할 수 있습니다.2. 왜 써야 할까?(1) props drilling 방지원래 React는 부모 → 자식으로 props를 넘겨야만 데이터가 전달됩니다.컴포넌트 트리가 깊어지면, 매번 중간중간 props로 넘기는 것이 번거롭고, 코드가 복잡해집니다.Context + Provider를 사용하면, 중간 단계를 거치지 않고 원하는 하위 컴포넌트 어디에서나 값을 꺼내 쓸 수 있습니다.(2) 전역..
개발/React 2025. 7. 1. 12:41

TypeScript 타입 조합/확장 문법 정리

1. & (Intersection, 교차 타입)여러 타입을 합쳐서 모든 속성을 가지는 새 타입을 만든다.중복되는 속성이 있다면, 마지막에 선언된 타입 기준으로 덮어쓴다.type A = { id: number; name: string }type B = { name: string; age: number }type AB = A & B// AB는 { id: number; name: string; age: number }가 된다.2. | (Union, 유니언 타입)여러 타입 중 하나를 가질 수 있다.if/else나 switch 문, 타입 가드로 분기 처리 가능type Status = "loading" | "success" | "error"function printStatus(s: Status) { // s는 세..
개발/Typescript 2025. 6. 22. 00:54

TypeScript Omit<T, K> 정리

1. Omit이란?Omit는 기존 타입(T)에서 특정 속성(K)을 제외한 새로운 타입을 만들 때 사용한다.T: 원본 타입K: 제외하고 싶은 속성의 key(문자열, 유니언 가능)Omit은 TypeScript에 기본 내장되어 있으며, 실제로는 Mapped Types와 keyof, Exclude, Pick을 조합해서 동작한다.2. 기본 사용법interface User { id: number; name: string; email: string; password: string;}// password 필드를 제외한 User 타입type UserWithoutPassword = Omit;const user: UserWithoutPassword = { id: 1, name: "홍길동", email: "hon..
개발/Typescript 2025. 6. 22. 00:42

Java Stream에서 map과 forEach의 차이

Java Stream API를 사용하다 보면 map()과 forEach()를 자주 만나게 된다. 두 메서드는 비슷해 보이지만 목적과 사용하는 상황이 다르다. 이 글에서는 map()과 forEach()의 차이를 실제 예제와 함께 정리한다.1. map() : 변환(Transformation)에 사용설명: map()은 스트림의 각 요소를 특정 방식으로 변환할 때 사용한다.리턴값: 변환된 값들로 새로운 스트림(Stream)을 생성한다.주 용도: 데이터를 가공하거나 타입을 변경해야 할 때 사용한다.중간 연산: map은 중간 연산이다. 즉, map 이후에 또 다른 스트림 연산이 이어질 수 있다.예시List names = Arrays.asList("홍길동", "이순신", "강감찬");List nameLengths =..
개발/Java 2025. 6. 21. 22:46

Js & Ts & React 문법

JavaScript / TypeScript / React 문법 정리 (기초 + 심화)📌 JavaScript 문법 정리1. 변수 선언 방식// var: 함수 레벨 스코프, 중복 선언 가능, 호이스팅됨 (초기화는 undefined)var x = 1;// let: 블록 레벨 스코프, 중복 선언 불가, 호이스팅됨 (초기화 전 참조 불가)let y = 2;// const: 블록 레벨 스코프, 재할당 불가, 상수 값 정의에 사용const z = 3;2. 화살표 함수 (Arrow Function)// 인자가 2개일 때const add = (a, b) => a + b; // return 생략 가능// 인자가 1개일 때 괄호 생략 가능const square = x => x * x;// 인자가 없을 때는 괄호 필수con..
개발/Javscript 2025. 6. 12. 23:12

React - useQueryClient(). invalidateQueries

🧼 queryClient.invalidateQueries란?React Query의 queryClient.invalidateQueries()는 특정 queryKey에 해당하는 캐시를 무효화하여 useQuery가 자동으로 다시 데이터를 fetch 하게 만드는 함수입니다.const queryClient = useQueryClient()queryClient.invalidateQueries({ queryKey: ["commCodeList"] })🚀 효과해당 queryKey를 사용하는 모든 useQuery가 자동으로 재실행됨서버에서 최신 데이터를 다시 가져오게 됨로딩 스피너 표시, 캐시 업데이트 자동 처리🎯 주요 옵션queryKey: 어떤 쿼리를 무효화할지 지정 (배열 형태)exact: 정확히 일치하는 키만 ..
개발/React 2025. 6. 8. 17:29

React - useQuery

useQuery는 React Query에서 데이터를 서버에서 비동기적으로 가져올 때 사용하는 가장 기본적인 훅입니다.const { data, isLoading, error } = useQuery({ queryKey: ["users"], queryFn: fetchUsers,})주요 속성queryKey:해당 쿼리의 고유 키입니다. 캐싱, 리페칭 등에 활용됨배열 형태로 작성하며, 서버에 요청을 보낼 조건을 포함할 수 있음queryFn:실제 서버에서 데이터를 가져오는 함수 (예: axios.get(...))비동기 함수 형태로 작성됨data:쿼리의 결과 데이터isLoading:데이터를 가져오는 중인지 여부 (boolean)error:에러 발생 시 객체 반환refetch:수동으로 다시 조회할 때 사용예시: 공통..
개발/React 2025. 6. 8. 17:27

React - useContext를 사용하기 전과 후의 구조 비교

React에서 여러 컴포넌트가 동일한 데이터를 공유하고 조작해야 할 경우, props를 깊게 전달하는 방식은 유지보수가 어렵고 구조가 복잡해지기 쉽다. 이럴 때 useContext를 사용하면, 전역적으로 데이터를 관리할 수 있어 코드가 훨씬 깔끔해진다. 아래에서는 useContext 적용 전후의 차이점을 코드와 함께 비교해 보자.1. useContext를 사용하지 않았을 때의 구조✅ 특징App 컴포넌트에서 todos, onCreate, onUpdate, onDelete를 정의하고 props로 하위 컴포넌트에 전달한다.List, Editor, TodoItem 등 모든 하위 컴포넌트는 이 props를 계속해서 받아야 하며, 구조가 깊어질수록 관리가 어려워진다.TodoItem에서도 마찬가지로 onUpdate,..
개발/React 2025. 6. 8. 00:17
◀ 1 2 3 ▶

티스토리툴바