개발초보의 Study-log

[DB 설계] 멀티테넌트와 싱글테넌트의 차이

펜네임 — Wed, 27 Aug 2025 10:26:00 +0900

고객사를 여러개 둔 서비스를 개발하려고 할 때, DB 설계 방식에서 고민을 하게 된다.

다음은 멀티테넌트와 싱글테넌트의 차이다.

멀티테넌트 (테이블을 통합하는 방식)

고객사들이 스키마를 공유한다.

모든 주요 테이블에 tenant_id를 넣는다.

고객사들의 데이터 보안을 위해 쿼리에 반드시 tenant_id를 넣도록 강제해야 한다.

스키마 구조 변경이 쉬워서 고객사가 많을수록 채택할만하다.

싱글테넌트 (테이블을 별도로 두는 방식)

고객사들이 스키마를 따로 갖는다.

고객사별로 필드, 권한 등의 커스터마이징이 자유롭다.

스키마 구조 변경이 있을 경우 해당되는 테이블을 모두 수정해야 하기 때문에 고객사가 적을 경우에 채택할만하다.

[React, Next.js] 프론트엔드와 백엔드가 분리된 프로젝트일 때, 프론트에서 백을 호출하는 법

펜네임 — Tue, 26 Aug 2025 13:06:16 +0900

Front-end

FE 메인페이지(index.js 나 page.jsx 등)

"use client";

import { useEffect, useState } from "react";

export default function Home() {
  const [data, setData] = useState(null);
  const [error, setError] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    fetch("http://localhost:8080/api/sample") // BE 주소
      .then((res) => {
        if (!res.ok) {
          throw new Error("서버 응답 오류: " + res.status);
        }
        return res.json();
      })
      .then((json) => {
        setData(json);
        setError(null);
      })
      .catch((err) => {
        setError(err.message);
        setData(null);
      })
      .finally(() => {
        setLoading(false);
      });
  }, []);

  if (loading) return <p>불러오는 중...</p>;
  if (error) return <p style={{ color: "red" }}>에러: {error}</p>;

  return (
    <div>
      <h1>백엔드 데이터 가져오기</h1>
      <pre>{JSON.stringify(data, null, 2)}</pre>
    </div>
  );
}

Back-end

1. 연결을 확인할 때 임시로 쓰는 방법

호출할 API가 있는 컨트롤러에 @CrossOrigin(origins = "http://localhost:3000")을 붙인다.

컨트롤러마다 붙여줘야 해서 임시방편으로 쓰는 게 좋다.

@CrossOrigin(origins = "http://localhost:3000")
@RestController
@RequestMapping("/api")
public class SampleController {
    @GetMapping("/sample")
    public Map<String, String> sample() {
        return Map.of("message", "Hello from BE");
    }
}

2. 전역 설정 방법 (권장)

WebConfig.java를 추가한다.

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("http://localhost:3000")
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS");
    }
}

[Java] HashMap 안의 데이터 확인하기 - HashMap.entrySet()

펜네임 — Sat, 17 May 2025 11:38:40 +0900

Map과 HashMap 의 차이

Map은 인터페이스, HashMap은 Map을 구현한 클래스다.

그래서 HashMap이 Map 형태로 생성된다.

HashMap.keySet()

HashMap.keySet() 메서드를 쓰면 key들이 담긴 바구니를 받는다.

(바구니는 셋 뷰Set View 라고 함)

// Java program to demonstrate the working of keySet()
import java.util.HashMap;

public class Geeks {
    public static void main(String[] args) {

        // Creating an empty HashMap
        HashMap<Integer, String> m = new HashMap<>();

        // Adding key-value pairs
        m.put(1, "Geeks");
        m.put(2, "For");
        m.put(3, "Geeks");
        m.put(4, "Welcomes");
        m.put(5, "You");

        // Displaying the HashMap
        System.out.println("넣은 값: " + m);

        // Using keySet() to get the set view of keys
        System.out.println("키: " + m.keySet());
    }
}
// 출처 : https://www.geeksforgeeks.org/hashmap-keyset-method-in-java

Output

넣은 값: {1=Geeks, 2=For, 3=Geeks, 4=Welcomes, 5=You}
키: [1, 2, 3, 4, 5]

출력 결과에서 볼 수 있듯이, value 값과 상관없이 key만 보여준다.

HashMap.entrySet()

entrySet()을 쓰면 key와 value를 둘 다 갖춘 데이터들이 바구니에 담긴다.

// Java Program to demonstrate the entrySet() method
import java.util.*;

