본문 바로가기

분류 전체보기1350

[NestJs] 게시물 수정 및 삭제하기 안녕하세요. 오늘은 게시물 수정 및 삭제를 해보겠습니다. 먼저 service파일입니다. import { Injectable, NotFoundException } from '@nestjs/common'; import { CreateBoardDto } from './board.dto'; @Injectable() export class BoardService { private boards = []; private id = 1; create(createBoardDto: CreateBoardDto){ createBoardDto.id = this.id; this.boards.push(createBoardDto); this.id++; return createBoardDto; } getAll(){ return this.. 2024. 3. 18.
[JavaScript] 카운터 만들기 오늘은 카운터 만들기를 해보겠습니다. 이해를 돕기위해 알아야 할 내용은 1. html의 클래스로는 여러개의 클래스 명들이 들어올 수 있다. 2. `.` 과 `#`은 CSS선택자 입니다. `#`은 id선택자 `.`은 클래스 선택자입니다. 3. document.querySelectorAll(".btn")는 클래스 속성이 btn인 모든 요소를 찾아서 반환합니다. 4. btn.addEventListener("click", function (e) { ... }) 의 function (e) { ... } 는 이벤트가 발생했을 때 실행할 함수를 정의합니다. `e` 이벤트 객체로, 이벤트에 대한 정보를 담고 있습니다. 4.1. e.currentTarget 은 이벤트 리스너가 부착된 요소를 가리킵니다. 5. e.curr.. 2024. 3. 17.
[HTML/CSS] 레이아웃 만들기 안녕하세요 이번 게시글에서는 기본 레이아웃을 만들어보겠습니다. Header, Sidebar, Content, Footer 가 있는 기본 레이아웃입니다. 1. Header 로고와 페이지 이동을 위한 소메뉴를 배치했습니다. 2. Sidebar 페이지 이동을 위한 소메뉴를 배치했습니다. 3. Content 원하는 콘텐츠를 추가할 수 있습니다. 4. Footer 기본적인 footer ui로 구성했습니다. 우선 시연영상입니다. 다음은 전체 코드 입니다. Logo 메뉴1 메뉴2 메뉴3 홈 자유게시판 마이페이지 설정 콘텐츠 © 2023 Stickcode™. All Rights Reserved. About Privacy Policy Licensing Contact 2024. 3. 16.
[C#][.NET Core] 윈도우 계산기 앱 만들기 오늘은 visual studio 2022를 사용해 윈도우 계산기 앱을 만들어 보겠습니다. 먼저 Visual Studio 2022를 실행한 뒤 우측 시작 메뉴에서 새 프로젝트 만들기를 눌러주세요. 그리고 Windows Forms 앱 C#을 선택하고 원하는 디렉토리에 프로젝트 이름을 설정해줍니다. 그 뒤 원하는 프레임워크를 선택하는 저는 .NET 8.0으로 하겠습니다. 그럼 다음과 같이 윈도우 폼 템플릿이 생성되고 여러 샘플 파일이 생성됩니다.(Form1.cs, Form1.Desinger.cd, Program.cs 등) Program.cs : 앱의 진입점을 포함하는 파일로 앱을 시작하고 초기 설정을 수행하는 코드를 담고 있다. namespace winFormApp; static class Program { .. 2024. 3. 15.
[JavaScript] 웹페이지 로딩화면 안녕하세요 오늘은 자바스크립트를 활용해서 웹페이지 로딩화면을 만들어 보겠습니다. 오늘 배워볼 자바스크립트 메서드입니다. setTimeout JavaScript에서 제공하는 내장 함수로, 특정 함수나 코드를 지정된 시간이 지난 후에 한 번 실행하도록 예약합니다. 이 함수는 비동기적으로 작동하며, 지정된 대기 시간(밀리초 단위)이 경과한 후에 콜백 함수를 실행시킵니다. 코드입니다. DOCTYPE html> 로딩 화면 예제 로딩 중... 페이지 로드 완료! document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { document.getElementById('loadingScreen').style.display = 'no.. 2024. 3. 14.
[Python] 페이지네이션으로 업비트에서 비트코인의 모든 1분봉 가져오기 업비트 정책 상 한 번에 가져올 수 있는 1분봉의 최대 개수는 200개입니다. 더 이전의 기록을 가져오고 싶다면 페이지네이션을 활용해야하는데요. 아래는 그 예제입니다. 예제에서 사용할 테이블을 생성하는 쿼리는 아래와 같습니다. CREATE TABLE upbit_bitcoin_candle_minute ( market VARCHAR(10), candle_date_time_utc DATETIME, candle_date_time_kst DATETIME, opening_price DECIMAL(20, 8), high_price DECIMAL(20, 8), low_price DECIMAL(20, 8), trade_price DECIMAL(20, 8), timestamp BIGINT, candle_acc_trade_.. 2024. 3. 13.
[HTML/CSS] Bootstrap으로 아코디언 만들기 이번 시간에는 Bootstrap으로 아코디언을 만들어보겠습니다. 1. 아코디언이란? 아코디언(Accordion)은 웹 디자인에서 자주 사용되는 UI 패턴 중 하나입니다. 아코디언은 섹션을 축소 및 확장할 수 있는 상호작용 컴포넌트로, 사용자가 특정 섹션을 선택하면 해당 섹션이 펼쳐지고, 다른 섹션들은 축소됩니다. 2. Bootstrap 불러오기 이 예제에서는 CDN으로 Bootstrap을 불러오겠습니다. 3. 전체 코드 자주하는 질문 인공지능과 머신러닝의 차이는 무엇인가요? 인공지능은 인간의 지능적인 특성을 컴퓨터 시스템에 구현하는 더 큰 개념이며, 머신러닝은 그 중에서도 데이터 학습을 강조하는 특별한 기술이라고 볼 수 있습니다. 즉, 모든 머신러닝은 인공지능이지만, 모든 인공지능이 머신러닝은 아닙니다... 2024. 3. 12.
[PHP] 쿠키와 세션 다루기 웹 개발에서 사용자의 정보를 임시로 저장하거나 사용자별로 다른 내용을 보여주기 위해 쿠키(Cookie)와 세션(Session)이 자주 사용됩니다. PHP는 이러한 기능을 구현하기 위해 간편하게 사용할 수 있는 내장 함수를 제공합니다. 이 포스팅에서는 PHP에서 쿠키와 세션을 다루는 기본적인 방법에 대해 알아보겠습니다. 쿠키(Cookie) 쿠키는 클라이언트의 컴퓨터에 저장되는 작은 텍스트 파일로, 사용자가 웹사이트를 방문할 때마다 서버에 의해 읽힐 수 있습니다. 쿠키를 사용하면 사용자의 선호도 저장, 로그인 상태 유지 등 다양한 기능을 구현할 수 있습니다. 쿠키 설정하기 PHP에서 쿠키를 설정할 때는 setcookie() 함수를 사용합니다. 이 함수는 여러 매개변수를 받을 수 있는데, 가장 기본적인 형태는.. 2024. 3. 11.
[JavaScript] CoinGecko API를 사용하여 현재 특정 가상화폐의 KRW 가격을 조회하여 나타내기 안녕하세요 오늘은 CoinGecko API를 사용하여 현재 특정 가상화폐의 KRW 가격을 조회하는 기능을 구현해보도록 하겠습니다. index.html 파일에 다음과 같이 코드를 작성해줍니다. Crypto Price Checker Bitcoin Ethereum NEAR Check Price script.js 에 다음과 같이 코드를 작성해줍니다. // 'Check Price' 버튼에 클릭 이벤트 리스너 추가 document.getElementById('check-price').addEventListener('click', async () => { // 선택된 가상 화폐를 가져옴 const cryptoCurrency = document.getElementById('crypto-select').value; //.. 2024. 3. 10.

티스토리툴바