티스토리

ZICO_코딩맛집
검색하기

블로그 홈

ZICO_코딩맛집

zico8282.tistory.com/m

CODING STUDY

구독자
3
방명록 방문하기

주요 글 목록

  • Spring Boot 애플리케이션에서 CORS 설정하는 방법 1. CORS란 무엇인가요?CORS(Cross-Origin Resource Sharing)는 웹 브라우저에서 실행 중인 웹 애플리케이션이 다른 출처(도메인, 프로토콜, 포트)의 리소스에 접근할 수 있도록 하는 메커니즘입니다. 브라우저는 기본적으로 보안상의 이유로 다른 출처에 대한 HTTP 요청을 제한하는데, 이것을 '동일 출처 정책(Same-Origin Policy)'이라고 합니다.예를 들어, http://localhost:3000에서 실행 중인 React 애플리케이션이 http://localhost:8080에서 실행 중인 Spring Boot API에 데이터를 요청할 때 CORS 제한이 발생합니다.2. 왜 CORS 설정이 필요한가요?현대 웹 개발 환경에서는 프론트엔드(React, Vue, Angular.. 공감수 0 댓글수 0 2025. 3. 7.
  • "React 훅(Hooks) 10개 완벽 가이드: React 19 버전 기준" 1. useState - 상태 관리의 기본useState는 함수형 컴포넌트에서 상태를 관리할 수 있게 해주는 가장 기본적인 훅입니다.개념컴포넌트의 상태(state)를 관리상태 변경 시 자동으로 리렌더링 트리거상태와 상태를 변경하는 함수를 배열 형태로 반환예시 코드import { useState } from 'react';function Counter() { // [상태값, 상태 변경 함수] = useState(초기값) const [count, setCount] = useState(0); return ( 현재 카운트: {count} setCount(count + 1)}>증가 setCount(count - 1)}>감소 setCount(0)}>초기화 .. 공감수 1 댓글수 0 2025. 3. 6.
  • 2025년 React.js: 프론트엔드 개발의 중심과 그 중요성 React의 시장 지배력 - 현대 웹 개발의 표준React.js는 2025년 현재 프론트엔드 개발 생태계의 절대 강자로 자리매김했습니다. Meta(전 Facebook)가 개발한 이 JavaScript 라이브러리는 웹 개발 분야에서 압도적인 점유율을 보이고 있습니다.산업 표준화: 전 세계 70% 이상의 기업들이 React를 활용한 웹 애플리케이션 개발에 투자대형 기업 채택: Netflix, Airbnb, Spotify, Microsoft, Instagram이 모두 React 기반 애플리케이션 운영지속적인 성장: 매년 15% 이상의 개발자 커뮤니티 확장으로 안정적인 생태계 유지React는 단순한 JavaScript 라이브러리를 넘어 현대 UI 개발의 표준 방법론으로 발전했습니다.취업 시장에서 React 개발.. 공감수 1 댓글수 0 2025. 3. 6.
  • Create React App 사용법 가이드 1. Create React App 소개안녕하세요! 이번 장에서는 Create React App을 사용하여 React 애플리케이션을 만드는 방법을 배워보겠습니다. Create React App은 React.js 애플리케이션을 만드는 가장 효율적인 방법입니다.이전에는 React 스크립트를 직접 가져와서 모든 설정을 수동으로 해야 했지만, Create React App을 사용하면 이 과정이 훨씬 간단해집니다.Create React App의 주요 장점:사전 구성된 개발 환경: 많은 스크립트와 설정이 미리 준비되어 있음개발 서버: 로컬에서 앱을 쉽게 테스트할 수 있는 개발 서버 제공자동 새로고침(Hot Reload): 코드 변경 시 자동으로 브라우저 새로고침CSS 지원: CSS 파일을 바로 임포트하여 사용 가능.. 공감수 0 댓글수 0 2025. 3. 6.
  • ReactJS에서 useEffect 훅 완벽 이해하기 1. useEffect의 기본 개념useEffect는 React 컴포넌트에서 부수 효과(side effects)를 처리하기 위한 훅입니다. 부수 효과란 데이터 가져오기, 구독 설정, 수동 DOM 조작과 같은 작업을 말합니다.useEffect(() => { // 실행할 코드}, [의존성 배열]);2. useEffect의 필요성React 컴포넌트에서는 상태(state)가 변경될 때마다 컴포넌트가 재렌더링됩니다. 그러나 API 호출과 같은 작업은 매번 실행되면 불필요한 네트워크 요청이 발생할 수 있습니다. useEffect를 사용하면 이러한 작업의 실행 시점을 제어할 수 있습니다.3. useEffect의 작동 방식첫 렌더링에만 실행하기빈 의존성 배열([])을 사용하면 컴포넌트가 처음 마운트될 때만 코드가 실.. 공감수 1 댓글수 0 2025. 3. 6.
  • React 앱을 GitHub Pages에 배포하는 완벽 가이드: 최신 방법과 팁 목차1. 소개2. GitHub Pages 이해하기3. 배포 준비하기3.1. gh-pages 패키지 설치3.2. package.json 설정하기4. 프로젝트 빌드 및 배포4.1. 빌드 프로세스 이해하기4.2. 배포 명령어 실행하기5. 해시 라우터(HashRouter) 사용하기6. 웹사이트 확인 및 문제 해결7. 배포 자동화 (2025년 최신 방법)7.1. GitHub Actions를 사용한 자동 배포7.2. GitHub Pages와 커스텀 도메인8. 유지보수 및 업데이트9. 추가 리소스 및 팁1. 소개GitHub Pages는 GitHub 저장소에서 직접 웹사이트를 호스팅할 수 있는 무료 서비스입니다. 이 가이드에서는 React로 만든 웹사이트를 GitHub Pages에 배포하는 방법을 상세히 알아봅니다. .. 공감수 1 댓글수 1 2025. 3. 5.
  • React Router 동적 URL 처리 가이드: v6와 v7의 차이점 및 구현 방법 목차1. 기본 개념2. React Router v6로 동적 URL 구현하기2.1. 동적 경로 설정하기2.2. useParams로 URL 파라미터 추출하기2.3. 동적 링크 생성하기2.4. URL 파라미터로 API 요청하기2.5. 영화 상세 정보 렌더링하기2.6. 전체 구현 예시3. React Router v7로 동적 URL 구현하기3.1. 데이터 라우터 설정하기3.2. 로더 함수로 데이터 불러오기3.3. 동적 링크 생성하기3.4. useLoaderData로 데이터 사용하기3.5. 전체 구현 예시4. v6와 v7의 주요 차이점5. 정리 및 결론1. 기본 개념동적 URL이란 경로의 일부가 변수처럼 작동하여 다양한 데이터를 표시할 수 있는 URL을 말합니다. 예를 들어, /movie/1, /movie/2와 같.. 공감수 0 댓글수 0 2025. 3. 5.
  • React Router 사용법 가이드: v6와 v7의 차이점 및 구현 방법 목차React Router v61. 설치 및 기본 설정2. 라우터 종류3. 기본 라우팅 설정4. Routes와 Route 컴포넌트5. Link 컴포넌트로 페이지 이동6. 컴포넌트 구조 재구성7. 동적 URL 설정React Router v71. 설치 및 기본 설정2. 라우터 종류3. 컴포넌트 기반 라우팅4. 데이터 라우터 사용하기5. Link 컴포넌트로 페이지 이동6. 컴포넌트 구조 재구성7. 동적 URL 및 데이터 로딩v6과 v7의 주요 차이점React Router v61. 설치 및 기본 설정 (v6)React Router v6를 설치하려면 다음 명령어를 사용합니다:npm install react-router-dom@6# 또는yarn add react-router-dom@6기본 컴포넌트를 import 하.. 공감수 0 댓글수 0 2025. 3. 5.
  • React Router 사용법 가이드 다음 요소들을 좀 더 자세히 다룰 예정입니다:React Router 소개 및 설치 과정 더 자세히라우터 종류 및 차이점 상세 설명라우팅 설정 방법 확장 예제Switch와 Route 컴포넌트의 동작 원리 상세 설명Link 컴포넌트 사용법 및 장점컴포넌트 구조 재구성 과정 자세한 설명더 많은 코드 예제 제공단계별 구현 과정 설명동적 URL 설명 추가실제 사용 사례와 팁 제공마크다운으로 한번에 출력하기 위해, 정보를 구조적으로 잘 정리하고 코드 블록을 포함하여 전체적인 내용을 강화할 것입니다.```markdownReact Router 완벽 가이드목차1. React Router 소개2. 설치 및 기본 설정3. 라우터 종류와 차이점4. 라우팅 설정 기본 구조5. Switch와 Route 컴포넌트6. Link 컴포.. 공감수 0 댓글수 0 2025. 3. 5.
  • 컴포넌트 분리의 필요성 1. 컴포넌트 분리의 필요성React의 주요 장점 중 하나는 컴포넌트를 재사용할 수 있다는 것입니다. 코드가 한 파일에 너무 많이 모여있으면 유지보수가 어려워지므로, 기능별로 컴포넌트를 분리하는 것이 좋습니다.Movie 컴포넌트 분리 과정:영화 정보를 보여주는 코드를 별도의 Movie.js 파일로 분리컴포넌트는 함수로 정의하고 export default Movie로 내보내기원래 App.js에 있던 영화 렌더링 관련 코드를 Movie.js로 이동2. Props 활용하기컴포넌트가 분리되면 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달해야 합니다. 이때 props를 사용합니다.// App.js에서 Movie 컴포넌트로 데이터 전달Props 이름 지정:API에서 받는 데이터의 이름(medium_cover_im.. 공감수 0 댓글수 0 2025. 3. 5.
  • 싱글톤 패턴 구현 방법 프로그래밍을 하다 보면 다양한 소프트웨어 디자인 패턴을 접하게 됩니다. 그 중에서도 싱글톤 패턴(Singleton Pattern)은 프로그램 개발에서 자주 사용되는 디자인 패턴 중 하나입니다. 이번 글에서는 자바(Java)에서 싱글톤 패턴이 무엇인지, 어떻게 구현할 수 있는지에 설명하겠습니다.싱글톤 패턴이란?싱글톤(Singleton)은 객체를 단 하나만 생성하여 사용하는 디자인 패턴입니다. GoF의 디자인 패턴 중 생성(Creational) 패턴에 해당하며, 프로그램에서 하나의 인스턴스를 공통으로 사용하는 경우에 자주 사용됩니다. 간단히 말해, 싱글톤 패턴은 어떤 클래스가 오직 하나의 인스턴스만 갖도록 보장하는 방식입니다.싱글톤 패턴을 사용하는 이유메모리와 성능 측면에서의 효율싱글톤을 사용하지 않으면, .. 공감수 1 댓글수 1 2024. 11. 18.
  • 레이어드 아키텍처와 도메인 주도 설계(DDD) 레이어드 아키텍처(Layered Architecture)는 가장 흔하게 사용되는 아키텍처 패턴입니다. 말 그대로 프로그램 내에서 계층을 나누는 설계 방식이며, 의존의 방향은 위에서 아래로만 내려갑니다. 보통 4개의 표준 레이어(Presentation, Business, Persistence, DataBase)로 구성되며, 규모에 따라 레이어를 합치거나 추가하기도 합니다.스프링 프레임워크를 예로 들면 다음과 같은 계층 구조를 갖게 됩니다:Controller → Service → Domain → Repository각 계층은 특정 역할과 관심사(화면 표시, 비즈니스 로직 수행, DB 작업 등)별로 나누어지며, 이를 '관심사의 분리(Separation of Concern)'라고 합니다. 즉, 각 계층은 자신만의.. 공감수 0 댓글수 0 2024. 11. 18.
  • JS 프로토타입이란 자바스크립트는 프로토타입(prototype) 기반의 독특한 프로그래밍 언어입니다. 클래스 기반의 객체 지향 프로그래밍도 가능하게 하는 이 프로토타입은 자바스크립트에서 객체 간의 상속을 이해하는 핵심 개념이죠. 이번 글에서는 자바스크립트에서 객체의 프로토타입을 어떻게 다뤄야 하는지, 프로토타입의 설정과 변경은 어떻게 이루어지는지 등을 살펴보겠습니다.“proto” 속성: 프로토타입의 비밀 통로자바스크립트에서 모든 객체는 자신의 프로토타입을 “proto”라는 비밀 속성에 저장하고 있습니다. 이 속성은 객체가 어디서 상속받았는지, 상속 체인의 상위에 무엇이 있는지를 알 수 있게 해주는 중요한 속성입니다.하지만, 이 “proto”는 현재 폐기된(deprecated) 속성입니다. 따라서 애플리케이션 코드에서 직접적.. 공감수 0 댓글수 0 2024. 11. 13.
  • JS 객체에 특정 속성이 있는지 확인하는 법 1. in 연산자 사용하기자바스크립트에서 객체에 어떤 속성이 있는지 확인하는 가장 널리 알려진 방법은 in 연산자를 사용하는 것입니다. 이 연산자는 다음과 같은 형태로 사용합니다:const obj = { a: 1 };"a" in obj; // true // 객체에 'a'라는 속성이 존재하므로 true 반환"b" in obj; // false // 객체에 'b'라는 속성이 없으므로 false 반환in 연산자는 객체에 해당 속성이 존재하면 true를, 존재하지 않으면 false를 반환합니다. 객체를 생성한 후에도 얼마든지 속성을 추가할 수 있기 때문에 in 연산자의 결과는 객체의 현재 상태에 따라 달라질 수 있습니다.obj.b = 2;"b" in obj; // true // 'b' 속성을 추가했기 때문에.. 공감수 0 댓글수 0 2024. 11. 13.
  • infer와 never 차이 이해하기 TypeScript(이하 TS)는 JavaScript(이하 JS)에서 발생할 수 있는 런타임 에러를 줄이기 위해 타입 이론을 도입한 정적 분석 도구입니다. 이러한 타입 시스템은 우리 코드가 더 안정적이고 오류가 적도록 도와줍니다. 하지만 많은 개발자들은 TS를 활용하면서 타입 추론의 깊은 부분에 대해서는 익숙하지 않은 경우가 많죠. 특히 라이브러리 개발을 할 때는 타입 추론이 제대로 이루어지는 것이 필수적입니다. 이번 글에서는 초보 개발자도 이해할 수 있도록 TS의 타입 이론과 타입 추론의 기초부터 고급 내용까지 차근차근 설명해 드리겠습니다.이 글을 읽으면 좋은 사람JavaScript 라이브러리를 개발하고 싶은 개발자TypeScript에서 타입이 추론되는 원리에 대해 궁금한 개발자infer 키워드와 고급.. 공감수 5 댓글수 2 2024. 11. 11.
  • Virtual Thread, 기존 스레드 모델 차이점 Java의 JDK 21에 새롭게 도입된 Virtual Thread는 기존의 커널 스레드(Kernel-Level Thread, KLT)와 사용자 스레드(User-Level Thread, ULT) 모델을 개선한 기능입니다. 이 글에서는 기존 스레드 모델과 Virtual Thread의 차이점, 그리고 이를 통해 얻을 수 있는 장점을 초보자도 쉽게 이해할 수 있도록 정리해 보겠습니다.기존 Java 스레드 모델 이해하기기존 Java의 스레드 모델은 주로 KLT와 1:1로 매핑되어 운영되었습니다. 이 모델에서 Java는 각 스레드가 운영체제의 커널에 의해 관리되었고, 멀티코어 CPU의 자원을 효율적으로 활용할 수 있었습니다. Java의 java.lang.Thread는 결국 커널 스레드로 실행되며, JVM은 이를 J.. 공감수 1 댓글수 1 2024. 11. 8.
  • JavaScript: reduce() 활용법 자바스크립트 배열 메서드 중에서도 가장 강력한 메서드를 뽑으라면, 단연 reduce()를 꼽을 수 있습니다. 하지만 범용적으로 쓰일 수 있는 만큼 이해하기도 쉽지 않아서 많은 초보 개발자들이 어려움을 겪곤 합니다. 이번 글에서는 reduce() 메서드의 기본 사용법과 실전 활용법을 쉽게 설명해보겠습니다.reduce() 기본 사용법reduce() 메서드는 배열의 각 요소에 대해 콜백 함수를 실행하여 누적된 하나의 결과값을 반환합니다. 기본 문법은 다음과 같습니다:array.reduce(, ); 콜백 함수에는 총 4개의 인자가 전달됩니다:accumulator: 이전 요소에서 누적된 결과값currentValue: 현재 요소의 값currentIndex: 현재 요소의 인덱스 (선택사항)array: reduce().. 공감수 0 댓글수 0 2024. 11. 1.
  • 자바스크립트에서 데이터 그룹화하기: groupBy() 활용법 자바스크립트를 이용하여 데이터를 처리하는 과정에서도 데이터를 특정 기준에 따라 그룹화하는 작업이 자주 필요합니다. 이번 포스팅에서는 자바스크립트에서 데이터를 효과적으로 그룹화하는 방법을 소개하겠습니다. 특히 최신 자바스크립트에서 사용할 수 있는 Object.groupBy()와 Map.groupBy()를 활용하여 간단하고 가독성 높은 코드를 작성하는 방법에 대해 알아보겠습니다.기존 데이터 그룹화 방법우선 데이터를 그룹화하는 작업을 하기 위해 reduce() 함수나 반복문을 이용한 기존 방법은 코드가 길고 유지보수가 어렵다는 단점이 있었습니다. 예를 들어, 여러 사용자의 이름, 나이, 국가 정보를 가진 배열이 있을 때, 국가별로 사용자를 분류하고 싶다고 가정해봅시다.const users = [ { name.. 공감수 1 댓글수 0 2024. 11. 1.
  • 스프링 부트에서 데이터 그룹화하기: groupBy() 활용법 자바 스프링 부트를 이용하여 데이터를 처리하는 과정에서도 자바스크립트와 마찬가지로 데이터를 특정 기준에 따라 그룹화하는 작업이 자주 필요합니다. 이번 포스팅에서는 자바 스프링 부트에서 데이터를 효과적으로 그룹화하는 방법을 소개하겠습니다. 특히 최신 자바 버전에서 제공하는 Stream API의 Collectors.groupingBy()를 활용하여 간단하고 가독성 높은 코드를 작성하는 방법에 대해 알아보겠습니다.기존 데이터 그룹화 방법우선 데이터를 그룹화하는 작업을 하기 위해 반복문과 조건문을 이용한 기존 방법은 코드가 길고 유지보수가 어렵다는 단점이 있었습니다. 예를 들어, 여러 사용자의 이름, 나이, 국가 정보를 가진 리스트가 있을 때, 국가별로 사용자를 분류하고 싶다고 가정해봅시다.import java.. 공감수 0 댓글수 0 2024. 11. 1.
  • 스프링 부트에서 최초 실행 시 동작하는 로직 애플리케이션을 운영하다 보면 애플리케이션이 실행되는 시점에 단 한 번만 실행되어야 하는 로직을 정의할 필요가 있는 경우가 많습니다. 예를 들어, 초기 설정값을 미리 로딩하는 Warm up 과정이나 환경 설정을 기반으로 하는 로직이 이에 해당합니다. 그렇다면 이처럼 최초 1회 실행되어야 하는 로직은 어디에 정의해야 할까요?그 방법을 네 가지로 나누어 상세히 소개합니다.1. Bean 생명주기를 이용하는 방법스프링 부트에서 빈(Bean)의 생명주기를 활용하여 최초 실행 로직을 정의할 수 있습니다. 가장 많이 사용되는 방법으로 생성자(Constructor)와 @PostConstruct 어노테이션을 사용하는 방법이 있습니다.1.1 생성자(Constructor) 이용@Slf4j@Componentpublic clas.. 공감수 0 댓글수 0 2024. 10. 31.
  • Faker 라이브러리 사용하는 방법 1. Faker 라이브러리란?Faker는 무작위 더미 데이터를 생성하기 위한 라이브러리로, 테스트 환경이나 샘플 데이터를 생성하는 데 매우 유용합니다. 이름, 주소, 전화번호, 회사명 등 현실감 있는 다양한 데이터를 만들어주기 때문에 프로젝트에서 테스트 데이터를 쉽게 얻을 수 있습니다.2. 프로젝트에 Faker 라이브러리 추가하기Faker를 사용하려면 프로젝트에 이 라이브러리를 추가해야 합니다. Spring Boot 프로젝트는 일반적으로 Maven이나 Gradle 빌드 도구를 사용하므로, 각각의 방식으로 Faker 라이브러리를 추가하는 방법을 살펴보겠습니다.2.1 Maven을 사용하는 경우pom.xml 파일에 Faker 의존성을 추가하세요. com.github.javafaker javafake.. 공감수 2 댓글수 1 2024. 10. 31.
  • 코드 실행 특정 시간 대기/지연 방법 JavaScript에서 코드의 실행을 특정 시간 동안 지연시키고 싶을 때가 종종 있습니다. 이럴 때 유용하게 사용할 수 있는 것이 바로 Promise와 setTimeout을 조합한 방법입니다. 간단하게 한 줄짜리 함수로 정의해두고 호출하는 방식으로 손쉽게 구현할 수 있습니다.다음은 실행 지연을 위한 간단한 함수입니다. const delayTime = async (millisec) => new Promise((resolve) => setTimeout(resolve, millisec)); 이 함수를 사용하면 코드의 실행을 원하는 시간만큼 지연시킬 수 있습니다. 예를 들어 delayTime() 함수를 호출하면 Promise 객체가 반환되므로, then()을 이용한 콜백 함수 방식이나 async/await 방식.. 공감수 0 댓글수 0 2024. 10. 31.
  • Gradle 의존성 설정의 이해 - api와 implementation의 차이 Gradle에서 외부 라이브러리를 프로젝트에 추가할 때 compileOnly, runtimeOnly, implementation, api 등 다양한 키워드를 사용할 수 있습니다. 이 중에서도 api와 implementation은 가장 자주 사용되는 옵션으로, 각각의 기능과 동작 방식이 다르기 때문에 상황에 맞게 사용해야 프로젝트의 의존성을 효율적으로 관리할 수 있습니다. 이 글에서는 api와 implementation의 차이와 사용법을 자세히 알아보겠습니다.Gradle 의존성 설정 기본 예시// build.gradle 파일dependencies { api 'org.apache.httpcomponents:httpclient:4.5.7' implementation 'org.apache.common.. 공감수 0 댓글수 0 2024. 10. 29.
  • 자바 스프링부트 웹 개발에서 중요한 디자인 패턴과 활용 스프링부트는 자바로 웹 애플리케이션을 개발할 때 널리 사용되는 프레임워크이며, 그 안에서 다양한 디자인 패턴이 활용됩니다. 이러한 디자인 패턴들은 코드의 재사용성, 유지 보수성, 그리고 가독성을 향상시켜주기 때문에 웹 애플리케이션 개발에 있어서 매우 중요합니다. 1. 싱글톤 패턴 (Singleton Pattern)싱글톤 패턴은 애플리케이션 내에서 클래스의 인스턴스를 하나만 생성하도록 보장하는 디자인 패턴입니다. 예를 들어, 데이터베이스 연결 객체를 여러 개 만드는 것은 비효율적이므로, 하나만 만들어서 재사용하고 싶을 때 싱글톤 패턴을 사용합니다.사용 사례: 데이터베이스 연결 풀, 설정 정보 등을 싱글톤으로 구현하여 전체 애플리케이션에서 하나의 인스턴스를 공유합니다.장점: 객체를 하나만 생성하므로 메모리 .. 공감수 0 댓글수 0 2024. 10. 29.
  • 스프링 부트에서 JPA 활용 1. JPA란 무엇인가?JPA는 자바 애플리케이션에서 관계형 데이터베이스를 손쉽게 사용할 수 있게 해주는 ORM(Object-Relational Mapping) 기술입니다. 객체지향 프로그래밍 언어인 자바와 관계형 데이터베이스 간의 데이터를 쉽게 전송할 수 있도록 돕습니다.ORM(Object-Relational Mapping): 객체 지향적인 자바 코드와 관계형 데이터베이스 간의 변환을 자동으로 처리합니다. 이를 통해 개발자는 SQL을 직접 작성하지 않아도 데이터베이스와 상호작용할 수 있습니다.엔티티(Entity): JPA에서 데이터베이스 테이블과 매핑되는 자바 클래스를 의미합니다. 이 클래스를 통해 데이터베이스의 레코드를 자바 객체로 쉽게 다룰 수 있습니다.엔티티 매니저(EntityManager): 데.. 공감수 3 댓글수 0 2024. 10. 29.
  • CentOs(ver 7.9) cetos7이 지원이 종료가 되어 yum을 사용하지 못한다는 에러가 발생한다.      해결 방법은 편집기로 접속sudo vi /etc/yum.repos.d/CentOS-Base.repo   밑에 있는 이미지대로 설정값으로 수정아래있는건 CentOS 7 패키지를 제공하는 Vault 저장소이다.Vault 저장소는 CentOS의 오래된 버전을 저장하는 곳으로, 현재 사용 가능한 모든 패키지를 포함하고 있다. [base]name=CentOS-$releasever - Basebaseurl=http://vault.centos.org/7.9.2009/os/x86_64/gpgcheck=1gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-7[updates]name=CentOS-$.. 공감수 0 댓글수 1 2024. 7. 9.
  • @Entity 사용시 필요 라이브러리 runtimeOnly 'com.h2database:h2' 공감수 0 댓글수 0 2024. 6. 3.
  • SpringBoot + Thymeleaf 초기 로드 경로 설정 (Gradle) plugins { id 'java' id 'org.springframework.boot' version '3.3.0' id 'io.spring.dependency-management' version '1.1.5'}group = 'com.example'version = '0.0.1-SNAPSHOT'java { sourceCompatibility = '17'}configurations { compileOnly { extendsFrom annotationProcessor }}repositories { mavenCentral()}dependencies { //implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation.. 공감수 0 댓글수 0 2024. 6. 3.
  • @RequiredArgsConstructor 스프링 부트(Spring Boot)에서 의존성 주입을 위해 흔히 사용되는 방법 중 하나는 @Autowired 애너테이션을 사용하는 것입니다.그러나 @RequiredArgsConstructor 애너테이션을 활용하면 @Autowired를 생략할 수 있습니다.  @Autowired 사용@Autowired는 스프링 프레임워크에서 제공하는 애너테이션으로, 필드, 생성자 또는 메서드에 붙여 의존성을 자동으로 주입할 수 있습니다. 주로 다음과 같은 방식으로 사용됩니다 @Servicepublic class MyService { @Autowired private MyRepository myRepository; // 다른 코드 생략}위 예제에서 @Autowired는 MyRepository 타입의 빈을 my.. 공감수 0 댓글수 0 2024. 5. 27.
  • 캔버스 사용법 캔버스란?캔버스 기능은 복잡한 아이디어를 시각적으로 정리하고, 이를 바탕으로 새로운 통찰을 얻는 데 큰 도움을 줍니다. 특히 개발자나 연구자, 디자이너와 같이 다양한 정보를 통합적으로 관리해야 하는 사용자에게 매우 유용한 도구입니다. 이를 통해 옵시디언 사용자는 보다 체계적이고 창의적으로 작업을 수행할 수 있습니다. 1.  2. 확장자명이 CANVAS라는 파일로 생성이 된다.  3. 캔버스 파일을 열고 정리하고싶은 노트파일을 드래그 해준다.  4. 공감수 0 댓글수 0 2024. 5. 18.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.