좌바코딩

[Java Spring] 회원가입시 비밀번호 암호화해서 DB에 저장하기

좌바코딩 — Wed, 13 Aug 2025 02:51:27 +0900

우리가 웹사이트에 회원가입을 하는 과정에서 아이디, 비밀번호 등... 입력하게 된다.

비밀번호를 DB에 평문으로 저장하게 되면, 해커나 외부에서 DB에 접근하게 됬을 때 우리의 아이디와 비밀번호를 손쉽게 얻을 수 있다.

그렇게 되면 개인정보 유출, 금융 피해 같은 다양한 피해가 일어나게 된다.

이러한 사고를 방지하기 위하여 비밀번호를 암호화하여 DB에 저장해야 된다.

이 글에서는 JavaSpring에서 암호화 하는 과정을 보여주려고한다.

우선 순서로는

1. Security 의존성 추가

2. 암호화인코더 Bean 등록

3. 회원가입시 암호화 적용

4. DB 저장

JavaSpring 암호화 방법

1. Spring Security Dependency 추가

암호화해주는 인코더를 사용하기 위하여 필요합니다.

<!--  Maven  -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-security</artifactId>
</dependency>

dependencies {
	// Gradle
    implementation 'org.springframework.boot:spring-boot-starter-security'
}

2. PasswordEncoder Bean 등록

Bean으로 등록하여 어디서든 주입받아서 사용할 수 있습니다.

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.security.crypto.password.PasswordEncoder;

@Configuration
public class SecurityConfig {

    @Bean
    public PasswordEncoder passwordEncoder(){
        return new BCryptPasswordEncoder();
    }

}

3. 암호화 적용

Bean으로 등록된 PasswordEncoder를 주입 받아와

password.encdoe()를 사용하여 암호화를 하여 저장 합니다.

save를 하여 DB에 저장

@Service
@RequiredArgsConstructor
@Transactional
public class MemberService {

    private final MemberRepository memberRepository;

    private final PasswordEncoder passwordEncoder;

    public void registerMember(MemberRegisterRequest memberRegisterRequest) {
        String encodedPassword = passwordEncoder.encode(memberRegisterRequest.getMemberPassword());
        
        Member member = new Member(
                memberRegisterRequest.getMemberEmail(),
                encodedPassword,
                memberRegisterRequest.getMemberName(),
                memberRegisterRequest.getMemberMobile()
        );

        memberRepository.save(member);
    }
}

4. 로그인 검증

passwordEncoder.matches()를 사용하여 비밀번호 검증 가능.

@Service
@RequiredArgsConstructor
@Transactional
public class MemberService implements MemberServiceImpl {

    private final MemberRepository memberRepository;

    private final PasswordEncoder passwordEncoder;

    @Override
    public boolean login(String memberEmail, String memberPassword) {
        Member member = memberRepository.findByMemberEmail(memberEmail)
                .orElseThrow(() -> new RuntimeException("존재하지 않는 회원입니다."));

        if (passwordEncoder.matches(memberPassword, member.getMemberPassword())) {
            return true; // 비밀번호 일치시 true
        } else {
            // 비밀번호 불일치시 Exception
            throw new RuntimeException("비밀번호가 올바르지 않습니다.");
        }
    }
}

리눅스 Ubuntu에 Docker 설치하기

좌바코딩 — Tue, 12 Aug 2025 20:18:48 +0900

도커(Docker)란?

애플리케이션(ex. Java Spring)과 실행 환경(ex. Java17)을 하나의 패키지로 묶어 실행하는 컨테이너 기술.

즉, "내 컴퓨터에서는 환경설정이 잘 되서 작동은 잘됬는데 서버에서는 환경이 안맞아서 작동이 안돼!"라는 문제를 해결 해줌

도커 컨테이너 내부에는 애플리케이션과 실행환경이 있어서 어떤 컴퓨터에서든 작동이 가능함

하나의 가벼운 가상머신을 들고있다고 생각하면 좋음

도커 핵심 구성요소

이미지(image) : 실행 환경과 애플리케이션이 들어있는 패키지(ex. spring + java21 합쳐있음)

컨테이너(container) : 이미지를 실행한 인스턴스

도커(Dokcer) 설치하기 for Ubuntu

1. 패키지 목록 업데이트

sudo apt-get update

2. 필수 패키지 설치

sudo apt-get install -y apt-transport-https ca-certificates curl software-properties-common

3. Docker 공식 GPG 키 추가

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg

4. Docker 저장소 추가

echo "deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null

5. 패키지 목록 업데이트 한번더!

sudo apt-get update

6. Docker 설치(Docker와 관련 패키지를 설치)

sudo apt-get install -y docker-ce docker-ce-cli containerd.io docker-compose-plugin

7. Docker 설치 확인

Docker version 2x.x.x, build xxxxxx 라고 나오면 됨

