profile
智(지)! 德(덕)! 體(체)!
post-thumbnail

uBuntu KT_Xroshot 설치

준비물 자바 8 이상 jdbc driver 우선 개발자 입장에서 누군가가 설치 파일을 들고 이걸 설치해달라고 했을 때를 상정한다. 자바 설치는 앞선 포스팅에서 했고 내 기준 mariaDB 를 사용하여 진행하겠다. 다음 jdbc driver 를 바탕으로 연결 상태를

3일 전
·
0개의 댓글
·
post-thumbnail

Linux JAVA install

설치 ① sudo 권한으로 apt 업데이트하고 openjdk v17을 설치한다. $ sudo apt update $ sudo apt install openjdk-17-jdk ② 설치한 java 버전을 확인한다. $ java -version 1 openjdk

3일 전
·
0개의 댓글
·
post-thumbnail

JS 폭죽 구현

우선 앞서 배운 코드를 기반으로 대충 퍼지는 코드를 작성해보면 우선 <canvas> 의 전반적인 설정값을 갖고있을 CanvasOption 클래스그리고 각각의 점이 될 Particle 클래스그리고 마지막으로 실제 그려주는 로직이 들어가는 Canvas 클래스를 생성해

3일 전
·
2개의 댓글
·
post-thumbnail

Canvas boiler code

CanvasOption.ts Canvas.ts index.ts

2024년 4월 13일
·
0개의 댓글
·
post-thumbnail

JS gooey effect, dat.GUI

gooey effect 란 겹치는 영역에 선을 이어 마치 끈적끈적하게 보이도록 하는 이펙트이다.https://css-tricks.com/위 배열에서 주대각선의 점들을 보면 블러가 처리됨에도 불구하고 대비가 높으면 아무것도 적용되지 않은 점과 크게 다른 점이 없

2024년 4월 13일
·
0개의 댓글
·
post-thumbnail

Canvas 기초 particle 알아보기

Canvas 알아보기 캔버스 동작원리 참고로 이제 webgl 등 다른 context 를 사용하려면 브라우저 설정에서 webgl이 활성화되어 있는지 확인해야한다고 한다. 그리고 또 사용자의 브라우저 설정이나 설치된 확장 프로그램(예: 광고 차단기)에 의해 webgl이

2024년 4월 13일
·
0개의 댓글
·
post-thumbnail

JS 최신 문법 => 구문법 변환

토이 프로젝트를 개발하다보면 가끔 import, export 모듈을 인식하지 못 하는 경우가 발생한다. 그래서 이를 원래는 html 에서 모듈 타입을 지정하면 해결되는데 이렇게 타입을 명시해 ES6 모듈로서 스크립트를 로드할 수 있다. 그런데 이를 적용해도 해결이 안

2024년 4월 12일
·
0개의 댓글
·
post-thumbnail

상속관계 매핑, @MappedSuperclass

사실 RDB 에는 상속 개념이 없다.다만 슈퍼타입 서브타입 관계라는 모델링 기법이 객체 상속과 유사하다.그래서 정리하면 상속관계 매핑: 객체의 상속과 구조 와 DB에서 슈퍼타입, 서브타입 관계 를 서로 매핑하겠다는 것이다.따라서 앞선 포스팅의 연관관계에서는 DB는 바뀌

2024년 4월 8일
·
0개의 댓글
·
post-thumbnail

JPA 다양한 연관관계 Mapping

1. 연관관계 매핑시 고려사항 3가지 1) 다중성 일대일: @OneToOne 일대일 다대일(가장 많이 사용): @ManyToOne 일대다 일대다: @OneToMany 다대일 다대다: @ManyToMany 다대다 여기서 다중성은 DB를 기준으로 다중성을 체크해

2024년 4월 7일
·
0개의 댓글
·
post-thumbnail

SDM - TDD, BDD, DDD 란? (feat.RDD)

요즘 트렌드 요즘 개발자들 사이에서 주로 사용하는 언어들을 보면, " TDD와 DDD로 개발을 진행한다 " 라는 말을 들을수 있다. 그리고 이에 더해 추가로 BDD, RDD 에 대해서 도 알아보자. Software Development Methodology 의 TD

2024년 3월 30일
·
0개의 댓글
·
post-thumbnail

Socket 통신의 기본 - TCP / UDP

