본문 바로가기

전체 글20

[p5js] 공식 홈페이지 시작하기 튜토리얼 https://p5js.org/ko/get-started/ get started | p5.js 시작하기 p5.js 프로젝트를 에디터에 설정하고 나의 첫 스케치를 만드는 방법을 소개합니다. 가장 쉬운 방법은 인터넷에서 p5.js 웹에디터를 바로 사용하는 것입니다. 웹에디터를 켜고 나의 첫 스 p5js.org ❤참고 링크 https://youtu.be/31JEsy40XBU?si=FeQDNmyoTcyqwirh 1. 온라인 에디터 사용 https://editor.p5js.org/SOYOUNCat/sketches/cSIsVtjD0 2. 호스팅된 라이브러리 사용하기 HTML 페이지 샘플 3. 코드 작성 온라인 에디터에서 sketch.js에 작성 //캔버스 셋업 function setup() { createCanva.. 2024. 4. 6.
231212[C++][UE] 디자인 (설계)패턴 - 3. 인터페이스와 옵저버 패턴 Interface 인터페이스 → 왜? 사용했는지. 필요한가에 대한 의문 필요. 예시) 상호작용사과 집기와 문열기는 각각 다른 기능이지만 상호작용이라는 큰 카테고리로 묶임 오리지날 C++에서는 존재하지 않는다. 후에 개발자들이 도구화함 Observer Pattern vs 추상 팩토리 → 기본 아이디어는 유사. 큰 틀에 기능을 추가! → 추상 팩토리는 일정한 규격에 맞춰서 유사하게 클래스 생성 →옵저버 패턴은 유사하지만 각 클래스의 개성을 살린다. 2023. 12. 13.
231211 [C++][UE] 디자인 (설계)패턴 - 2. 팩토리 메서드 패턴 팩토리 메서드 패턴 (Factory Method Pattern): 객체 생성을 추상화(껍데기만) 하여 객체 생성의 구체적인 클래스를 분리 구조체와 데이터 테이블과의 관계와 유사하다! 큰 구조가 있고 내용물이 달라짐 . 콘텐츠적인(ex.연출) 분류가 필요할 경우 클래스보다 블루프린트를 사용하면 좋다. 유연성과 확장성 과정 1) Actor Class Unit : 추상화 → 구조(껍데기)만 구성 // Fill out your copyright notice in the Description page of Project Settings. #pragma once #include "CoreMinimal.h" #include "GameFramework/Actor.h" #include "Unit.generated.h" .. 2023. 12. 11.
231211 [C++][UE] 디자인 (설계)패턴 - 1. 컴포넌트 기반 패턴 design pattern c++ 이란? - 프로그래밍과 소프트웨어 개발에서 자주 발생하는 문제를 해결하기 위한 일련의 재사용 가능한 해결책 - 일종의 설계 템플릿으로, 특정 상황에서 일반적으로 발생하는 문제들을 해결하기 위한 구조화된 솔루션을 제공 → 개발자가 사람이기에 발생하는 문제들 컴포넌트 기반 패턴 (Component-based Pattern): [Unreal 한정] 팩토리 메서드 패턴 (Factory Method Pattern): 옵저버 패턴 (Observer Pattern): 프록시 패턴 (Proxy Pattern): 커맨드 패턴 (Command Pattern): 프로토타입 패턴 (Prototype Pattern): 컴포넌트 기반 패턴 (Component-based Pattern): [Unr.. 2023. 12. 11.