sojsoj 님의 블로그

1. Hugging Face란?Hugging Face는 AI 모델을 검색하고, 시험하고, 내려받고, 공유하는 플랫폼입니다.흔히 “AI 분야의 GitHub”라고 부릅니다.Models: 텍스트·이미지·음성·영상 AI 모델Datasets: AI 학습용 데이터Spaces: 브라우저에서 실행해 볼 수 있는 AI 데모Papers: 최신 AI 논문Collections: 목적별 모델 모음Hugging Face의 Inference Providers는 무료 계정에 매달 소액의 체험 크레딧을 제공합니다. 현재 공식 문서에는 무료 사용자가 받는 크레딧이 월 $0.10이며 변경될 수 있다고 명시돼 있습니다. 크레딧을 소진하면 추가 크레딧 또는 별도 공급자 결제가 필요합니다.공식 요금 안내 2. 목적별 무료 다운로드 가능 모델아..

YOLO 심화탐지에서 추적·분석·배포까지 기준 모델: yolo11n.pt (작고 빠른 Nano 모델) 0. 시작 전 꼭 알아둘 것YOLO 모델 이름 읽기yolo11n.pt의 n은 Nano를 뜻한다. 일반적으로 n → s → m → l → x 순서로 모델이 커지고 정확도 잠재력은 높아지지만, 속도와 메모리 부담도 커진다.모델특징초보자 권장 상황yolo11n.pt가장 작고 빠름CPU·저사양 PC·웹캠 실습yolo11s.pt속도와 정확도의 절충Nano 결과가 부족할 때yolo11m.pt 이상더 무겁고 느릴 수 있음GPU가 있고 정확도가 더 중요할 때주의 큰 모델이 항상 내 환경에서 더 좋은 것은 아니다. 먼저 yolo11n.pt로 전체 코드가 정상 작동하는지 확인한 뒤 모델만 바꾼다.경로와 들여쓰기: 오늘 가..

오늘의 AI 학습 정리: 데이터 수집부터 라벨링, YOLO 활용까지AI가 이미지 속 사물을 인식하도록 만들기 위해서는 모델만 실행하는 것이 아니라, 데이터를 수집하고 정답을 표시한 뒤 학습과 검증을 거치는 과정이 필요합니다.전체 과정은 다음과 같습니다.데이터 수집 → 데이터 증강 → 라벨링 → 모델 학습 → 검증 → 추론 → 실시간 활용1. AI 학습용 데이터 수집AI 모델의 성능은 데이터의 양과 품질에 큰 영향을 받습니다. 같은 물체라도 방향, 거리, 크기, 밝기, 배경이 달라질 수 있으므로 다양한 환경에서 촬영한 이미지가 필요합니다.1-1. 공개 데이터 사이트 이용직접 모든 이미지를 촬영하기 어렵다면 공개 데이터 사이트를 이용할 수 있습니다.Data — 학습 허브AI HubCOCO DatasetOpe..

Anaconda오늘의 학습 정리 — 아나콘다 설치와 활용참고: Python 학습 사이트1. 아나콘다란?아나콘다는 파이썬과 여러 패키지, 개발 도구를 편리하게 설치하고 관리할 수 있게 해주는 프로그램이다.특히 가상환경을 만들어 프로젝트별로 파이썬 버전과 패키지를 따로 관리할 수 있다.예를 들어:py39: Python 3.9 학습 환경cv_env: OpenCV 실습 환경각 환경은 서로 독립되어 있어 한 환경에 설치한 패키지가 다른 환경에 영향을 주지 않는다.2. 아나콘다 설치아나콘다 공식 다운로드 페이지로 이동한다.Windows용 설치 프로그램을 내려받는다.설치 프로그램을 실행한다.설치 방식은 Just Me를 선택한다.특별한 이유가 없다면 기본 설정으로 설치한다.설치가 끝나면 Windows 검색창에서 Ana..

Vercel 배포 과정 정리Vercel Drop → CLI → GitHub 연동 → Claude 자동화이 글은 hancom-nine.vercel.app/vercel.html 학습 허브 페이지에 정리된 순서를 바탕으로, 실제로 진행된 배포 흐름(① Vercel Drop 업로드 → ② CLI 배포 → ③ GitHub 연동 → ④ Claude 연동)을 다시 정리한 것입니다. 각 단계는 이전 단계에서 만든 같은 프로젝트·같은 URL을 이어받아 진행됩니다.전체 흐름 한눈에 보기네 단계는 순서대로 이어지며, 뒤 단계로 갈수록 더 적은 수동 작업으로 같은 사이트를 갱신하는 방법을 갖추게 됩니다.단계방법핵심 특징① Vercel Drop브라우저 드래그 앤 드롭Git·CLI·설치 없이 즉시 배포. 일회성② CLI 배포ve..

