1. GraphQL이란? GraphQL과 REST API는 클라이언트와 서버 간에 데이터를 주고받는 방법을 제공하는 API입니다. 2. GraphQL과 REST API 비교 분석 2.1. GraphQL 장점: 단일 엔드포인트: 클라이언트는 필요한 데이터를 요청할 수 있는 한 개의 문만 있으면 됩니다. (쉬운 설명: 데이터를 받으러 여러 곳에 가야 하는 대신, 한 곳에만 가면 돼요!) 유연성: 내가 필요한 데이터만 선택해서 받을 수 … 더 읽기
Node.js(노드제이에스) 환경에서 개발을 진행할 때 프로젝트가 사용하는 외부 모듈을 최신 상태로 유지하는 것은 중요하다. 종속성(Dependency, 디펜던시) 모듈이란 프로젝트의 기능을 구현하기 위해 외부에서 가져와 사용하는 라이브러리(Library)를 의미하며, 완성품을 제작할 때 결합하는 부품과 같이 동작한다. 패키지(Package)를 최신 버전으로 업데이트하면 보안 취약점을 해결하고 새로운 기능을 활용할 수 있다. 이 글에서는 프로젝트에 포함된 모든 모듈을 일괄 업데이트하는 방법과 특정 … 더 읽기
아래의 방법 중 선택하여 수행 1. 모듈 설치시 버전 마이그레이션 여부 선택 npm install –force npm install –save –legacy-peer-deps 충돌이 일어난 peerDependencies를 강제로 설치하도록 설정하는 것(충돌 우회) npm 4~6버전 처럼 peerDependencies를 자동으로 설치하지 않도록 설정하는 것(충돌 무시) 2. 모든 의존성 업데이트하기 2.1. npm-check-updates 패키지 모듈 사용 npm-check-updates 패키지 설치 npm install -g npm-check-updates package.json 최신 … 더 읽기
개발시 node가 버전을 다르게 설치해야 하는 경우가 있다. 하나의 PC에 서로 다른 node 버전을 설치해서 사용해보자. 1.Window 1.1.NVM (https://github.com/nvm-sh/nvm) Node Version Manager 설치 https://github.com/coreybutler/nvm-windows/releases 설치확인 cmd, powershell에서 nvm 으로 확인 버전설치 기본형 nvm install *node 설치버전* 버전설치 예문 nvm install 16.16.0 // 16.16.0 버전의 설치 nvm install latest // latest current version 설치 nvm install lts … 더 읽기
1. 파이썬 가상환경 설정 프로젝트 폴더를 만들고 해당 폴더로 이동한다. mkdir crawling_project cd crawling_project 현재 폴더에 .venv 이름으로 가상환경을 생성한다. python -m venv .venv 가상환경을 활성화한다. Windows (cmd/PowerShell): .venv\Scripts\activate Mac/Linux (bash): source .venv/bin/activate 가상환경이 활성화되면 터미널의 프롬프트 앞에 (.venv)가 표시된다. 이후 설치하는 모든 패키지는 이 가상환경 안에만 설치된다. 2. 필요한 패키지 설치 다음 명령어를 실행하여 … 더 읽기
1. 허깅페이스(Hugging Face) 무료 Inference API로 OTT 앱 만들기 넷플릭스(Netflix), 왓챠(Watcha) 같은 OTT 서비스에는 AI가 곳곳에 숨어 있다. 리뷰 감성 분석, 자막 번역, 욕설 필터, 콘텐츠 추천까지 — 이 모든 기능을 허깅페이스(Hugging Face) 무료 Inference API(인퍼런스 에이피아이)와 FastAPI(패스트에이피아이)로 직접 구현한다. 2026.03.28 기준 실제 테스트 완료. 베이스 URL(유알엘): https://router.huggingface.co/hf-inference/models 1.1. 전체 기능 한눈에 보기 hf-inference (텍스트·이미지·오디오) … 더 읽기
1. 전체 구조 이해하기 이 교안은 아래의 기술을 사용하여 AI 챗봇을 만드는 방법을 단계별로 설명한다. 역할 기술 설명 프론트엔드(front-end) React(리액트) + Vanilla CSS 사용자 화면 백엔드(back-end) Python(파이썬) + FastAPI(패스트에이피아이) 서버 로직 AI 모델 HuggingFace(허깅페이스) 무료 AI API 배포 Render(렌더) 무료 호스팅 란? AI 모델을 누구나 무료로 사용할 수 있도록 제공하는 플랫폼이다. 회원가입만 하면 API(에이피아이) 키를 … 더 읽기
1. 파이썬 가상환경 활성화 .venv\Scripts\activate pip install python-dotenv 2. 발신(send) 이메일 SMTP 설정하기 네이버 [환경설정] 클릭 → [POP3/IMAP 설정] 클릭 → [IMAP/SMTP설정] 클릭 → [사용함] 선택 → [확인] 클릭 네이버계정에 로그인한다. 발신용 이메일 계정에 SMTP를 '사용'으로 설정->저장 구글 2.1. 이메일 전송 흐름 이해 2.1.1. 이메일 전송 흐름 – 통신 규약(프로토콜)의 정의 컴퓨터끼리 정보를 주고받기 위해 … 더 읽기
1. 주식 분석 보고서 자동화 프로젝트 1.1. 프로젝트 개요 주식 정보를 자동으로 수집하여 분석 보고서를 만들고 이메일로 전송 [최종 결과물] 주식 일별 시세 데이터 수집 차트 및 테이블 이미지 생성 PowerPoint 보고서 자동 작성 이메일 자동 전송 1.2. 필요한 라이브러리 설치 라이브러리 — 다른 사람이 만들어 놓은 도구 모음이다. 파이썬에 기본 포함되지 않아 따로 설치한다. … 더 읽기
1. 실행순서 1.1. 백엔드 실행 (Flask) 가상환경 활성화 .venv\Scripts\Activate backend 폴더로 이동 cd backend 서버 실행 python app.py → 주소: http://127.0.0.1:5000 (또는 http://localhost:5000) 1.2. 프론트엔드 실행 (Vite + React) 프론트 프로젝트 루트(yt-app)로 이동 cd yt-app 개발 서버 실행 npm run dev → 주소: http://localhost:5173 (Vite 기본 포트, 수정했으면 다른 포트) 1.3. 연동 확인 프론트에서 API … 더 읽기