public class GFG {
    public static void main(String[] args) {

        // Creating an empty HashMap
        HashMap<Integer, String> hm = new HashMap<>();

        // Mapping string values to integer keys
        hm.put(10, "Geeks");
        hm.put(15, "for");
        hm.put(20, "Geeks");
        hm.put(25, "Welcomes");
        hm.put(30, "You");

        // Displaying the HashMap
        System.out.println("넣은 값: " + hm);

        // Using entrySet() to get the set view
        System.out.println("키와 밸류 쌍: " + hm.entrySet());
    }
}

Output

넣은 값: {Geeks=20, for=15, You=30, Welcomes=25}
키와 밸류 쌍: [Geeks=20, for=15, You=30, Welcomes=25]

이렇게 '키=값' 형태의 데이터를 받을 수 있다.

HashMap.entrySet()을 활용해 데이터 순회하기

일반적으로 entrySet()을 쓰는 이유는 키와 값을 따로 부르기 위해서다.

        HashMap<Integer, String> hm = new HashMap<>();

        hm.put(1, "엔트리셋에서");
        hm.put(2, "데이터");
        hm.put(3, "확인하기!");

        for (Map.Entry<Integer, String> entry : hm.entrySet()) {
            System.out.println(entry.getKey() + " ::: " + entry.getValue());
        }

Output

1 ::: 엔트리셋에서
2 ::: 데이터
3 ::: 확인하기!

예제와 같이 Entry.getKey()와 getValue()를 사용한다.

소스코드 출처

https://www.geeksforgeeks.org

[Unity] Unity Hub에서 안드로이드 빌드하기(성공) add modules가 보이지 않을 때

펜네임 — Tue, 17 Dec 2024 15:41:43 +0900

원인

해당 버전을 유니티 허브에서 설치한 게 아니라면 add modules가 보이지 않는다고 한다.

(나는 허브에서 설치했는데?! -> 그래도 보이지 않는 경우가 가끔 있다고.)

재설치로 해결되는 경우도 있다고 하는데, 나는 재설치 없이 해결하고 싶어서 다른 방법을 찾아 보았다.

안드로이드 빌드 관련 파일들을 수동으로 설치해 해결했다는 사람도 있었다.

시도1

1. 유니티 다운로드 아카이브에서 해당하는 버전을 찾고, See all 버튼을 클릭한다.

2. Component installers에서 내 컴퓨터의 OS를 선택한다.

나는 Windows를 사용하기 때문에 Windows를 선택했다.

3. Android Build Support를 선택해 다운로드한다.

4. 다운로드한 프로그램을 실행(설치)한다.

5. 설치가 완료되면 Unity에서 아무 프로젝트나 열고, Build Settings (Ctrl+Shift+B) 창에서 Platform을 바꿔준다.

좌측 Platform에서 'Android' 클릭

> 우측 하단 Switch Platform 버튼 클릭 후 완료되기를 기다린다.

> 그림처럼 'Build' 버튼이 뜨면 세팅이 완료된 것이다.

*Build Settings 창을 여는 또 다른 방법 : Unity 창 > 좌상단 File > Build Setting

시도2

1. Unity hub 설치 탭에 원하는 버전이 있는 걸 확인한다.

2. Unity Hub를 완전히 종료한다.

Windows일 경우 그림을 따라한다.

컴퓨터 화면 우측 하단의 화살표 버튼 클릭 > Unity Hub 아이콘 우클릭 > Quit Unity Hub

3. 이 경로로 간다.

C:\Users\유저이름\AppData\Roaming\UnityHub

4. 파일 editors.json 을 찾아서 연다.

5. 파일 내용에서 원하는 버전을 찾는다.

6. 그 버전에 해당하는 "manual":true 를 "manual":false 로 바꾸고 파일을 저장한다.

7. Unity Hub를 열어 Add modules가 추가되었는지 확인한다.

+) 혹시 추가되지 않았다면

1. UnityHub 폴더에 editors-v2.json이 있는지 확인한다.

2. "manual":true 를 "manual":false 로 바꾸고 저장한다.

3. Unity Hub > 설정 버튼 > Add modules를 누른다.

4. 오류 발생 : Unity 2022.3.13f1 is no longer available from the Hub

사진 출처 : https://discussions.unity.com/t/unity-2021-3-19f1-is-no-longer-available-from-the-hub-cant-add-modules-to-manual-installation/911073

참고 링크

⭕ 수동 설치 (성공)