초보자를 위한 Express POST 완전 안내서1. POST란 무엇인가요?웹 프로그램에서는 보통 다음과 같은 왕복이 일어납니다.사용자 입력 ↓프론트엔드가 서버에 POST 요청 ↓서버가 req.body에서 데이터 확인 ↓서버가 처리 결과를 JSON으로 응답 ↓프론트엔드가 응답을 받아 화면에 표시예를 들어 AI 채팅에서는 사용자가 작성한 질문을 서버로 보내야 합니다.질문 작성 → POST 전송 → AI 서버 처리 → 답변 수신회원가입, 로그인, 글쓰기, 주문, 댓글 작성, 파일 등록 등도 대체로 POST 또는 비슷한 쓰기용 HTTP 메서드를 사용합니다.2. GET과 POST의 기본 차이구분GETPOST주요 목적데이터 조회데이터 제출·생성·처리 요청데이터 위치주로 URL 쿼리 문자열주로 요청 ..

1. 리액트 컴포넌트(Component)의 생성과 사용리액트 컴포넌트는 재사용할 수 있는 독립적인 'UI 조각'입니다.한 번 정의해 두면 원하는 곳에서 여러 번 반복해서 사용할 수 있습니다. ① 컴포넌트 만들기 (예시 - Hello.jsx)components 폴더에 Hello.jsx 파일을 생성하고 화면에 렌더링할 함수를 작성합니다.파일 하단에 export default Hello를 작성합니다. (이 컴포넌트를 외부 파일에서 사용할 수 있도록 내보내는 역할)② 메인 화면에서 조립하기 (App.jsx)불러오기: 파일 상단에 import Hello from './components/Hello.jsx'를 작성해 컴포넌트를 가져옵니다.사용하기: 화면에 출력할 위치에 태그 형태로 작성합니다. ..

⚛️ 1. React(리액트)란 무엇일까요?리액트를 한마디로 정의하면 "웹사이트를 레고 블록 조립하듯 뚝딱뚝딱 만드는 도구"입니다.예전에는 웹사이트(집)를 만들 때 벽돌을 처음부터 끝까지 하나하나 쌓아 올렸다면, 리액트는 미리 만들어둔 '블록(컴포넌트)'들을 가져다 끼우기만 하면 됩니다.게다가 블록 안의 글자(데이터)만 쓱 바꾸면, 리액트가 알아서 화면을 고쳐줍니다.[개별 레고 블록들] [완성된 웹사이트 화면] ┌───────────┐ ┌────────────────────┐ │ 🔍 검색창 │ │ 🔍 검색창 │ └───────────┘ ├───────..

JavaScript 문법 문법의미코드에서 사용하는 형태쉽게 기억하기let값이 바뀔 수 있는 변수let myName = nameInput.value;메모장const바뀌지 않는 변수const out = document.querySelector("#out");이름표=오른쪽 값을 왼쪽 변수에 저장let myName = nameInput.value;상자에 넣기document현재 웹페이지document.querySelector("#name")교실 전체querySelector()HTML 요소 찾기document.querySelector("#greet")물건 찾기.value입력창 안의 값nameInput.value사용자가 쓴 내용.textContent글자 바꾸기out.textContent = "안녕!";칠판 글씨 바..

JavaScript 보기 전 알아야 하는 개념JavaScript는 HTML을 새로 만드는 언어가 아니라, 이미 만들어진 HTML을 찾아서 제어하는 언어입니다.예를 들어 HTML에 아래와 같은 코드가 있다고 가정해 봅시다.안녕하세요확인JavaScript는 이 요소들을 직접 만들지 않습니다.대신"HTML에서 title이라는 이름표(id)를 가진 요소를 찾아와."라고 명령합니다.찾아온 요소를 JavaScript 안에서 사용할 수 있도록 변수(또는 상수)에 저장한 후 원하는 기능을 추가하는 것입니다.즉,HTML ↓JavaScript가 HTML 요소를 찾는다. ↓찾은 요소를 변수(상수)에 저장한다. ↓저장된 요소를 이용해서 글자를 바꾸거나,색을 바꾸거나,클릭 이벤트를 추가한다..