React 학습 전 필수 JavaScript 문법

React(리액트) 학습 전 필수 JavaScript(자바스크립트) 문법 1. 변수 선언 var 대신 let과 const를 사용합니다. React에서는 주로 const를 사용합니다. // let: 재할당 가능한 변수 let age = 20; age = 21; // 값 변경 가능 console.log(age); // 21 출력 // const: 재할당 불가능한 상수 const name = '철수'; // name = '영희'; // 오류 발생! const는 … 더 읽기

인공지능-서비스-목록

아래 목록에서 서비스 이름을 클릭하면 사이트로 이동합니다. 앱스토어에서 같은 이름의 앱을 찾으실 때는 유사품에 유의하세요.(제작사와 로고 확인) 챗봇 : ChatGPT, Claude, Gemini, WRTN, Copilot, Grok, Deepseek 글쓰기 : 챗봇 모두 글쓰기 가능 음성 처리 : Clova Dubbing(생성), Clova Note(녹취,요약), Daglo(유튜브까지), Lilys, MiniMax Audio(음성 복제) 이미지 생성 : Midjourney, Dall-E, Flux.1(한글지원), Playground AI, ImageFX, Leonardo AI, … 더 읽기

지식과-사고

학습목표: 인간의 지식을 기계에 프로그래밍하는 방식에 대해 이해한다. 논리,사고,지식 규칙기반 시스템 지식 표현 1. 논리,사고,지식 Info: 💡 논리,사고,지식의 관계에 대해 알아본다. 1.1. 논리, 사고, 지식 사람의 사고과정을 어떻게 로직을 사용해서 표현할 수 있을까에 대해 그동안 사람들은 많은 연구를 했다. 로직을 이용해서 문제를 기술하고, 그 다음 추론의 전제로 기술한 후 논리 규칙을 이용해서 추론을 해서 결론에 … 더 읽기

summery

1.인공지능의 개념 1.1.인공지능의 개념과역사 1.1.1.인공지능의개념 🚩인공지능 (Artificial Int elligence, Al) 사람처럼 생각하고 행동하는 기계 (SW, 컴퓨터, 로봇)를 만드는 연구 (Study of building machines that think and act like humans) 사람처럼 보고 듣고 말하고 행동하는 기계를 만드는 연구 (Study of building machines that see, hear, talk, and act like humans) 사람이 하면 지능을 필요로 하는 일을 … 더 읽기

바이브코딩 완전 가이드

1. 바이브코딩이란? 바이브코딩(Vibe Coding)은 AI에게 자연어로 지시하여 코드를 생성하는 개발 방식이다. 직접 코드를 작성하는 대신, AI 에이전트에게 원하는 기능을 설명하면 AI가 코드를 만들어낸다. 2.1. Replit 사이트 이동 Replit은 브라우저에서 바로 코딩하고 배포할 수 있는 클라우드 개발 환경이다. 2.1.1. 요금제 플랜 비용 (연간/월) 주요 기능 제약 사항 Starter (무료) $0 공개 프로젝트 10개, 기본 AI, 2 … 더 읽기

Gemini CLI

1. Gemini CLI [!WARNING] 2026.06.18일 부터 gemini cli 는 서비스 종료 Antigravity CLI 로 서비스 됩니다 https://antigravity.google/docs/cli-install Note: 구글랩스:구글의 실험적인 기능테스트 GitHub 홈페이지 명령어참고서 Gemini CLI는 터미널에서 직접 Gemini를 사용할 수 있는 오픈 소스 AI 에이전트이다. Apache 2.0 라이선스. 1.1. 특징 무료 요금제: Google 계정 로그인 시 분당 60건, 하루 1,000건 요청 가능 Gemini 3 … 더 읽기

claude-code

1. 클로드 Docs 1.1. 클로드 모델 비교 1.1.1. 주요 모델 모델 특징 속도 용도 Claude 3.5 Sonnet 최신 모델 빠름 코딩, 분석 Claude 3 Opus 가장 강력 느림 복잡한 작업 Claude 3 Sonnet 균형잡힌 보통 일반 작업 Claude 3 Haiku 가벼움 매우 빠름 간단한 작업 1.1.2. 선택 가이드 코딩: Claude 3.5 Sonnet 복잡한 분석: Claude … 더 읽기

디자인생성하기

1. 텍스트를 디자인으로 생성하기 프롬프트를 디자인으로 변환 스티치 테일윈드 v4를 사용하여 '고플릭스'라는 이름의 인터넷 동영상 서비스 웹 화면을 제작한다. 주요 강조 색상은 노란색(yellow-500)을 사용한다. 전체 배경은 어두운 색으로 설정하여 영화에 집중할 수 있게 한다. 상단 영역에는 고플릭스 이름(노란색), 검색창, 사용자 단추를 배치한다. 중앙의 가장 큰 영역에는 주요 추천 영화의 큰 사진과 함께 노란색의 '재생' 단추를 … 더 읽기

figma-mcp-guide

1. Figma MCP 가이드 Figma MCP(Model Context Protocol)를 활용하면 피그마 디자인 파일을 AI가 직접 분석하여 HTML/CSS 코드로 변환할 수 있다. 공식문서 프롬프트안내 1.1. GeminiCli 로 연결하기 1.1.1. Gemini CLI 실행 gemini 1.1.2. 익스텐션 설치 명령 실행 터미널에서 Gemini CLI 세션을 종료한 상태에서 아래 명령을 실행한다. gemini extensions install https://github.com/figma/figma-gemini-cli-extension 코드 설명 gemini extensions install Gemini … 더 읽기

what-is-generative-ai

1. 개요 생성형 AI는 텍스트, 이미지, 음악, 코드 등 새로운 콘텐츠를 만들어내는 인공지능입니다. 대량의 데이터를 학습하여 패턴을 이해하고, 사용자의 요청에 맞춰 창의적인 결과물을 생성합니다. ChatGPT, DALL-E, Midjourney 등이 대표적인 예시입니다. 작문, 그림 그리기, 프로그래밍 등 다양한 분야에서 사람을 도와주는 도구로 활용됩니다.