버전과 빌드는 언제 설치했는지에 따라 다름

docker --version

8. Docker 서비스가 실행중인지 확인

Active: active (running) 이 보이면 정상적으로 실행중인 상태

sudo systemctl status docker

Java Spring에서 Class가 DB 테이블로 생성되는 조건

좌바코딩 — Sun, 10 Aug 2025 10:32:04 +0900

Java Spring에서 Class가 DB에서 테이블로 생성되는 조건에 대하여 알아보려고 한다.(JPA 기준)

테이블이 되기 위하여 총 3가지 조건이 있다.

1. @Entity 어노테이션

2. 기본 생성자

3. @Id 어노테이션

위에 3가지가 있어야 테이블 생성이 가능하다.

※ 3가지 조건을 만족했음에도 생성이 안될때

Java Spring 설정 파일(properties or yml) 설정에서 아래 설정이 none으로 되어있으면 생성이 안된다.

update로 변경 해주면 된다.

spring.jpa.hibernate.ddl-auto=update

MySQL Workbench 글씨 깨짐?, 전각/반각 설정

좌바코딩 — Sun, 10 Aug 2025 09:47:45 +0900

MySQL Workbench에서 쿼리를 작성하는 과정에서

정상적인 쿼리를 작성했음에도 실행이 안되는 상황이 발생했다.

'SHOW DATABASES;'를 입력했는데

아래 사진처럼 'S H O W D A T A B A S E S ; ' 처럼 이상하게 입력이 되어서 에러가 발생한다.

이리저리 인터넷을 검색한 결과

전각/반각이 원인이라고한다.

전각 : 가로:세로 = 1:1 비율, 정사각형

반각 : 가로:세로 = 1:2 비율, 직사각형

전각->반각으로 바꾸기 위해서

ALT + = 을 누른후 바꾸면 된다.

('알트'와 '=' 같이 누르기)

결론! " ALT + = " 을 누르면 해결 가능!

MySQL WorkBench 설치(for Windows)

좌바코딩 — Fri, 1 Aug 2025 14:41:08 +0900

MySQL WorkBench를 설치하려고 한다.

WorkBench를 사용하면 편하게 쿼리를 사용할 수 있고 데이터 정보를 확인할 수있다.

MySQL 설치하기

1. 링크에 들어가서 WorkBench 다운로드 한다.

링크 : https://dev.mysql.com/downloads/workbench/

MySQL :: Download MySQL Workbench

dev.mysql.com

2. 다운로드 후 msi 실행을 하니, 아래 사진과 같은 에러창이 뜬다.

에러가 안뜨고 정상진행되시는 분은 문제없으니 계속 진행하시면 됩니다!!

Visual C++2019 Redistributable Package가 없다고 한다.

문제를 해결하기 위하여 아래 Microsoft 사이트에 접속하여 Visual C++2019 Redistributable Package 설치를 진행한다.

링크 : https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170

Latest supported Visual C++ Redistributable downloads

This article lists the download links for the latest versions of Visual C++ Redistributable packages.

learn.microsoft.com

Visual C++ 2019 설치를 위한 홈페이지 접속

홈페이지 아래로 내려가 보면 아래 사진과 같이 있다. 본인에 맞는 걸로 설치한다.

※ x86 = 32bit / x64 = 64bit

다운 받고 동의하고 설치까지 빠르게 진행 가능하다.

3. MySQL WorkBench 설치 프로그램을 실행하면 나오는 사진, Next 클릭

4. 저장장소 선택 후, Next 클릭

5. complete 선택하여 Next 클릭

6. Install 클릭하여 설치

7. 설치가 진행되고 있습니다.

8. 설치 완료!

9. MySQL Workbench 실행한 모습

Windows11에 Docker 설치하기

좌바코딩 — Fri, 1 Aug 2025 14:03:05 +0900

Docker

Windows11에 Docker 설치하기

1. Docker 홈페이지 접속

링크 : https://www.docker.com/

2. Products -> Docker Desktop에 들어간다.

3. Download Docker Desktop에서 본인 운영체제 알맞는 것 선택

저는 Download for Windows - AMD64 선택 했습니다.(저의 cpu : intel)

4. 기본 설정 그대로 두고 OK 클릭

5. 설치 기다리기

6. Close and restart 클릭

7. 재부팅 후 Docker Desktop에 들어간 후 로그인을 하게되면 아래와 같이 나온다.

아래 내용은 WSL 업데이트를 해야한다는 말입니다.

Docker는 리눅스OS기반으로 작동이 되기 때문에 WSL(Windows Subsystem for Linux)이라는 윈도우에서 사용할 수 있는 리눅스 시스템을 설치해야 한다.

8. WSL 설치 공식문서 링크를 참고하여 설치하자