Hub의 Installs 목록에서 Unity 기존 버전을 제거한 다음
유니티 다운로드 아카이브에서 해당 버전의 Install 버튼을 누르면
Download 위치(D:\dev\Unity\Download)에 툴들이 다운로드된다.
유니티 허브 설치 창에서 Editor 설치가 무한 validating에 걸려서 못 넘어갈 때
안드로이드 빌드 관련 파일들을 빼내서
수동으로 설치를 한다.

✅ 빌드 파일 설치 위치

Edit > Preferences > External Tools > Android에서 ~(recommended)가 붙은 체크박스를 클릭해 확인했다.

OpenJDK 설치

jdk[버전].zip을 압축해제.
...\Unity [버전]\Editor\Data\PlaybackEngines\AndroidPlayer 위치에 "OpenJDK" 폴더를 만들고
압축 해제한 파일들을 넣었다.
Edit > Preferences > External Tools > Android > JDK 의 위치가 동일하도록 연결해준다.

✅ JDK 위치가 다르게 설정되어 있을 경우
- 'JDK Installed with Unity (recommended)' 를 체크하거나
- 체크해제 후 Browse를 눌러 올바른 위치를 선택한다.

build-tools에 들어가는 폴더명은 오류 내용 참고해서 32.0.0으로 고쳤음

SDK 설치

...\Unity [버전]\Editor\Data\PlaybackEngines\AndroidPlayer\SDK 위치에 넣었다.

✅ 이 때 툴들의 위치는 Android Studio의 SDK 폴더 구조를 참고해서, 동일한 폴더이름을 생성해 넣어줬다.

Android Studio의 SDK 폴더 구조

Unity의 SDK 폴더 구조

NDK 설치

...\Unity [버전] \Editor\Data\PlaybackEngines\AndroidPlayer\NDK 에 넣는다.

[HTML / JavaScript] a태그 클릭 시 사용자에게 확인 받고(confirm) 함수 실행하기

펜네임 — Wed, 13 Mar 2024 16:11:46 +0900

*jQuery를 사용합니다.

a태그를 클릭한 사용자가 confirm 창에서 '확인'을 누른 후에 form이 전송되게 하고 싶다면 어떻게 해야 할까?

또는, 사용자에게 확인을 받고 난 후 a태그의 href 속성에 있는 링크로 이동시키고 싶다면?

1. 사용자에게서 confirm 받고 form 제출하기

코드가 세련된 느낌은 아니지만, a태그의 상위 태그를 선택해서

form에 있는 내용들을 즉각 submit할 수 있다는 점이 장점이다.

<a onclick="if (confirm('글을 등록하시겠습니까?')) { jQuery(this).parents(\'form\').submit() };">등록하기</a>

2. 사용자에게서 confirm 받고 href 링크 태우기

간단한 코드만으로 유저가 링크 실행 여부를 선택하게 할 수 있다.

<a onclick="return confirm('취소하고 목록으로 돌아가시겠습니까?');" href="https://naver.com">취소하기</a>

3. 사용자에게서 confirm 받고 ajax로 form 제출하기

script를 사용할 수 있는 경우, a의 onclick에서 JS 함수를 호출한다.

HTML

<!-- $this는 Jquery의 선택자다. a태그 자신을 호출해 JS에 보낸다. -->
<a onclick="submitButton($this)" data-message="글을 등록하시겠습니까?" data-name="apply">등록하기</a>

JS

function submitButton(bt){

	// a태그에 "data-message" 속성을 넣어 confirm창에서 그 속성 값을 메시지로 띄워준다.
	if(bt.attr("data-message")){
		var check = confirm(bt.attr("data-message"));
		if(!check) return;
	}
    
	var form = new FormData();
    
	// a태그에 들어있는, "data-"로 시작하는 속성들을 가져와 form(FormData 객체) 안에 넣어준다.
	bt.each(function() {
 		jQuery.each(this.attributes, function() {
			if(this.specified && this.name.match("data-") !== null){
				form.append(this.name.replace("data-", ""), this.value);
			}
		});
	});
	submitFormdata(form);
}

// ajax를 이용해 데이터를 제출한다.
function submitFormdata(formdata){
	jQuery.ajax({
		type: 'POST',
		url: jquery.ajaxurl,
		data: formdata,
		dataType: "json",
		contentType: false,
		processData: false,
		success: function(res){
			afterAjax(res);
		},
		error : function(res){
			alert(jquery.msg_error);
		}
	});
}

참고 페이지

How to display a confirmation dialog when clicking an <a> link?

I want this link to have a JavaScript dialog that asks the user “Are you sure? Y/N”. <a href="delete.php?id=22">Link</a> If the user clicks “Yes”, the link should load, if “No” nothin...

stackoverflow.com