본문 바로가기

분류 전체보기1159

[C#][.NET] MessageBox 사용법 오늘은 윈도우 앱에서 메시지 박스 사용법을 알아보겠습니다. MessageBox는 Show라는 메서드를 갖고 있는데 이는 사용자에게 메시지를 보여주는 데 사용되며, 다양한 매개변수를 통해 메시지 박스의 모양과 기능을 조정할 수 있습니다. 이때 메시지 박스에 다양한 버튼을 생성할 수 있고 그 버튼에 맞게 프로그램이 동작하게 개발할 수도 있습니다. 메시지 박스에는 다양한 속성들이 있습니다. 먼저 메시지 박스는 Show 메서드의 매개변수들을 사용해 원하는 값들을 표현할 수 있고 거기에는 message, caption, buttons, icon, defaultButton, options등이 있습니다. message : 사용자에게 보여줄 메시지를 입력하는 매개변수입니다. caption : 사용자에게 보여줄 메시지박.. 2024. 4. 3.
[JavaScript] 마우스 오버 이미지 미리보기 안녕하세요 오늘은 마우스 오버시 이미지를 미리보는 예제를 만들어보겠습니다. 코드입니다. DOCTYPE html> 이미지 마우스 오버 미리보기 마우스를 올려 이미지 미리보기를 확인하세요. console.log("스크립트가 로드되었습니다."); document.addEventListener('DOMContentLoaded', function() { var previewText = document.getElementById('previewText'); var imagePreview = document.getElementById('imagePreview'); previewText.addEventListener('mouseover', function() { imagePreview.style.display = 'b.. 2024. 4. 2.
[JavaScript] 반응형 내비게이션 바 만들기 오늘은 반응형 내비게이션 바를 만들고, js를 이용하는 것 까지 해보겠습니다. 알아야 할 내용 1. @media screen and (mid-width : 800px) : 화면 너비가 800px이상일때 적용하는 미디어 쿼리를 이용한 반응형 스타일입니다. 2. nav-toggle{ display : none ;} : 네비게이션의 햄버거 메뉴를 숨깁니다. (이 코드는 미디어 쿼리 안에 있습니다. 즉 큰화면에서는 햄버거 메뉴가 안보이고, 800px이하일때는 햄버가 메뉴가 보이게 됩니다. ) 3. links.classList.toggle("show-links") : show-links 클래스가 있으면 제거하고, 없으면 추가하는 코드입니다. index.html home about projects contact a.. 2024. 4. 1.
[Java] Vert.x HTTP 기본 예제 오늘은 Java으로 Vert.x 프레임워크를 사용해보겠습니다. 디렉토리 구조는 아래와 같습니다. 아래 코드는 터미널에서 curl을 통해 테스트해보시면 됩니다. GET 요청 (아이템 조회) curl -X GET http://localhost:8080/item/1 POST 요청 (아이템 생성) curl -X POST http://localhost:8080/item -H "Content-Type: application/json" -d '{"name":"NewItem", "description":"Description of new item"}' PUT 요청 (아이템 업데이트) curl -X PUT http://localhost:8080/item/1 -H "Content-Type: application/json".. 2024. 3. 31.
[C++] 아두이노로 적외선 거리측정센서 사용하기 안녕하세요 이번에는 아두이노로 적외선 거리측정센서를 사용해보겠습니다. 아두이노에 대해 기본적인 내용을 알고 싶다면 아래 게시글을 참고해주세요. https://stickode.tistory.com/1044 [C++] 아두이노로 서보 모터 사용하기 이번 시간에는 아두이노로 서보 모터 사용하는 예제를 진행하겠습니다. 1. 아두이노란? 아두이노(Arduino)는 사용하기 쉬운 하드웨어와 소프트웨어를 기반으로 한 오픈 소스 전자 플랫폼입니다. stickode.tistory.com 1. 적외선 거리측정센서란? 적외선 거리측정센서란 적외선을 이용해 센서와 물체 사이에 거리를 측정하는 센서입니다. 이 예제에서 사용할 적외선 거리측성센서의 측정 범위는 10~80cm이며 동작전압은 4.5~5V입니다. 적외선을 방출하는 L.. 2024. 3. 30.
[Python]파이썬에서 클래스 만들기와 상속하기 파이썬은 객체 지향 프로그래밍(OOP)을 지원하는 강력한 프로그래밍 언어입니다. 클래스와 상속은 OOP의 핵심 개념으로, 코드의 재사용성, 유지 보수성, 그리고 모듈성을 높여줍니다. 이 글에서는 파이썬에서 클래스를 정의하는 방법과 클래스 상속을 사용하는 방법을 소개하겠습니다. 클래스 정의하기 클래스는 객체의 설계도와 같습니다. 이를 통해 데이터와 메서드(클래스 내의 함수)를 하나의 캡슐화된 유닛으로 묶을 수 있습니다. 파이썬에서 클래스를 정의하는 기본 구조는 다음과 같습니다 class ClassName: def __init__(self, parameters): # 초기화 메서드, 객체 생성 시 호출됩니다. self.attribute = parameters def method_name(self, param.. 2024. 3. 29.
[JavaScript] CoinGecko API 와 chart api를 사용하여 기간에 따른 암호화폐 가격 변동을 라인 차트로 표시하기 보호되어 있는 글 입니다. 2024. 3. 28.
[NestJs] TypeORM 설치 및 설정하기 안녕하세요. 오늘은 지난 시간에 이어 데이터를 실제 데이터 베이스에 저장을 해볼 겁니다. 데이터베이스는 Mysql을 이용하여 실습할 예정이니 미리 mysql을 설치해주시길 바랍니다. 먼저 설치부터 해볼게요. 아래 명령어를 입력해주세요. npm install @nestjs/typeorm typeorm mysql2 그리고 저희는 환경 변수를 사용해서 설정을 할 건데 미리 설치해야 될게 있습니다. npm install @nestjs/config cross-env dotenv 모두 설치가 완료되었다면 root 경로에 .env파일을 생성해주세요. DB_HOST = 'DB 호스트' DB_PORT = 3306 DB_USERNAME = 'DB 유저 이름' DB_PASSWD = 'DB 비밀번호' DB_DATABASE =.. 2024. 3. 27.
[JAVA] 다양한 컬렉션 타입들을 사용해 학생 데이터 관리 시스템 만들기 안녕하세요. 이번 게시글에서는 컬렉션 프레임워크를 활용해 데이터를 관리할 수 있는 간단한 학생 데이터 관리 시스템에 대해 설명해드리겠습니다. 자바의 ArrayList, HashMap, HashSet과 같은 컬렉션들을 사용하여 데이터를 관리하는 방법을 사용할 것이며 각 학생을 객체로 표현하고, 이를 관리하는 클래스를 통해 객체 지향 프로그래밍을 만들어보려고 합니다. 그럼 ArrayList, HashMap, HashSet 의 차이점에 대해 설명하겠습니다. ArrayList 타입: ArrayList는 List 인터페이스를 구현하는 클래스입니다. 특징: ArrayList는 내부적으로 배열을 사용하여 요소를 저장합니다. 이는 인덱스를 통한 빠른 접근이 가능하게 해주지만, 크기 조정이 필요할 때는 비용이 많이 듭니.. 2024. 3. 26.

티스토리툴바