달비의 개발 연구

vue router, interceptor 설정 router 설정 app.vue main home  app.vue css 적용 및 공통 컴포넌트 적용orrequire('@/layout.css')  main.jsimport { createApp } from 'vue';import App from './App.vue';import router from './router';const app = createApp(App);app.use(router);app.mount('#app'); router.js// src/router.jsimport { createRouter, createWebHistory } from 'vue-router';import main from '...

Linux(Ubuntu), MSSQL 설치 방법 및 설정, SSMS 원격 접속리눅스 서버 버전: Ubuntu(우분투) 20.04 ver  MSSQL SQL 다운로드 (꼭 서버 버전에 맞춰 설치하세요! 공식 MSSQL 홈페이지에 있습니다.)※참고 링크 ※https://learn.microsoft.com/ko-kr/sql/linux/sql-server-linux-setup?view=sql-server-ver16 SQL Server on Linux 설치 지침 - SQL ServerSQL Server on Linux를 설치, 업데이트 및 제거합니다. 이 문서에서는 온라인, 오프라인 및 무인 시나리오를 설명합니다.learn.microsoft.com MSSQL 다운로드curl https://packages.micr..

Unity Script(유니티 스크립트) 캐릭터 능력치 스탯(status), UI script 구현 방법(게임 개발, 게임 UI, 게임 능력치 설정, 싱글톤 패턴) 이번에 유니티 스크립트(unity script)에서 캐릭터 능력치 스탯 관련한 script를 작성하는 방법을 포스팅하겠습니다.  먼저 하이라키뷰에서 Canvas와 player 게임 오브젝트를 생성하고 GUI 정보를 처리 할 C# 스크립트 MainCanvasController와 플레이어 능력치 정보를 처리 할 PlayerController 클래스를 생성하였습니다.  구성한 스탯 정보는 다음과 같습니다.유저의 스탯 포인트에 따라 체력, 매력, 지식, 행운에 대한 능력 포인트를 증가시킬 수 있습니다.  먼저 PlayerController 스크립트 ..

Unity Script(유니티 스크립트), HTTP 통신 및 JsonData 처리 (JsonArray, Unity Script, SendWebRequest, UnityWebRequest, Coroutine, C#)이번에는 Unity Game 개발중, HTTP 통신 및 JsonArray Data처리에 대해 간단하게 데이터 통신 처리관련 포스팅하겠습니다.  필자가 테스트한 규격은 다음과 같습니다.API Server - SpringBoot 3.xClient - Unity 2022.x   먼저 API Server(SpringBoot)의  API 코드를 추가 해 줍니다.  DTO@Datapublic class GameParamDTO { private String licenseKey; private St..

Jenkins(젠킨스), GitHub 연결하는 방법(Git 연동, React 프로젝트 자동 build 구성, Shell Script, Jenkins NodeJS, Git,CI, CD, Linux) 이번에는 Jenkins(젠킨스)에서 GitHub를 연결하고 해당 React 프로젝트 빌드까지의 자동 배포관련 설정 방법을 포스팅하겠습니다. 순서는 다음과 같습니다. GitHub Token 발급, Jenkins(젠킨스) GitHub 연결 설정, jenkins(젠킨스) 프로젝트 build 설정 1. GitHub Token 발급하기GitHub 로그인 후 우측 프로필을 클릭하여 Settings 메뉴를 클릭하여 진입합니다. Settings 메뉴에 진입하면 좌측 아래 방향 메뉴에서 Developer settings를 클릭..

Linux(ubuntu) 젠킨스(jenkins) 설치 방법(CI, CD, pipeline 파이프 라인)  젠킨스(jenkins) 공식 사이트https://www.jenkins.io/blog/2023/03/27/repository-signing-keys-changing/ Jenkins 2.397 and 2.387.2: New Linux Repository Signing KeysThis article announces new Linux repository signing keys. Repository signing keys will change with the release of Jenkins weekly 2.397 and Jenkins LTS 2.387.2. The previous repository sig..

이번에는 React 웹사이트에서 Unity 게임을 WebGL로 빌드하여 웹 게임을 React 프로젝트에 빌드하고 실행하는 방법을 포스팅 하도록 하겠습니다.  먼저 빌드할 웹 게임을 만들어 줍니다. Unity WebGL Build간단하게 테스트 씬을 만들어 줍니다.간단하게 버튼과 오브젝트 무빙 스크립트를 넣어 테스트 게임을 만들어 보았습니다. 무빙 스크립트는 다음과 같습니다.using System.Collections;using System.Collections.Generic;using UnityEngine;public class ObjectMoving : MonoBehaviour{ public float speed = 1.0f; public float startPos; public flo..

다양하게 자주쓰인 JavaScript 공통 유틸리티 함수를 정리하였습니다. (지속적으로 업데이트 합니다 !!) Form to Json$.fn.serializeObject = function(){ var obj = {}; var a = this.serializeArray(); $.each(a, function() { if (obj[this.name]) { if (!obj[this.name].push) { obj[this.name] = [obj[this.name]]; } obj[this.name].push(this.value || ''); } else { obj[this.name] = thi..

React, Spring Boot 이미지 base64 변환, 이미지 수정, 파일 압축, 파일 다운로드 구현방법 (ResponseEntity, Axios, API Request, React)이번에는 React + Spring Boot를 조합하여 Spring의 API 통신 처리 및 react 화면 기능 구현으로 이미지를 수정하고, 압축하고 다운로드 하는 방법에 대해 포스팅 하겠습니다. 사용된 프로젝트 버전은 다음과 같습니다. ※ 프로젝트 버전 ※Java : 17Spring boot : 3.2.5React : 18.3.1React Router : v6axios : 1.7.2 화면 구성먼저 화면 구성에 대해 말씀드리겠습니다. image파일을 업로드하면 image data base64로 변환합니다. 해당 이미지를..

Linux(Ubuntu) React Web Service 시작하기(서버 설정, Node.js, React, Linux, Nginx, SSL, FTP, 방화벽 설정)이번에는 Linux(Ubuntu)를 이용하여 React Web Service를 구축하는 방법에 대해 포스팅하도록 하겠습니다.저번에 포스팅 했던 도메인 연결 및 SSL 설치방법에 대한 내용을 참고 해 주시면 더욱 쉽습니다! ※ 참고 포스팅 ※React 도메인 연결https://dalbyutility.tistory.com/50  WAS까" data-og-host="dalbyutility.tistory.com" data-og-source-url="https://dalbyutility.tistory.com/50" data-og-url="https://..