유니네 Library

이전 포스트에서 AWS Rekognition 사용하기 위한 로컬 환경설정을 알아봤다.이번 글에서는 업로드된 이미지를 바탕으로 Amazon Rekognition API를 호출하여 해당 이미지가 부적절한 콘텐츠를 포함하고 있는지 확인하는 파이썬 백엔드 코드를 함께 살펴보자. ✅ 개발 환경이 예제는 다음과 같은 로컬 환경에서 테스트되었다.운영체제: macOS (맥북)프런트엔드: Vue 3백엔드: Python 3(Django Framework)사용 서비스: AWS Rekognition(Moderation Labels)🧑‍💻 AWS Rekognition 연동을 위한 백엔드 코드 1. URL 설정 (urls.py)먼저 Rekognition API 호출을 위한 엔드포인트를 등록해 준다.# smith/urls.py..

이미지 업로드 시 해당 이미지가 부적절한 콘텐츠인지 자동으로 판별하는 기능은 다양한 서비스에서 제공하고 있다.여기서는 AWS Rekognition을 이용해 로컬 환경에서 이를 구현하기 위한 환경 설정 방법을 소개한다. 1. 이미지 콘텐츠 판별 API 소개부적절한 이미지를 자동으로 탐지해 주는 대표적인 이미지 분석 API는 다음과 같다: ✅ Google Cloud Vision APISafeSearch Detection 기능 제공성인용 이미지, 폭력적 콘텐츠 여부 분석adult, violence, racy 등 카테고리로 위험 수준 평가✅ Amazon RekognitionModeration Labels 기능 제공노출, 성인 콘텐츠 여부를 판단하는 이미지 분석 기능✅ Microsoft Azure Content ..

1. Vue 3에서 Vue Router란? Vue Router는 Vue.js 애플리케이션에서 페이지 간 이동(라우팅)을 관리하는 라이브러리이다.Vue 3에서는 Vue Router 4.x 버전을 사용하며, 기존 Vue 2와는 일부 차이점이 있다. 이 글에서는 Vue 3에서 Vue Router를 설정하는 방법을 단계별로 설명하고,기본적인 라우팅 설정부터 동적 라우트, Lazy Loading, 404 페이지 처리까지 알아본다. 2. Vue 3에서 Vue Router 설정하기 Vue 3에서 라우터 설정을 담당하는 index.js 파일을 생성해야 한다. 📌 기본적인 Vue Router 설정 (src/router/index.js)import { createRouter, createWebHistory } from ..

Vue.js 프로젝트에서 Module not found: Error: Can't resolve 'axios' 오류가 발생했다면,이는 axios 모듈을 찾을 수 없다는 의미이다. 이 오류가 발생하는 주요 원인과 해결 방법을 단계별로 알아본다. 📌 1. 오류 원인 분석 이 오류는 보통 다음 3가지 이유로 발생한다. 1️⃣ axios가 설치되지 않은 경우Vue 프로젝트에 axios 패키지가 설치되지 않았거나, package.json 파일에 포함되지 않은 경우. 2️⃣ 잘못된 설치 경로 문제 • axios가 프로젝트의 올바른 디렉터리에 설치되지 않았을 수 있다. • 프로젝트에서 패키지를 관리하는 node_modules 디렉터리의 구조가 깨졌을 수 있다. 3️⃣ 패키지 매니저(npm, yarn) 문제 • npm..

Vuetify의 v-text-field(입력 필드)와 v-btn(버튼)은 기본적으로 너비가 길게 설정되어 있다.이를 적절하게 조정하려면 Vuetify의 그리드 시스템, 유틸리티 클래스, 속성 활용이 필요하다. ✅ 이 글에서 다룰 내용1️⃣ 그리드 시스템 활용 (v-row, v-col)2️⃣ 유틸리티 클래스 (ma-2, max-width) 사용3️⃣ 속성 (block, width)으로 크기 조정 🟢 1. Vuetify 그리드 시스템을 사용한 크기 조정 Vuetify는 Flexbox 기반의 그리드 시스템을 제공하므로, v-row와 v-col을 사용하면 반응형 크기 조정이 가능하다. ✔ 기본 코드 예제  ✅ 설명: • cols="12" → 모바일에서 전체 너비 사용 • sm="..

