728x90 웹개발6 FastAPI로 이미지 업로드 서버 구현하기 안녕하세요! 오늘은 FastAPI를 사용하여 이미지 파일을 서버에 POST 방식으로 업로드하고 저장하는 방법에 대해 알아보겠습니다. 클라이언트 측에서는 requests 라이브러리를 사용하여 이미지를 전송하는 예제를 제공할 예정입니다. FastAPI는 비동기 웹 프레임워크로, Python의 빠르고 효율적인 웹 개발을 가능하게 해줍니다.FastAPI 서버 설정먼저 FastAPI 서버를 간단하게 설정해보겠습니다. FastAPI와 uvicorn을 설치합니다. 아래의 명령어를 터미널에 입력하여 설치해주세요:pip install fastapi uvicorn이제 FastAPI 서버를 구현해봅시다.from fastapi import FastAPI, UploadFile, Fileimport osapp = FastAPI(.. 2025. 4. 4. Jsoup에서 인증서 error 우회하는 방법 이 포스팅에서는 Jsoup 라이브러리를 사용하여 웹할 때 인증서 오류를 우회하는 방법에 대해 설명하겠습니다. 웹 스크래핑을 할 때 SSL 인증서 문제로 인해 실패할 때가 종종 있습니다. 이 문제를 해결하기 위한 방법을 구체적으로 살펴보겠습니다.1. Jsoup 소개Jsoup은 자바 기반의 HTML 파싱 라이브러리로, 이를 통해 HTML을 가져오고 파싱할 수 있으며, 특정 요소를 추출할 수 있습니다. 자바 생태계에서 널리 사용되고 있는 강력한 라이브러리입니다. 하지만 사용자가 HTTPS 프로토콜을 통해 웹 페이지에 접속할 때, SSL 인증서와 관련된 이슈가 발생할 수 있습니다.2. 인증서 오류의 원인SSL 인증서 오류는 주로 세 가지 이유로 발생합니다:서버의 SSL 인증서가 만료됨신뢰할 수 없는 인증서를 사.. 2025. 3. 24. 최신 자바스크립트 기술: 배열에서 람다식 활용하기 현대 웹 개발에서 자바스크립트는 그 어느 때보다도 중요해졌습니다. 그 중에서도 배열 조작을 위한 람다식(화살표 함수)은 코드의 간결함과 가독성을 높이는 데 기여하고 있습니다. 이번 포스팅에서는 자바스크립트 배열에서 람다식을 활용한 여러 예제를 정리해보겠습니다.1. 기본적인 람다식 문법람다식은 '화살표 함수'라고도 불리며, 간단하게 함수를 표현할 수 있는 문법입니다. 전통적인 함수 표현식과 비교할 때 문법이 더욱 간결해집니다. 아래의 코드블럭을 통해 기본적인 문법을 살펴보겠습니다.const sum = (a, b) => a + b;console.log(sum(5, 10)); // 15위 예제에서 볼 수 있듯, 'function' 키워드 대신 화살표(=>)를 사용하여 함수를 정의할 수 있습니다.2. 배열의 m.. 2025. 3. 23. HTML Input Validation: 쉬운 방법과 예제 HTML 입력 폼의 유효성 검사는 사용자 경험을 향상시키기 위한 중요한 요소입니다. 본 포스트에서는 HTML5의 내장 유효성 검사 기능을 사용한 간단한 Input Validation 폼 예제를 소개하겠습니다.1. HTML5의 유효성 검사HTML5에서는 input 요소에서 type 속성을 사용하여 다양한 형식의 데이터를 검증할 수 있습니다. 예를 들어, 이메일, URL, 숫자, 날짜 등 다양한 형식을 쉽게 지정할 수 있습니다. 사용자가 잘못된 형식의 데이터를 입력할 경우 브라우저가 기본적으로 경고 메시지를 표시합니다.2. 유효성 검사를 활용한 간단한 예제다음은 간단한 회원 가입 폼의 예제입니다. 이 폼에는 이름, 이메일, 비밀번호, 비밀번호 확인 필드가 포함되어 있습니다. 회원가입 폼 .. 2025. 3. 18. 웹어셈블리(WebAssembly)란? 안녕하세요! 오늘은 웹어셈블리(WebAssembly), 간단히 "Wasm"이라고도 불리는 흥미로운 기술에 대해 알아보겠습니다. 우리는 일상에서 자주 웹 애플리케이션을 사용하지만, 그 내부에서 어떤 기술이 활용되고 있는지 잘 모르고 지나치기 일쑤입니다. 그렇다면 웹어셈블리는 무엇일까요?웹어셈블리의 정의웹어셈블리는 브라우저에서 높은 성능을 요구하는 애플리케이션을 만들기 위해 개발된 이진 포맷입니다. 다른 말로 하면, 기본적으로 C/C++과 같은 고급 프로그래밍 언어로 작성된 코드를 웹에서 실행하기 위한 저-level 언어입니다. 이는 읽기 쉬운 텍스트 형태의 JavaScript와는 다르게, 더욱 효율적으로 실행될 수 있도록 설계되었습니다.왜 웹어셈블리를 사용할까요?웹어셈블리를 사용하는 이유는 여러 가지가 있.. 2025. 3. 4. Rust로 WebAssembly(WasM) Hello, World 예제 안녕하세요.오늘은 Rust 언어를 사용해서 WebAssembly(WasM)로 Hello, World를 출력하는 간단한 예제를 진행해 보겠습니다.Rust는 안전하고 고성능의 시스템 프로그래밍 언어로, 웹 개발에서도 점점 더 많이 사용되고 있습니다.WebAssembly란?WebAssembly(약칭 WasM)는 웹 브라우저에서 효율적으로 실행될 수 있는 이진 형식의 코드입니다.이 언어는 다양한 언어(C, C++, Rust 등)로 작성된 코드를 브라우저에서 실행할 수 있도록 해주며, 즉시 실행 가능한 성능을 제공합니다.Rust 환경 설정하기먼저, Rust와 WebAssembly를 개발하기 위해 필요한 환경을 설정해야 합니다.아래 단계에 따라 Rust를 설치하고, WebAssembly 타겟을 추가해 주세요.cur.. 2025. 3. 1. 이전 1 다음 728x90
