분류 전체보기

[자바][스프링] 포트번호 바꾸기

resources에 파일 application.yml 만들어주고 server: port: 1234 위와 같이 바꾸고 싶은 포트번호로 바꾸기만 하면 끝!

[아키텍팅] 객체 지향 분석

어떤 프로그램이던지 계획 단계는 무척 중요하다. 계획 단계에서 프로그래머들은 프로그램의 요구 조건과 어떤 자료 구조와 알고리즘을 사용할 것인지를 결정하야여 한다. 객체 지향 프로그래밍 용어로는 갹체 지향 분석(objected-oriented-analysis)라고 한다. 어떤 클래스가 사용될 것인지를 결정하는 단계가 바로 이 단계이다. 객체 지향 분석은 다음과 같은 단계로 나누어 질 수 있다. 1. 프로그램에서 사용될 객체와 클래스를 식별한다. 2. 각 클래스의 속성을 정의한다. 3. 각 클래스의 동작을 정의한다. 4. 클래스 간의 관계를 정의한다. 천인국 저, 어서와 c++은 처음이지!, p.201

[C++] 인라인 함수

인라인 함수 함수 호출 시에는 약간의 오버헤드가 발생한다. 즉 함수 호출 전에 모든 레지스터(CPU 안의 저장 공간)가 저장되어야 하고 인수들을 복사되어야 한다. 함수 호출 후에는 레지스터들이 다시 복구되어야 한다. 만약 아주 간단한 함수라면 함수 안의 문장을 실행하는 시간보다 함수 호출을 준비하는 시간이 더 걸릴 수 있다. 따라서 크기가 작은 함수의 경우에는 차라리 함수 호출을 하지 않고 코드를 복사하여서 넣어주는 편이 효율적일 수 있다. c++에는 이런 경우를 대비하여서 inline이라고 하는 키워드가 준비되어 있다. 만약 함수 이름 앞에 inline이 붙으면 컴파일러는 함술르 생성하지 않고 함수의 코드를 호출한 곳에 직접 집어넣는다. 이러한 함수를 인라인 함수(inline function)라고 한다..

[JAVA][Python][알고리즘] 병합 알고리즘 ; 머지

Java // 2개의 정수 배열 합치기 : 2개의 배열은 오름차순으로 정렬되어 있다 // 병합 알고리즘 : 오름차순으로 정렬되어 있는 정수 배열을 하나로 병합 import java.util.Arrays; public class App { public static void main(String[] args) throws Exception { //[1] Input int[] first = {1,3,5}; int[] second = {2,4,6}; int M = first.length; int N = second.length; // M : N 관행 int[] merge = new int[N+M]; int i = 0; int j=0; int k = 0; //i,j,k 관행 //[2] Process : Merge..

[JAVA][알고리즘] 이진검색 알고리즘

JAVA public class App { public static void main(String[] args) throws Exception { //[1] Input int [] numbers = {1,2,3,4,5,6,7,8,9,10,11,12}; //오름차순 정렬되었다고 가정 int N = numbers.length; //의사코드 int search = 7;//검색할 데이터 boolean flag = false; //찾았으면 true int index = -1; //찾은 위치(인덱스) //[2] Process : 이진 검색 (Binary Search) int min = 0; int max = N - 1; while (min search) { max = mid - 1; } } //[3] Output ..

[PIXI] 이미지를 로드하여 texture -> sprite -> canvas에 add 하는 과정

이미지 로드 이미지로 작업하기 위한 첫 번째 단계는 웹 서버에서 사용자의 웹 브라우저로 이미지 파일을 가져오는 것입니다. 이를 PIXI.Texture.from()위해 빠른 데모용으로 작동하는 를 사용할 수 있지만 프로덕션에서는 Loader 클래스를 사용합니다. 로더는 요소를 사용하여 래핑하고 관리하여 브라우저에 이미지를 가져오도록 지시한 다음 완료되면 알려줍니다. 이 프로세스는 비동기식 입니다 . 로드를 요청한 다음 시간이 지나면 로드가 완료되었음을 알리는 이벤트가 발생합니다. BaseTextures는 데이터를 소유합니다 로더가 작업을 완료하면 로드된 요소에 필요한 픽셀 데이터가 포함됩니다. 그러나 무언가를 렌더링하는 데 사용하려면 PixiJS가 원시 이미지 파일을 가져와 GPU에 업로드해야 합니다. 이..

[PIXI] ticker 사용방법

전체 코드 const Application = PIXI.Application; const app = new Application({ width: window.innerWidth, height: window.innerHeight, transparent: false, antialias: true, backgroundColor: 0xAAAAAA }); app.renderer.backgroundColor = 0x23395D; app.renderer.view.style.position = 'absolute'; document.body.appendChild(app.view); const graphics = PIXI.Graphics; app.ticker.add(delta => loop(delta)); function..

[PIXI] PIXI.Text와 PIXI.TextStyle 사용 방법

기본 코드 const Application = PIXI.Application; const app = new Application({ width: window.innerWidth, height: window.innerHeight, transparent: false, antialias: true, backgroundColor: 0xAAAAAA }); //배경색 변경 app.renderer.backgroundColor = 0x23395D; //생성자가 아니더라도 이와 같이 크기 조정 가능 app.renderer.view.style.position = 'absolute'; document.body.appendChild(app.view); const style = new PIXI.TextStyle({ fontFa..

[PIXI] Graphic 클래스 활용하여 도형그리기

app.renderer vs app.view app.renderer는 내부 매커니즘이라면,(캔버스 요소 조정) app.view는 이미 만들어진 캔버스 자체 //배경색 변경 app.renderer.backgroundColor = 0x23395D; //css app.renderer.view.style.position = 'absolute'; Graphic 클래스 - 사각형 app.stage는 포토샵에서 레이어를 위로 계속 쌓아가는 느낌을 생각하면 쉽다. const graphics = PIXI.Graphics; const rect = new graphics(); rect.beginFill(0x00ff00) .drawRect(40, 40, 200, 250)//x좌표 y좌표 너비 높이 .endFill() app...

[React] fontawesome 리액트로 가져오기

https://fontawesome.com/v5/docs/web/use-with/react React The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com 위 세줄을 야무지게 다운받아 준다. npm i --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons npm install --save @fortawesome/react-fontawesome import React from..