스프링 부트 3 백엔드 개발자 되기 : 자바 편 COUPANG www.coupang.com "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 🗂 목차 🧑‍💻 코딩 ✅ [Spring Boot][Total-Back-Office Project] AOP, Annotation을 이용한 API 동작 시간 측정 ✅ [Spring Boot][Total-Back-Office Project] AOP, Annotation을 이용한 API 요청 이용자 정보 가져오기 feat.MyBatis & Test Code(JUnit 5) (https://junyharang.tistory.com/457) ✅ [Spring Boot][Total-Back-Office Project] Log Back을 ..

PostgreSQL 9.4 공식 가이드 Vol.1: 서버 관리 COUPANG www.coupang.com "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 🚀 Docker를 이용한 PostgreSQL 15 설치 🔽 개요 📦 소개 이번에는 지난 글에서 설치했던 SonarQube의 정보와 Data를 저장할 Data Base를 구축해 주려고 해요. Data Base를 구성하려고 하는 이유는 위와 같이 소나큐브가 동작하면서 분석 자료, 설정 등을 Data Base에 저장 시킬 수 있게 하기 위함이에요. 주니가 정적 코드 분석용으로 설치한 소나큐브의 버전은 9.8 버전이에요. 소나큐브 공식 문서를 보면 소나큐브는 총 3가지의 DBMS를 지원하고 있다고 해요. ∙ Postg..

전자정부 표준 프레임워크의 양대 핵심 기술 세트 : 스프링 + 마이바티스 COUPANG www.coupang.com "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 🗂 목차 1. [Spring Boot] Discord Bot(디스코드 봇) 만들기 2. [Spring Boot] Discord Bot(디스코드 봇) 만들기 - Spring Boot(스프링 부트)를 이용한 간단한 API 만들기 feat.Mybatis(마이바티스) 3. [Spring Boot] Discord Bot(디스코드 봇) 만들기 - JAVA를 이용한 API 호출 4. [Spring Boot] Discord Bot(디스코드 봇) 만들기 - 디스코드 봇을 이용하여 API 호출 🚀 시작하기 전에 🔽 개..

전자정부 표준 프레임워크의 양대 핵심 기술 세트 : 스프링 + 마이바티스 COUPANG www.coupang.com "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 🗂 목차 1. [Spring Boot] Discord Bot(디스코드 봇) 만들기 2. [Spring Boot] Discord Bot(디스코드 봇) 만들기 - Spring Boot(스프링 부트)를 이용한 간단한 API 만들기 feat.Mybatis(마이바티스) 3. [Spring Boot] Discord Bot(디스코드 봇) 만들기 - JAVA를 이용한 API 호출 4. [Spring Boot] Discord Bot(디스코드 봇) 만들기 - 디스코드 봇을 이용하여 API 호출 🚀 시작하기 전에 🔽 개..

🚀 Nuxt.js 비동기 데이터 🔽 호출 방법 📦 개요 Nuxt.js는 SSR(Server Side Rendering) Framework로 Vue.js Single Paga Application과 `REST API` 호출 방식을 다르게 접근해야 합니다. 📦 Single Page Application과의 차이점 CSR(Client Side Rendering)인 Vue Single Page Application Data 호출 방식은 아래와 같습니다. {{ user }} `Created()` Life Cycle Hook을 이용해 Component가 생성되면 Server에 Data를 요청해 받아온 결과를 화면에 표시하는 Code에요. 이때 Server에 Data를 요청하는 시점은 브라우저에서 Vue.js Cod..

🚀 Props 🔽 Props로 Data 전달 모든 Component Instance는 자체 격리된 범위가 있는 것이에요. 즉, 하위 컴포넌터의 템플릿에서 상위 데이터를 직접 참조 할 수 없으며, 그렇게 해서는 안 되는 것이에요. JAVA로 비유하자면 다형성과 같은 것인 거 같아요. Data는 `props` Option을 이용하여 하위 컴포넌트로 전달 될 수 있는 것이에요. prop은 상위 컴포넌트의 정보를 전달하기 위한 사용자 지정 특성인 것이에요. 하위 컴포넌트는 `props` option을 이용하여 수신할 것으로 기대되는 Props를 명시적 선언해야 하는 것이에요. 예시 코드 Vue.component('child', { // props 정의 props: ['message'], // 데이터와 마찬가지로..