분류 전체보기1150 [C#][.NET] 이미지 뷰어 오늘은 윈도우 앱에서 사용에 컴퓨터에 있는 이미지를 찾아 띄워주는 기능을 알아보겠습니다. 먼저 새로운 프로젝트를 생성하 툴박스에서 PictureBox와 Button을 가져와 폼에 배치하고 Form.Designer.cs 파일에서 버튼의 텍스트를 변경해줍니다. 그리고 버튼을 더블클릭해 클릭 이벤트 핸들러를 추가하고 Form1.cs 파일에 아래와 같이 코드를 작성합니다. namespace ImageViewerApp { public partial class Form1 : Form { public Form1() { InitializeComponent(); pictureBox1.SizeMode = PictureBoxSizeMode.Zoom; // 이미지가 박스의 크기에 맞춰 확대/축소되는 설정 } private v.. 2024. 4. 12. [Javascript] 마우스 오버 텍스트 색상 변경 오늘은 마우스 오버시 텍스트의 색상을 변경하는 예제를 만들어보겠습니다. addEventListener : HTML 요소에 이벤트 핸들러를 동적으로 추가하는 데 사용됩니다. 이 메서드를 사용하면 웹 페이지의 다양한 요소에 대한 사용자의 상호작용을 감지하고, 특정 이벤트가 발생했을 때 실행할 함수를 지정할 수 있습니다. 코드입니다. DOCTYPE html> 텍스트 색상 변경 예제 마우스를 올려보세요! document.addEventListener('DOMContentLoaded', function() { var textElement = document.getElementById('textToChange'); // 마우스 오버 이벤트 textElement.addEventListener('mouseover', .. 2024. 4. 11. [JavaScript] Sidebar 만들기 오늘은 Sidebar를 만들어보겠습니다. css파일에서의 중요한 부분은 3곳입니다. 1. .sidbar {} : 사이드 바의 기본 스타일 설정 2. .show-sidebar{} : 사이드바 숨김 3. @media screen and (min-width: 676px) {} : 반응형 사이드바 js파일에서 중요한 부분은 2개입니다. 1. sidebar.classList.toggle("className") : sidebar 요소의 클래스 목록에 접근하여 지정된 클래스가 있으면 제거하고, 없으면 추가합니다 2. sidebar.classList.remove("className") : sidebar 요소의 클래스 목록에 접근하여 지정된 클래스를 제거합니다. index.html home about projects c.. 2024. 4. 10. [Javascript] chart.js 를 사용하여 선 그래프 그리기 안녕하세요 오늘은 chart.js 라이브러리를 이용하여 선 그래프를 그려 볼려고 합니다. index.html 파일에 다음과 같이 코드를 작성해줍니다. 위와 같이 코드를 작성하면 다음과 같은 결과를 얻을 수 있습니다. 2024. 4. 9. [HTML/CSS] Bootstrap의 Toast 기능 사용하기 안녕하세요. 이번 시간에는 Bootstrap에 있는 토스트(Toast) 기능을 사용해보겠습니다. 1. 토스트(Toast) 기능이란? 토스트(Toast) 기능은 사용자에게 메시지나 알림을 간단하게 표시하는 기능입니다. 일반적으로 페이지의 상단이나 하단에서 작은 팝업 창으로 나타나며, 일시적인 정보나 알림을 표시하는 데 사용됩니다. 2. Bootstrap 불러오기 이 예제에서는 CDN으로 Bootstrap을 불러오겠습니다. 3. 전체 코드 토스트 보여주기 Bootstrap 시간 정보 안녕하세요. 토스트 메시지. 4. 실행 결과 2024. 4. 8. [Python] 상속을 이용한 추가적인 기능들 파이썬에서 클래스 상속을 통해 사용할 수 있는 추가적인 기능들은 객체 지향 프로그래밍의 깊은 이해와 유연성을 제공합니다.오늘은 상속을 활용할 수 있는 몇 가지 주요 기능들을 소개합니다 클래스를 생성하고 상속을 하는 방법은 다음 포스팅을 참조 하세요 https://stickode.tistory.com/1147 1. 메서드 오버라이딩 (Method Overriding) 상속받은 자식 클래스에서 부모 클래스의 메서드를 재정의하여 사용할 수 있습니다. 이를 통해 자식 클래스는 상속받은 메서드의 기능을 확장하거나 변경할 수 있습니다. class Parent: def greet(self): print("Hello from the Parent class.") class Child(Parent): def greet(s.. 2024. 4. 7. [JavaScript] CoinGecko API 와 chart api를 사용하여 각 화폐의 현재 USD 가격 표 형태로 비교하기 안녕하세요 오늘은 CoinGecko API 와 chart api를 사용하여 각 화폐의 현재 USD 가격 표 형태로 비교해보겠습니다. index.html 파일에 다음과 같이 코드를 작성해주세요 Crypto Price Comparison Bitcoin Ethereum Litecoin Compare Prices Cryptocurrency Price (USD) script.js 파일에 다음과 같이 코드를 작성해주세요 document.getElementById('compare-prices').addEventListener('click', async () => { const selectedCryptos = Array.from(document.getElementById('crypto-multi-select').sel.. 2024. 4. 6. [NestJs] TypeORM을 사용해서 게시물 CRUD 만들기 안녕하세요. 오늘은 지난 시간 배열을 이용해서 저장하던 게시물을 db에 저장할 수 있게 작업하려고 합니다. 설정은 지난 시간에 모두 마친것으로 알고 진행하겠습니다. 먼저 src 폴더 하위에 core라는 폴더를 만들고 그 안에 typeorm-ex.decorator.ts, typeorm-ex.module.ts를 생성해 주세요. 먼저 typeorm-ex.decorator.ts 파일입니다. import { SetMetadata } from '@nestjs/common'; export const TYPEORM_EX_CUSTOM_REPOSITORY = 'TYPEORM_EX_CUSTOM_REPOSITORY'; export function CustomRepository(entity: Function): ClassDec.. 2024. 4. 5. [Java] Vert.x 클러스터링 예제 오늘은 Vert.x의 클러스터링을 해보겠습니다. 파일 구조는 아래와 같습니다. // Main.java public class Main { public static void main(String[] args) { // 기존 Hazelcast 클러스터 매니저와 Vert.x 옵션 설정 HazelcastClusterManager mgr = new HazelcastClusterManager(); VertxOptions options = new VertxOptions().setClusterManager(mgr); // 클러스터링된 Vert.x 인스턴스 생성 Vertx.clusteredVertx(options, res -> { if (res.succeeded()) { Vertx vertx = res.result();.. 2024. 4. 4. 이전 1 2 3 4 5 6 7 ··· 128 다음