소켓 통신은 네트워크 상에서 서로 다른 호스트를 실행 중인 프로그램 간에 데이터를 교환하기 위한 메커니즘을 제공합니다. 소켓은 마치 전화기와 같아서, 한 쪽 끝에서 다른 쪽 끝으로 메시지를 보내기 위해 두 프로그램이 연결을 맺어야 합니다. 소켓 통신을 가능하게 하는

2024년 3월 25일
·
0개의 댓글
·
post-thumbnail

프로토콜 정리

컴퓨터 네트워크와 웹 개발에서 사용되는 프로토콜은 매우 다양하며, 각각은 데이터 교환과 통신을 위해 설계된 규칙과 표준의 집합이다. 1. 네트워크 계층 프로토콜 1. IP (Internet Protocol): 인터넷에서 데이터를 전송하기 위한 주요 프로토콜이다. IP

2024년 3월 25일
·
0개의 댓글
·
post-thumbnail

Proxy ( with vite )

Proxy 서버 Proxy 서버란? 프록시 서버(Proxy Server)는 클라이언트와 서버 사이에서 중개자 역할을 하는 서버이다. 클라이언트가 인터넷 상의 다른 서버에 데이터를 요청할 때, 그 요청이 직접 서버로 가는 것이 아니라 프록시 서버를 거치게 되는데 프

2024년 3월 25일
·
0개의 댓글
·
post-thumbnail

루프 랜선 만들기

루프 랜선? 네트워크에서 이더넷 케이블의 동선 배열은 신호 전송의 효율성과 오류 최소화를 위해 중요하다. 각 동선은 특정 신호 전송 역할을 담당하며, 이를 통해 데이터가 물리적인 링크를 통해 효과적으로 전송될 수 있다. 1. TX(Transmit)와 RX(Rece

2024년 3월 20일
·
0개의 댓글
·
post-thumbnail

Git Lab 이전

아이디어 나같은 경우는 아래와 같은 상황이었다. 서버 A에 SSH를 사용하여 접속해서 서버 A에 저장 된 git-lab 데이터들을 압축하여 컨테이너에서 뺀 다음 해당 파일을 서버 A에서 서버 B를 ssh로 접속하여 호스트에 저장된 데이터를 컨테이너로 넣어주는 작업 후

2024년 3월 20일
·
0개의 댓글
·
post-thumbnail

Linux 공개키 등록

참고로 입력이 필요한 항목이 나오는데 그냥 Enter를 입력해서 단계를 넘어가도 된다.

2024년 3월 20일
·
0개의 댓글
·
post-thumbnail

flutter no such module flutter

오늘은 플러터 코드 작성 시 코드 에러가 아닌 컴파일하는 과정 중에 에러가 발생하면 제일 먼저 해봐야 하는 조치를 알려드리겠습니다. (맥북 기준입니다) 빌드 에러가 발생하는 상황은 아래와 같은 상황에서 자주 발생합니다. XCode에서 Runner/AppDelega

2024년 3월 20일
·
0개의 댓글
·
post-thumbnail

Web 기본 - WS, WA, WAS

이번 포스팅에서는 웹 개발의 기본이 되는 "WS(Web Server), WA(Web Application), WAS(Web Application Server)"에 대해 자세히 알아보겠습니다. 이 세 가지 구성 요소는 웹 서비스를 제공하는 데 필수적인 역할을 하며, 각각

2024년 3월 19일
·
1개의 댓글
·
post-thumbnail

배포 시 주의 사항

배포시 주의사항 0. 현장 내크워크 상태 확인 0위 즉, 가장 먼저 현장에 네트워크 상태를 확인해야한다. 물론 anydesk, seetrol 과 같은 원격 프로그램이 설치되어있다면 높은 확률로 인터넷은 된다고 볼 수 있다. 이때 window server 들 같은 경

2024년 3월 17일
·
0개의 댓글
·
post-thumbnail

공유기, 허브, 스위치, 라우터

문득, 공유기, 허브, 스위치의 개념이 헷갈려 정리하고자 한다. 1.공유기 (Router) 공유기는 네트워크의 허브로서 작동하며, 데이터 패킷을 특정 네트워크에서 다른 네트워크로 전달하는 기기입니다. 이는 IP 주소를 기반으로 동작하며, 데이터를 더 효율적으로 전달하

2024년 3월 17일
·
0개의 댓글
·