kimyws

○ 수업 내용 정리 (사이트)○ 영상 1일차 (사이트) ○ 비주얼 스튜디오코드 정책 변경Set-ExecutionPolicy RemoteSigned ○ 클로드 설치npm install -g @anthropic-ai/claude-codewinget install Anthropic.ClaudeCode ○ 클로드 실행 - 중간 확인 제거claude --dangerously-skip-permissions ■ 설치 및 실행 ○ 노드 JS 설치 (사이트)○ 비주얼 스튜디오 코드 설치 (사이트)○ GIT 설치 (사이트) ○ 파워셀 설치 (윈도우)- 깃winget install Git.Gitgit --version - 노드winget install OpenJS.NodeJSnode -..

○ 수업 내용 정리 (사이트) ■ 주요 실행○ 비주얼 스튜디오코드 정책 변경Set-ExecutionPolicy RemoteSigned ○ 클로드 실행 - 중간 확인 제거claude --dangerously-skip-permissions ○ 안티그래비티 - 설치irm https://antigravity.google/cli/install.ps1 | iex - 버전확인agy --version - 실행agy ■ MCP 3일차○ 클로드 공식 MCP 사용 정보 (사이트) ○ MCP모음- MCP listclaude mcp list - MCP 삭제claude mcp remove trivago - 트라비고 (Trivago)claude mcp add --transport http trivago..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

○ 영상 1~2일차 (사이트)○ 수업 내용 정리 (사이트) ■ 자주 사용 하는 코드 ○ 깃허브 플러그인 추가https://github.com/anthropics/claude-plugins-official ○ 비주얼 스튜디오코드 정책 변경Set-ExecutionPolicy RemoteSigned ○ 클로드 실행 - 중간 확인 제거claude --dangerously-skip-permissions ○ Playwright 설치claude mcp add playwright npx @playwright/mcp@latest ■ 심화 5일차 ○ Notion MCPclaude mcp add --transport http notion https://mcp.notion.com/mcp ○ Noti..

○ 노드 JS 설치 (사이트)○ 비주얼 스튜디오 코드 설치 (사이트)○ GIT 설치 (사이트) ○ 비주얼 스튜디오코드 정책 변경Set-ExecutionPolicy RemoteSigned ○ 클로드 설치npm install -g @anthropic-ai/claude-code ○ 클로드 실행 - 중간 확인 제거claude --dangerously-skip-permissions ○ 비트 설치npm create vite@latest ○ 비트 화면확인npm run dev ○ 비트 프로젝트 생성npm run build ○ Playwright 설치claude mcp add playwright npx @playwright/mcp@latest - 설치irm https://antigravity...

■ 4월 14일 - 1일차 ■ 헤더 우측에서 좌측으로 이미지 슬라이드○ 이미지 움직이기 연습 ○ 헤더 움직이기 Powering Millions ..