링크 : https://learn.microsoft.com/ko-kr/windows/wsl/install-manual

이전 버전의 WSL에 대한 수동 설치 단계

wsl install 명령을 사용하는 대신 이전 버전의 Windows에 WSL을 수동으로 설치하는 단계별 지침입니다.

learn.microsoft.com

WSL 설치방법

1. 터미널(cmd-파워쉘에서 실행)창에 아래 명령어 실행

dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart

2. WSL 설치 완료

3. Virtual Machine 기능 사용, 아래 명령어 실행, 컴퓨터를 다시 시작해야 합니다.

dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart

4. WSL2 업데이트 패키지 다운로드

아래 노란색 박스를 클릭하면 'wsl_update_x64.msi'라는 파일이 다운될텐데

다운 받고 설치 하면 된다.

5. 아래명령어를 실행한다.

wsl --set-default-version 2

6. 리눅스 설치

저는 리눅스 최신 버전인 'Ubuntu22.04 LTS'를 다운받았습니다.

7. 그 후 도커를 들어가보면 도커가 실행이 잘 된다.

8. 터미널(cmd)창으로도 잘 작동되고 관리할 수 있다.

구글 제미나이(Gemini) CLI 설치방법

좌바코딩 — Thu, 31 Jul 2025 17:36:17 +0900

출처 : https://github.com/google-gemini/gemini-cli?tab=readme-ov-file

구글 제미나이(Gemini) CLI

구글의 Gemini AI를 터미널(cmd)에서 사용할 수 있도록 해주는 도구

터미널(cmd)에서 자연어로 명령을 처리 할 수있고 폴더를 분석 가능하다.

설치방법

공식 문서 : https://github.com/google-gemini/gemini-cli?tab=readme-ov-file

GitHub - google-gemini/gemini-cli: An open-source AI agent that brings the power of Gemini directly into your terminal.

An open-source AI agent that brings the power of Gemini directly into your terminal. - google-gemini/gemini-cli

github.com

※ 모든 설치 내용은 공식문서에 잘 작성되어 있습니다.
1. Node 설치, 아래 링크에 Node 설치 방법이 있습니다.

2025.7월 기준 공식문서 기준에 따르면 Node 20버전 이상을 사용하라고 되어 있습니다.

링크 : https://fhqht303.tistory.com/17

React.js 프로젝트 만들기

React.js자바스크립트의 프레임워크중 1가지웹 제작시 FrontEnd에서 사용 첫번째! React를 사용하기 위해 필요한 Node.js 설치※ Node.js에 React프로젝트를 만들기위한 npm, npx가 있고 npx로 'create-react-app' 명

fhqht303.tistory.com

2. 터미널(cmd)에 해당 명령어 입력

npx https://github.com/google-gemini/gemini-cli

(npx 명령어는 실행한다는 의미로 설치가 되는게 아님)

또는

npm install -g @google/gemini-cli

(npm install은 본인 컴퓨터에 제미나이 설치하는 명령어)

3. 설치가 완료된 모습

4. 원하는 경로에서 gemini 라고 명령어 실행하면 된다.

처음 실행하게 되면 구글 연동을 해야할 것이다.

연동후 실행하면 가능.

5. 사용방법 해당 폴더에서 제미나를 실행시킨 후 '프로젝트 구조를 파악해달라고 하였다.'

6. 프로젝트를 AI가 판단하여 답을 준다.

Vue.js 설치방법, 프로젝트 생성

좌바코딩 — Wed, 30 Jul 2025 19:42:01 +0900

1. Node.js 먼저 설치하기

해당 아래 링크 들어가시면 Node.js 설치 과정이 있습니다. 따라서 진행

링크 : https://fhqht303.tistory.com/17

React.js 프로젝트 만들기

fhqht303.tistory.com

2. 해당 아래 Vue 설치 명령어 cmd창(리눅스는 터미널창)에 입력

"npm install -g @vue/cli"

3. 설치 완료!

4. cmd창(리눅스는 터미널 창)에

"vue --version"

을 입력하여 버전이 정상적으로 출력이 되면 설치가 잘 된것이다.

Vue 프로젝트 생성

1. 프로젝트를 생성할 폴더 위치에서

"vue create 프로젝트명"

2. 위에 명령어를 실행하게 되면 아래와 같이 어떤 방식으로 Vue를 사용할지가 나온다.

Default ([Vue 3]~~~~~) -> Vue3 버전 사용

Default ([Vue 3]~~~~~) -> Vue2 버전 사용

Manually select features -> 본인이 원하는 설정

3. 프로젝트 생성!

4. 본인의 개발환경에 들어가서 생성한 프로젝트를 열면 된다.

Github 토큰 발행 방법

좌바코딩 — Wed, 30 Jul 2025 19:16:11 +0900

Github 토큰

Github에서 사용자인증을 하기위한 암호화된 문자열