Vue 3에서는 반응형 변수를 선언할 때 ref()를 사용한다.ref()는 Vue의 반응형(Reactivity) 시스템을 활용하여 데이터 변경을 감지할 수 있도록 도와준다. ✅ ref()를 사용한 변수 선언 및 데이터 할당 1️⃣ ref()로 변수 선언하기import { ref } from 'vue';// 빈 문자열을 초기값으로 설정const dataVal = ref('');✅ ref('') → Vue의 반응형 변수 선언 2️⃣ ref() 변수에 값 할당하기// 외부에서 주어진 데이터const dataLst = '1234567';// ref() 변수에 데이터 할당dataVal.value = dataLst;✅ .value를 통해 값 변경 → ref()로 선언한 변수는 .value를 통해 값을 변경해야 반응..

파이썬에서 JSON 데이터를 다룰 때, 특정 키 값을 기준으로 정렬해야 하는 경우가 많다.이 글에서는 sorted() 함수의 key 매개변수를 활용하여 JSON 데이터를 정렬하는 방법을 설명한다. ✅ JSON 데이터를 특정 키 값으로 정렬하기 1️⃣ 정렬할 JSON 데이터 예시 우리는 다음과 같은 JSON 데이터를 다룬다고 가정한다.#많이 보이는 json datajson_data = [ { 'blogSite' : 'tistory', 'blogUrl' : 'http://yuneenelife.tistory.com', 'blogCategory' : 'IT' }, { 'blogSite' : 'naver', 'blogUrl' : 'http://blog.naver.com/..

Dart에서는 람다 함수(Lambda Function)를 사용하여 더 간결한 코드를 작성할 수 있다.이번 글에서는 람다 함수의 개념과 사용법을 살펴보고,백준 1181번 문제(단어 정렬) 를 해결하면서 실전에서 활용하는 방법을 알아본다. 1. Dart에서 람다 함수(Lambda)란? 람다 함수는 익명 함수(Anonymous Function)의 간단한 표현 방식이다. 📌 람다 함수의 문법(매개변수) ⇒ 단 하나의 실행 코드; 중괄호 {} 없이 ⇒(화살표) 기호를 사용하여 표현할 수 있다.매개변수는 있을 수도 있고 없을 수도 있다.한 줄 코드만 사용할 수 있다.📌 익명 함수와 람다 함수 비교void main() { final numbers = [10, 2, 5, 0.5]; // 람다 함수 사용 f..

Dart에서 for문과 while문은 코드를 반복 실행할 때 사용된다.이번 글에서는 기본적인 for문, while문, do-while문을 배우고,이를 활용해 백준 문제(2446번, 2522번)를 Dart로 해결해본다. 🚀 1. Dart의 for문 사용법 📌 기본 for문 for 문은 반복 횟수가 정해져 있을 때 사용한다.void main() { String message = 'Dart is fun'; String chgUpper = ""; // 문자열 길이만큼 반복하며 대문자로 변환 for (var i = 0; i  📌 for-in 반복문 for-in 문은 리스트(List) 또는 집합(Set) 같은 Iterable 객체를 반복할 때 사용한다.void main() { List candidat..

이번 글에서는 삽입 정렬(Insertion Sort) 알고리즘을 학습하고,이를 활용하여 백준 24052번 문제를 Python으로 해결해본다. 🚀 1. 삽입 정렬 (Insertion Sort) 란? 삽입 정렬은 배열을 앞에서부터 차례대로 정렬된 부분과 비교하며 자신의 위치를 찾아 삽입하는 정렬 알고리즘이다. 🔹 정렬 과정:배열의 두 번째 요소부터 시작하여 왼쪽의 정렬된 부분과 비교적절한 위치를 찾아 삽입모든 요소가 정렬될 때까지 반복 🔹 시간 복잡도:최선 (O(n)): 이미 정렬된 배열일 경우최악 (O(n²)): 역순 정렬된 배열일 경우2. 백준 24052번 문제 설명 🔗 문제 링크: 백준 24052번 - 알고리즘 수업: 삽입 정렬 2📌 문제 요구사항N: 배열 A의 크기 (5 ≤ N ≤ 10,00..