<Hello Hosung😎/>

1. 프로젝트 목표이번 포스팅에서는 Expo + React Native를 이용해 앱 프로젝트를 완전히 초기화하고,필요 없는 파일 제거 + 폴더 구조와 주요 파일 역할을 이해하는 것을 목표로 합니다.스플래시 화면은 제외하고, 초보자가 폴더/파일 역할을 이해할 수 있도록 정리합니다. 1️⃣ 환경 준비1-1. Node.js 설치 확인node -vnpm -v 권장 Node.js 버전: LTS (예: v20.x)만약 오류가 나면 nvm 사용하여 설치:nvm install --ltsnvm use --lts 1-2. Expo CLI 설치 확인최근 Expo는 npx create-expo-app 사용을 권장합니다.npx create-expo-app --version 기존에 expo-cli 설치되어 있어도 이제 npx 사..

1️⃣ Pod용도: 쿠버네티스에서 컨테이너를 실행하는 가장 작은 단위특징:단일 또는 여러 컨테이너 실행 가능Pod만 있으면 외부 접속은 불가재생성/롤링 업데이트는 지원 안 됨사용 경우:단일 Pod 직접 생성테스트/학습용 임시 PodDeployment/StatefulSet 내부 template 구조Pod YAML 예시apiVersion: v1kind: Podmetadata: name: my-pod labels: app: my-appspec: containers: - name: my-container image: nginx ports: - containerPort: 80 2️⃣ Deployment용도: Pod를 배포하고 관리하는 객체특징:지정한 Pod 개수(replica)를 항상..