기존에는 사용자 이름, 비밀번호를 입력했지만, 보안강화 및 자동화 편의성을 위해 토큰 방식이 사용 됨

Github에서는 토큰을 PAT(Personal Access Token)라고 부름

Github 토큰 발행 방법

1. 우측상단의 본인 프로필을 클릭한 후 Settings을 들어간다.

2. Settings페이지 좌측 사이드바 제일 아래 내려가면 Developer settings를 들어간다.

3. Personal access tokens 탭을 누른 후 Tokens(classic)을 들어간다.

4. 우측에 Generate new token탭을 누르고 Generate new token(classic)을 누른다.

5. Generate new token을 들어가게 되면 아래 이미지 처럼 나오게 된다.

Note : 토큰 정보를 적는 곳이다. 토큰 이름이라고 생각하면 좋다.

Expiration : 토큰 유효기간, 유효기간이 지나면 토큰은 사용 할 수가 없다.(7일, 30일, 60일, 90일, 커스텀 설정, 무제한이 있다.)

Select scopes : 발급된 토큰의 사용 범위를 말하는 것이다. 권한 설정 처럼 생각하면 좋다. 개인적으로 할거면 전부 체크해도 괜찮다.

4. Note, Expireation, Selet scopes 설정 후 가장 아래에 Generate token을 눌러 토큰을 발행한다.

5. 토큰이 생성되는 페이지가 나오게 된다.

여기서 주의할 점은!

생성된 토큰은 지금이 마지막으로 확인이 가능하기 때문에 개인적으로 잘 보관해야 한다.(예, 이메일, 메모장 등...)

만약 토큰을 잃어버리게 된다면 다시 생성해야한다.

6. 토큰이 잘 생성된것을 확인 할 수 있다.

Delete할 경우 토큰 사용 불가!

React.js 프로젝트 만들기

좌바코딩 — Tue, 29 Jul 2025 23:09:11 +0900

React.js

자바스크립트의 프레임워크중 1가지

웹 제작시 FrontEnd에서 사용

첫번째! React를 사용하기 위해 필요한 Node.js 설치

※ Node.js에 React프로젝트를 만들기위한 npm, npx가 있고 npx로 'create-react-app' 명령어를 사용하여 프로젝트를 만들 수 있음!

1. Node.js 홈페이지에 들아가서 'Get Node.js' 클릭

(React를 사용하는 개발 도구들이 Node.js 기반이기 때문에 설치 해야함)

링크 : https://nodejs.org/ko

Node.js — Run JavaScript Everywhere

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

nodejs.org

2. 현재 들어가 있는 날짜 기준 최신 LTS 버전으로 선택하셔서, 제일 아래 본인 운영체제의 알맞은 것을 선택 후 다운로드를 하시면 됩니다.

LTS 버전은 Long Term Support의 약자로 장기적으로 지원해주는 버전이라고 생각하시면 됩니다. 안정적으로 사용할 수 있습니다.

3. msi 파일을 실행 하시면 설치가 진행 되는데 'Next' 클릭

4. License Agreement 체크 후, Next 클릭 하여 진행

5. 저장 경로 선택 후, Next 클릭하여 계속 진행

6. 커스텀 설정이지만 무시하고 Next 눌러서 진행

7. React만 사용하실꺼면 무시하고 Next 진행하시면 되고

Node.js를 활용하여 백엔드 개발하시거나 복잡한 패키지를 사용 하실꺼면 체크하여 진행하시면 됩니다.

나중에 설치 따로할 수 있습니다. 저는 체크안하고 진행하였습니다.

8. Install 클릭하여 설치 진행

9. 설치 진행 중~~

10. 완료!

11. 정상적으로 설치가 되었는지 확인 방법

CMD창을 열어서 아래 명령어를 실행하시면 됩니다.

node -v

npm -v

npx -v

를 입력하여 버전이 정상적으로 출력되는지 확인하시면 됩니다.

두번째! React 프로젝트 만들기

1. cmd명령어(리눅스 경우 터미널 창)에서 아래 명령어 입력

'npx create-react-app 프로젝트명'

을 입력하면 아래와 같이 프로젝트가 만들어지기 시작

저는 바탕화면에 project라는 폴더를 만들고 myproject라는 프로젝트 명으로 생성하였습니다.

2. 프로젝트 생성 성공!

3. 본인의 개발환경(IDE)에 들어가서 프로젝트 확인

public, src 폴더가 생성된것을 확인할 수 있다.

4. 프로젝트 실행해보기

본인의 개발환경 터미널에서 아래 명령어를 실행한다.

'npm start'

명령어를 실행하게 되면 크롬창이 켜지고 'http://localhost:3000' 주소로 들어가게 된다.

React 화면이 정상적으로 실행되는걸 확인 가능하다.