본문 바로가기

분류 전체보기1351

[JavaScript] OpenWeatherMap API 사용하여 입력한 도시의 향후 5일 동안의 날씨 예보 정보 가져오기 안녕하세요 오늘은 OpenWeatherMap API 사용하여 간단한 날씨 정보 대시보드를 만들어보겠습니다. OpenWeatherMap API 를 사용하려면 https://openweathermap.org/ 에서 무료로 api 키를 발급받아야 합니다. api키를 발급 받은 후 index.html 파일에 다음과 같이 코드를 작성해줍니다. 5일 날씨 예보 예보 조회 그다음 script.js 파일에 다음과 같이 코드를 작성해 줍니다. async function fetchForecast() { let city = document.getElementById('city-input').value.trim(); if (city) { let apiKey = '발급받은 자신의 API 키'; // OpenWeatherMap .. 2024. 2. 21.
[NestJs] Controller 및 Service 생성 안녕하세요. 오늘은 지난 시간에 이어 Controller와 Service를 생성해 보겠습니다. NestJs는 기본적으로 모듈화되어 있고 이로 인해 유지보수와 개발이 편한데요 기본적인 구조는 아래와 같습니다. 위 구조를 보면 Root Module에 다양한 모듈이 Import가 되어 있는것을 볼 수 있는데 Nestjs는 각 기능을 모듈화 하고 그 모듈 안에서 개발이 가능하여 분리도 잘되어 있고 코드를 보기에도 편합니다. 그리고 각 모듈에는 Controller와 Service가 있습니다. Controller는 클라이언트에서 들어오는 Request를 받는 역할과 Response를 하는 역할을 합니다. 우선 지난 시간에 생성한 프로젝트 구조를 조금 수정해보겠습니다. 생성된 폴더 안에는 src폴더가 있고 그 안에 .. 2024. 2. 20.
[Android][Java] NumberPicker 넘버피커 오늘은 NumberPicker 사용하는 방법을 포스팅하겠습니다. 전체코드 public class MainActivity extends AppCompatActivity { // NumberPicker 객체 선언 NumberPicker numberPicker; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); numberPicker = (NumberPicker) findViewById(R.id.numberPicker); } @Override protected void onStart() { super.onStart.. 2024. 2. 19.
[Java] 영화진흥위원회 오픈API 사용한 영화 정보 출력 예제 안녕하세요 이번 게시글에서는 영화 진흥 위원회 오픈 api를 사용해 영화정보 JSON 데이터를 파싱하고 데이터를 출력하는 간단한 예제를 다루려고합니다. 이 예제를 통해 JSON 데이터의 구조를 이해하고 자바에서 JSON을 다루는 방법을 익힐 수 있습니다. 해당 기능을 구현하기 전에 해야할 것은 두가지 입니다.1. 영화 진흥 위원회 오픈 api 사용하기 위한 회원가입, 그리고 인증키 발급해야합니다.https://www.kobis.or.kr/kobisopenapi/homepg/main/main.do 영화진흥위원회 오픈API OPEN API 서비스 영화진흥위원회 영화관입장권통합전산망에서 제공하는 오픈API 서비스로 더욱 풍요롭고 편안한 영화 서비스를 즐겨보세요. www.kobis.or.kr -> 위 사이트로 .. 2024. 2. 18.
[PHP] 조건과 조건문 종류 및 사용법 안녕하세요 오늘은 PHP에서 사용할 수 있는 다양한 조건문들에 대해 알아보겠습니다. 먼저 조건문이란? 프로그램의 흐름을 제어하기 위해 사용되는 구문으로 주어진 조건에 참(true) 또는 거짓(false) 여부에 따라 다른 "코드 블록"을 실행하도록 합니다. PHP에서 사용되는 조건문은 if, else, elseif 그리고 switch와 3항 연산자가 있습니다. 먼저 if문에 대해서 알아보겠습니다. if : 가장 기본적인 조건문으로 조건이 참일 때만 실행할 특정 코드 블록을 정의한다. if(조건){ // 조건이 참일 때 실행될 코드 블록 } else : if문과 함께 사용되면 if의 조건이 거짓말일 때 실행될 코드 블록을 정의한다. if (조건) { // 조건이 참일 때 실행될 코드 블록 } else { .. 2024. 2. 17.
[HTML/CSS] 슬라이드쇼 만들기 안녕하세요 오늘은 흔히 볼수 있는 광고 이미지와 같은 HTML과 CSS, 자바스크립트를 사용하여 간단한 자동 이미지 슬라이드쇼를 구현해보겠습니다. 코드입니다. DOCTYPE html> /* CSS 스타일을 내장시키는 태그입니다. */ .Slidesbackground { margin: 0; padding: 0; /* .Slidesbackground 클래스에 대한 스타일을 정의합니다. 여백(margin)과 내부 여백(padding)을 0으로 설정합니다. */ } .slideshow-image { border-radius: 3%; width: 100%; height: 100%; overflow: hidden; /* .slideshow-image 클래스에 대한 스타일을 정의합니다. 이미지의 모서리를 둥글게 하고.. 2024. 2. 16.
[Python] FastAPI에서 CORS 정책 적용하기 이번 시간에는 서버를 구축할때 신경써야할 CORS 정책을 FastAPI 서버에서 적용해보겠습니다. 1. CORS 정책이란? CORS는 Cross-Origin Resource Sharing의 약자로, 웹 페이지에서 다른 도메인의 리소스에 접근할 때 발생하는 보안 정책입니다. 웹 브라우저는 기본적으로 동일 출처 정책(Same-Origin Policy)을 따르는데, 이는 웹 페이지가 동일한 출처에서만 리소스를 요청할 수 있다는 원칙입니다. 출처는 프로토콜, 호스트, 포트가 동일한 경우에 해당합니다. CORS를 적용하지 않고 다른 도메인의 리소스를 요청할 경우 아래와 같은 에러가 발생합니다. 이를 해결하기 위해서는 서버에 접근하는 도메인을 허용하도록 만들어야 합니다. FastAPI 서버에서 진행해보겠습니다. 2.. 2024. 2. 15.
[Python] 죽지않는 웹소켓 만들기 https://stickode.tistory.com/1045 저번 시간에 이어서, 오늘은 데이터 송수신이 없더라도 소켓 연결이 해제되지 않도록 코드를 수정해보겠습니다. 기존 코드는 특정 시간 동안 웹소켓이 데이터를 주고받지 않는다면 연결이 해제되도록 작성되었습니다. 변경한 사용자가 ctrl + c를 눌러서 직접 종료하지 않는 한 소켓 연결이 해제되지 않습니다. 아래 파일을 복사하신 후 실행하시면 됩니다. 파일명은 main.py입니다 import json import websocket import pymysql from websocket import WebSocketApp, WebSocketConnectionClosedException import logging import time logging.basi.. 2024. 2. 14.
[PHP] 객체를 다루는 기본적인 함수 PHP는 객체 지향 프로그래밍을 지원하는 언어입니다. 객체를 다루는 데에 있어 PHP는 다양한 내장 함수를 제공하고 있습니다. 이번 포스트에서는 PHP에서 객체를 다루는 데 필요한 몇 가지 기본적인 함수들을 살펴보고, 각 함수의 사용법과 실제 개발 시 어떤 상황에서 사용될 수 있는지에 대해 알아보겠습니다. 1. get_class($object) get_class 함수는 주어진 객체의 이름을 반환합니다. 객체의 클래스 이름을 알아내야 할 때 유용하게 사용할 수 있습니다. get_class는 주로 객체의 유형을 확인하거나 로깅, 디버깅 시에 유용합니다. 특히, 다형성을 활용하는 상황에서 어떤 클래스의 인스턴스인지 확인할 필요가 있을 때 많이 사용됩니다. 2. method_exists($object, $met.. 2024. 2. 13.

티스토리툴바