■ 3월 17일 - 1일차 - JS파일 만들어서 JQuery 적용 해도 됨내용 전체 복사 - JQuery 사용body에서 아래쪽에 사용 클래스 및 아이디로 된 태그들이 생성전에 실행됨.body밖에 사용해도 문제는 없음(아래쪽이면) ■ JQuery 사용○ 기본 불러오기- document(문서가) ready(준비된후) / 간략하게 앞에를 삭제해도 됨- function(){} 작성이 안되면 하나의 동작 밖에 사용 못함.- $는 JQuery를 사용하고 있다는 것을 의미함$(document).ready(function(){ console.log("일반적 사용");});$(function(){ console.log("간략화"); consol..

수업자료비주얼 스튜디오 다운로드C라이브러리 기본세팅세팅오른쪽 마우스에서 속성 Alt + Enter속성 페이지 -> C/C++ -> 일반 -> SDL검사 -> 아니요(/sdl-)속성 페이지 -> C/C++ -> 전처리기 전처리 -> 정의에 추가_DEBUG;_CONSOLE;%(PreprocessorDefinitions); _CRT_SECURE_NO_WARNINGS끝에 ;(세미콜론) 꼭넣어주기또는#define _CRT_SECURE_NO_WARNINGS#pragma warning(disable:4996) ■ 2월 21일 - 1일차C언어의 기본프로그래밍 언어컴퓨터 시스템에서 구동하는 소프트웨어를만들기 위해 사용하는 형식 언어프로그래밍 언어 : 컴퓨터와 사람의 의사소통 수단프로그래머의 명령을 처리하기..

보호되어 있는 글입니다.

수업자료 HTML CSS ■ 이전 내용■ flex box란? ○ flex box란?- 행 또는 열을 주축으로 설정하여 웹 요소를 배치 정렬 하는 1차원 레이아웃 방식- flex 방식에서, 요소의 배치와 정렬은 flex container와 flex item 간의 상호작용- flex 방식을 사용하기 위해서는 display: flex 사용 ○ flex container- flex box 방식으로 레이아웃을 결정할 요소 ○ flex item- flex container 내부에서 flex box 방식으로 배치되는 요소- flex item은 기본적으로 container의 높이에 맞춰 나온다. ○ flex 축방식- 주축이 가로방향의 행으로 좌우라면 교차축은 세로방향의 열로 위아래 ■ flex-directi..

■ 2월 10일 - 1일차 ■ 스크롤 이동 이벤트스크롤이 어느정도 움직이면 버튼이 나오고버튼을 클릭하면 스크롤의 최상위로 이동 ○ 기본베이스 설정하기 TOP ○ 스크롤객체.offsetHeight // 요소의 실제 가시적 높이객체.scrollHeight // 콘텐츠의 전체 높이.scrollTop // 스크롤되어 올라간 위치를 측정 - 스크롤을 할때 이벤트 발생 let btt = document.getElementById("button-top");let dcemt = document.documentElement; //문서 자체를 가져온다.let dh = dcemt.scrollHeight; //문서 높이window.addEventListener("scroll",fun..

수업자료 - 엑셀PythonVisual Srudio Code Python 설치Python 다운로드Add Python 3.xx to PATH 체크Install Now 선택Visual Studio Code 다운로드확장(Expansion) 클릭kor 검색 후 설치Python 검색 후 설치VS Code 자동저장설정파일 -> 기본설정 -> 설정 -> files:Auto Save -> afterDelay단축키alt + shift + 방향키 : 한줄복사 후 방향키에 따라 붙여넣기alt + 방향키 : 해당줄 이동ctrl + d : 같은 글자 찾아주기ctrl + s : 저장하기 ■ 1월 28일 - 1일차print() : 기본 출력(기초)숫자는 그자체로 입력문자열은 ' ' 또는 " " 사이에 입력ptint('hello..

보호되어 있는 글입니다.

■ 1월 17일 - 1일차 ■ 피그마 설치○ 피그마 사이트 ○ 피그마 로그인(구글과 연계) ○ 피그마 다운로드 ■ 피그마 실행 / 주요 툴 ○ 새 파일 만들기- 단축키 Ctrl + N- 위 메뉴에서 Design file 누르기 ○ 이름변경- 위의 이름을 클릭하면 이름을 변경할 수 있다. ○ 확대 축소- Ctrl + 마우스 휠- +, - 키- Ctrl + 0 : 100% 크기- 크기 수치조정 ○ 이동과 크기- Move : 단축키 V : 이동을할 수 있는 툴- Scale : 단축키 K : 오브젝트의 크기를 변경하는 툴 ○ Frame, Section, Slice- Section : 아트보드를 전체 관리하는 부분 단축키 Shift + S- Frame : 아트보드 영역, 하나의 화면을 의미 ..

수업자료비주얼 스튜디오 다운로드C라이브러리 기본세팅세팅오른쪽 마우스에서 속성 Alt + Enter속성 페이지 -> C/C++ -> 일반 -> SDL검사 -> 아니요(/sdl-)속성 페이지 -> C/C++ -> 전처리기 전처리 -> 정의에 추가_DEBUG;_CONSOLE;%(PreprocessorDefinitions); _CRT_SECURE_NO_WARNINGS끝에 ;(세미콜론) 꼭넣어주기또는#define _CRT_SECURE_NO_WARNINGS#pragma warning(disable:4996) ■ 1월 14일 - 1일차C언어의 기본프로그래밍 언어컴퓨터 시스템에서 구동하는 소프트웨어를만들기 위해 사용하는 형식 언어프로그래밍 언어 : 컴퓨터와 사람의 의사소통 수단프로그래머의 명령을 처리하기 ..

■ 1월 12일 - 1일차 when an unknown hen an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five cent..

보호되어 있는 글입니다.

■ 기본 이전 다운로드 : https://naver.me/5u9fTi37 바이브 수업자료 페이지 : https://hw5511.github.io/vibe-web ○ 필요 준비물claude 회원 가입 pro 이상Claude Pro - 월 $20 (연간 결제 시 $17/월)무료 대비 5배 더 많은 사용량 5시간마다 최소 45개 메시지 최신 모델 우선 접근 빠른 응답 속도 Claude MaxExpanded Usage (5배) - 월 $100 Pro 대비 5배 사용량 5시간당 최소 225개 메시지Maximum Flexibility (20배) - 월 $200 Pro 대비 20배 사용량 5시간당 최소 900개 메시지 최신 기능 우선 접근 Visual Studio code 설치 : 페이지 Git 설치 : 페이지..

■ 이전 내용■ flex box란? ○ flex box란?- 행 또는 열을 주축으로 설정하여 웹 요소를 배치 정렬 하는 1차원 레이아웃 방식- flex 방식에서, 요소의 배치와 정렬은 flex container와 flex item 간의 상호작용- flex 방식을 사용하기 위해서는 display: flex 사용 ○ flex container- flex box 방식으로 레이아웃을 결정할 요소 ○ flex item- flex container 내부에서 flex box 방식으로 배치되는 요소- flex item은 기본적으로 container의 높이에 맞춰 나온다. ○ flex 축방식- 주축이 가로방향의 행으로 좌우라면 교차축은 세로방향의 열로 위아래 ■ flex-direction ○ 주축의 방향성을 결정하는 ..