Internet

Spring Boot Test 작성 및 실행하기 Spring Boot Test를 작성하고 실행하는 방법에 대해 정리한 내용입니다. 1. Spring Boot Test Spring Boot에서는 애플리케이션을 테스트할 때 도움이 되는 테스트 스타터를 제공합니다. 스타터는 크게 spring-boot-test와 spring-boot-test-autoconfigure 두가지 모듈로 구성됩니다. spring-boot-test는 테스트를 위한 핵심 기능을 지원하고 spring-boot-test-autoconfigure는 테스트를 위한 자동 구성을 지원합니다. 일반적으로 Spring Boot 테스트 모듈과 JUnit, Jupiter, AssertJ, Hamcrest 및 다른 유용한 라이브러리들이 포함되어 있는 spr..

Gradle 설치 및 사용하기 Gradle을 설치하고 사용하는 방법에 대해 정리한 내용입니다. 1. Gradle Spring 프로젝트의 빌드 도구로는 Maven을 많이 사용하지만 XML 기반의 설정 파일인 pom.xml은 동적인 구성에 제약이 있었습니다. 이러한 Maven의 대안으로 나온 Gradle은 Groovy 기반의 스크립트 언어로 구성되어 있으며 변수 선언 및 조건문(if-else, for) 등을 사용하여 로직 구현이 가능합니다. Gradle Build Tool Accelerate developer productivity. Gradle helps teams build, automate and deliver better software, faster. gradle.org Gradle의 특징은 다음과..

React Craco 설정하기 React에서 Craco를 이용하여 절대경로를 설정하는 방법에 대해 알아보겠습니다. 1. Craco Craco(Create React App Configuration Override)는 보다 쉽게 CRA 설정이 가능하도록 지원해주는 라이브러리입니다. GitHub - gsoft-inc/craco: Create React App Configuration Override, an easy and comprehensible configuration layer for create-rea Create React App Configuration Override, an easy and comprehensible configuration layer for create-react-app - G..

React TypeScript 적용하기 React에 TypeScript를 적용하는 방법에 대해 알아보겠습니다. 1. TypeScript 설치 리액트를 타입스크립트와 함께 설치하는 경우엔 아래 명령어를 실행해줍니다. $ npx create-react-app my-app --template typescript 기존에 생성한 리액트 프로젝트에 타입스크립트를 설치하는 경우엔 아래 명령어를 실행해줍니다. @types가 붙은 패키지는 타입스크립트를 지원하는 라이브러리입니다. $ yarn add typescript @types/node @types/react @types/react-dom @types/jest yarn add v1.19.1 warning package-lock.json found. Your proje..

React Hooks 알아보기 React Hooks에 대해 알아보고 정리한 내용입니다. 1. Hooks React Hooks는 리액트 16.8 버전부터 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 기능을 제공합니다. useState, useEffect 등의 기능을 제공하여 클래스형 컴포넌트를 작성할 필요없이 다양한 작업을 가능하게 해줍니다. 1.1. useState useState는 함수형 컴포넌트에서 상태 관리를 위해 사용하며 가변적인 상태를 가질 수 있도록 해줍니다. 사용을 위해서는 상단에 import 해주고 다음과 같이 작성해줍니다. import React, { useState } from 'react'; ... const [value, setValue] = useState(..

React 프로젝트 생성하기 React 프로젝트을 생성하고 실행하는 방법에 대해 정리한 내용입니다. 1. React React – A JavaScript library for building user interfaces A JavaScript library for building user interfaces reactjs.org React는 UI를 구축을 위해 Facebook에서 만든 효율적이고 유연한 JavaScript 라이브러리입니다. 다음과 같은 특징을 가지고 있습니다. Component 단위의 코드 조각들을 이용한 UI 구성 함수형, 클래스형 component 단방향(uni-directional) 데이터 바인딩 및 props를 이용한 속성 전달 JSX (Javascript + HTML) Virtu..

Node.js HTTPS 설정하기 SSL 인증서를 이용하여 Node.js 서버에 HTTPS를 설정하는 방법에 대해 알아보겠습니다. 주로 사용하는 인증서의 파일 포맷에는 여러 종류가 있는데 정리하면 다음과 같습니다. .pem (Privacy Enhanced Mail) 개인키, 서버인증서, 루트인증서, 체인인증서 및 SSL 발급 요청시 생성하는 CSR 등에 사용되는 포맷. 거의 대부분의 시스템에 호환되는 표준 포맷이며 Base64로 인코딩된 ASCII 텍스트. .crt 주로 유닉스/리눅스 기반 시스템에서 인증서 파일로 사용하기 위한 확장자. 대부분 PEM 포맷으로 구성. .cer 주로 Windows 기반 시스템에서 인증서 파일로 사용하기 위한 확장자. 대부분 PEM 포맷으로 구성. .csr (Certific..

Keycloak SSO 설정하기 Keycloak SSO(Single Sign-On)를 설정하는 방법에 대해 알아보겠습니다. 설정에 앞서 Keycloak 설치가 안되었다면 다음 글을 참고하여 설치해줍니다. Keycloak 설치하기 Keycloak 설치하기 Helm 차트를 이용하여 Keycloak을 설치하는 방법에 대해 알아보겠습니다. (Docker Desktop에서 구성한 Kubernetes 환경에 설치한 내용을 정리했습니다) 1. Keycloak 개요 Keycloak은 Redhat에서.. freestrokes.tistory.com 또한 실습에서는 Grafana를 연동할 서비스로 설정했는데 마찬가지로 설치가 안되었다면 다음 글을 참고하여 설치해줍니다. Grafana 설치 & Prometheus 연동하기 G..

Keycloak 설치하기 Helm 차트를 이용하여 Keycloak을 설치하는 방법에 대해 알아보겠습니다. (Docker Desktop에서 구성한 Kubernetes 환경에 설치한 내용을 정리했습니다) 1. Keycloak 개요 Keycloak은 Redhat에서 개발한 인증(authentication)과 인가(authorization)를 지원하는 오픈 소스이며, OIDC, SAML, OAuth 2.0과 같은 인증과 인가에 대한 표준 프로토콜을 모두 지원합니다. Keycloak Add authentication to applications and secure services with minimum fuss. No need to deal with storing users or authenticating use..