1️⃣ 들어가며Spring Boot 애플리케이션을 쿠버네티스(K8s) 위에 배포할 때한 프로젝트 안에 여러 API를 만들지, 아니면 API별로 별도 프로젝트를 만들어야 할지 고민되는 상황요청 분산, 스케일링, 장애 격리 측면에서 비교2️⃣ 쿠버네티스 기본 구조Deployment: 애플리케이션 단위, 파드(Pod) 생성/관리Service: Deployment 내부 파드에 요청을 전달, 로드밸런싱Ingress + Nginx: 외부 요청을 Service로 라우팅하고, 여러 파드에 분산 처리 [요청흐름그림]외부 요청 → Ingress(지도) → Nginx(트래픽 배분) → Service → 여러 파드 Ingress: URL/도메인 규칙 관리Nginx: 파드 단위 로드밸런싱3️⃣ 한 프로젝트 안에 여러 API (..

🧩 문제 상황Jenkins에서 GitHub 저장소를 체크아웃하는 첫 스텝에서 아래와 같은 에러 발생The recommended git tool is: NONE → Git 설치 문제는 아님 (이미 해결)자격 증명도 정상 연결됨 (using credential)Git 저장소는 public이거나 token 등록도 정상그런데도 계속 clone 실패.🔍 원인Jenkins의 workspace 디렉토리에 이전 빌드 실패로 인한 .git 디렉토리 손상이 남아 있었음.즉:Jenkins는 이미 clone 되어 있다고 착각하고fetch, config 등의 git 명령을 실행했지만.git 폴더가 없으니 실패한 것✅ 해결 방법docker exec -it -u root jenkins-container bashcd /var/j..

Docker Compose, Docker Swarm, Kubernetes 모두 다 컨테이너 오케스트레이션 도구인데, 그 차이는 무엇일까요? 컨테이너 기반 개발 환경이 확산되면서, Docker Compose, Docker Swarm, Kubernetes 같은 오케스트레이션 도구들이 매우 중요한 역할을 하고 있습니다. 하지만 이 세 가지 도구는 모두 비슷해 보이지만, 각자의 목적, 규모, 기능에서 큰 차이가 있습니다. 이 글에서는 각 도구의 특징을 비교하고, 언제 어떤 도구를 사용해야 할지에 대해 알아보겠습니다.1. Docker Compose목적: 로컬 개발 환경에서 다중 컨테이너 애플리케이션을 관리할 때 사용됩니다. 주요 특징:- 간단한 설정으로 여러 개의 컨테이너를 하나의 네트워크로 묶어 실행할 수 있습..

Docker 네트워크는 Docker 컨테이너 간, 또는 컨테이너와 외부 시스템 간의 통신을 설정하고 관리하는 Docker의 핵심 기능 중 하나입니다. 이 기능을 통해 컨테이너가 데이터를 주고받을 수 있으며, 필요에 따라 네트워크를 격리하거나 연결할 수 있습니다. 아래는 Docker 네트워크에 대해 알기 쉽게 정리한 내용입니다.Docker 네트워크란?Docker는 컨테이너를 독립적인 환경에서 실행합니다. 이때 네트워크는 컨테이너 간의 데이터 교환을 가능하게 하고, 외부와 연결되는 통로 역할을 합니다.네트워크를 사용하면 컨테이너 간의 통신, 보안 설정, 다른 시스템과의 연결을 손쉽게 관리할 수 있습니다.Docker 네트워크의 주요 기능컨테이너 간 통신같은 네트워크에 연결된 컨테이너끼리는 서로 데이터를 주고받..

1. 리액트 성능 최적화가 중요한 이유리액트로 만든 웹 애플리케이션이 크고 복잡해질수록 렌더링 성능이 중요해집니다. 페이지가 느리게 로딩되거나 불필요한 컴포넌트가 계속 리렌더링되는 경우, 사용자 경험(UX)이 크게 저하될 수 있습니다. 성능 최적화는 이러한 문제를 해결하고 애플리케이션의 반응 속도를 높여줍니다.2. 불필요한 렌더링 방지리액트는 상태(state)나 속성(props)이 변경될 때마다 컴포넌트를 리렌더링합니다. 하지만 모든 리렌더링이 필요한 것은 아닙니다. 불필요한 리렌더링을 방지하는 몇 가지 방법을 살펴보겠습니다.React.memo: 함수형 컴포넌트에서 props가 변경되지 않으면 리렌더링을 막을 수 있습니다.const MyComponent = React.memo(({ data }) => {..

리액트 라우터는 리액트로 만든 웹 애플리케이션에서 페이지 간 이동을 쉽게 해주는 도구입니다. 일반적으로 웹 애플리케이션은 페이지를 이동할 때마다 새로고침이 되는데, 리액트 라우터를 사용하면 페이지가 새로고침 없이도 URL만 바꾸면서 다양한 페이지를 보여줄 수 있습니다.이 글에서는 리액트 라우터를 쉽게 설치하고 사용하는 방법을 단계별로 소개할게요.1. 리액트 라우터 설치하기먼저 리액트 라우터를 프로젝트에 설치해야 해요. 아래 명령어로 설치할 수 있습니다.npm install react-router-dom설치가 완료되면, 라우터를 사용할 파일에서 아래와 같이 불러옵니다.import { BrowserRouter, Route, Switch } from 'react-router-dom';2. 기본 라우팅 사용하기..

Spring Security는 Spring 기반 애플리케이션에서 인증(authentication) 및 권한(authorization) 처리를 위한 강력한 프레임워크입니다. 이 블로그에서는 Spring Security를 설정하고, 기본적인 인증 및 권한 관리 방법을 설명합니다.1. Spring Security 소개Spring Security는 웹 애플리케이션에서 중요한 보안 기능을 제공하는 프레임워크입니다. 기본적으로 다음과 같은 기능을 제공합니다:인증(Authentication): 사용자가 누구인지 확인하는 과정.권한(Authorization): 사용자가 특정 리소스에 접근할 수 있는 권한을 확인하는 과정.2. Spring Security 설정하기2.1. 의존성 추가Spring Security를 프로젝트..

리액트는 2013년에 처음 등장한 이후로 지속적으로 진화해왔고, 그 중 하나가 바로 리액트 훅(React Hooks) 입니다. 훅은 2018년에 리액트 16.8 버전에서 도입되었으며, 함수형 컴포넌트에서 상태와 라이프사이클 기능을 사용할 수 있게 해주는 기능입니다. 그 이전까지는 클래스형 컴포넌트에서만 상태 관리나 라이프사이클 메서드를 사용할 수 있었는데, 훅을 통해 함수형 컴포넌트에서도 이를 처리할 수 있게 되었습니다.훅이란 무엇인가?리액트 훅은 함수형 컴포넌트에서 상태 관리, 부수 효과(side effect) 관리, 컨텍스트 사용 등 여러 기능을 가능하게 하는 함수입니다. 훅을 사용하면 컴포넌트가 더 간결하고 읽기 쉽게 작성되며, 재사용성도 증가합니다.훅의 주요 특징함수형 컴포넌트에서만 사용할 수 있..

1. 리액트 소개리액트는 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리입니다.컴포넌트 기반으로 UI를 구성하며, 상태 관리와 데이터 흐름을 효율적으로 처리합니다. 2. JSX (JavaScript XML)JSX는 자바스크립트 코드 안에서 HTML과 비슷한 구문을 사용할 수 있게 해주는 문법입니다.const element = Hello, world!; * JSX는 React.createElement로 변환됩니다.    3. 컴포넌트 (Component)리액트에서 UI는 컴포넌트로 나누어 관리됩니다.컴포넌트는 함수형 컴포넌트와 클래스형 컴포넌트로 나뉩니다.  함수형 컴포넌트function Welcome(props) { return Hello, {props.name};} 클래스형 컴포넌트class..

이번 포스팅에서는 Docker를 사용해 Jenkins 서버를 구축하고,Jenkins 내부에서 Docker 명령어를 사용할 수 있도록 설정하는 방법을 다룹니다. CI/CD 파이프라인 구축을 준비하는 단계로 활용할 수 있습니다.  1. Jenkins 컨테이너 실행Jenkins를 Docker 컨테이너에서 실행하려면 먼저 Jenkins 이미지를 가져오고, 컨테이너를 기동해야 합니다. 1.1 Docker 설치 확인먼저, Docker가 설치되어 있는지 확인합니다. 설치되지 않았다면 Docker 공식 문서를 참고하여 설치하세요.docker --version  1.3 Jenkins 컨테이너 실행Jenkins 컨테이너를 실행할 때 Docker 소켓 공유를 통해 컨테이너 내부에서도 Docker 명령어를 사용할 수 있도록 ..

구글 로그인을 구현하기 위해, OAuth 2.0 프로토콜을 사용하여 Google API와 연동합니다. 아래는 Node.js + Express 기반의 간단한 Google 로그인 구현 예제입니다.사전 준비Google Cloud Console에서 프로젝트 생성Google Cloud Console에 접속.새 프로젝트를 생성하거나 기존 프로젝트를 선택.OAuth 동의 화면 설정:사용자 유형 선택(외부/내부).필수 정보 입력(애플리케이션 이름, 이메일 등).OAuth 2.0 클라이언트 ID 생성:애플리케이션 유형: 웹 애플리케이션 선택.승인된 리디렉션 URI 추가: 예) http://localhost:3000/auth/google/callback클라이언트 ID와 클라이언트 비밀 키(Client Secret)를 복사..

OAuth2 로그인은 OAuth 2.0 인증 프로토콜을 사용하여 사용자가 외부 서비스(예: Google, Facebook, GitHub 등)를 통해 애플리케이션에 로그인할 수 있도록 하는 기능입니다. 이를 통해 사용자는 새 계정을 생성하지 않고도 기존의 외부 계정을 사용하여 앱이나 웹사이트에 접근할 수 있습니다. OAuth2 로그인의 주요 개념권한 부여(Authorization)사용자가 특정 애플리케이션이 자신의 정보를 접근하거나 사용할 수 있도록 허가합니다.액세스 토큰(Access Token)외부 서비스가 발급하는 임시 키로, 애플리케이션이 사용자의 데이터에 접근할 수 있는 권한을 나타냅니다.리다이렉션(Redirection)사용자는 OAuth 인증 서버로 리다이렉트되어 로그인 절차를 수행하고, 완료 후..

Spring AOP란 무엇인가요? Spring AOP(Aspect-Oriented Programming)는 객체 지향 프로그래밍의 한계를 보완하기 위해 도입된 프로그래밍 기법입니다. AOP는 '관점 지향 프로그래밍'으로, 프로그램의 핵심 비즈니스 로직 외에 공통적인 기능(예: 로깅, 트랜잭션 관리 등)을 독립적으로 처리할 수 있게 해줍니다. 이를 통해 코드 중복을 줄이고, 유지보수를 용이하게 합니다. 기본적으로 AOP는 핵심 기능과는 별도로 "관점(Aspect)"이라는 개념을 사용하여 공통된 관심사를 모듈화합니다. 예를 들어, 로그를 남기는 기능이나 트랜잭션 관리를 AOP를 통해 별도로 처리할 수 있습니다. AOP의 핵심 개념 Aspect (관점): 핵심 로직에 부가적인 기능을 추가하는 모듈입니다. 예를..