Language

분류 전체보기 145

C언어 26-02

수업자료비주얼 스튜디오 다운로드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언어의 기본프로그래밍 언어컴퓨터 시스템에서 구동하는 소프트웨어를만들기 위해 사용하는 형식 언어프로그래밍 언어 : 컴퓨터와 사람의 의사소통 수단프로그래머의 명령을 처리하기..

Web 2 26-2

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-direction ○ 주축..

Web 4 26-2

■ 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..

Python 26-01(방특)

수업자료 - 엑셀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 26-1

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

C언어 26-1 (방특)

수업자료비주얼 스튜디오 다운로드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언어의 기본프로그래밍 언어컴퓨터 시스템에서 구동하는 소프트웨어를만들기 위해 사용하는 형식 언어프로그래밍 언어 : 컴퓨터와 사람의 의사소통 수단프로그래머의 명령을 처리하기 ..

클로드 AI 바이브

■ 기본 이전 다운로드 : https://naver.me/5u9fTi37 바이브 수업자료 페이지 : http://211.189.207.75:3020/setup ○ 필요 준비물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 설치 : 페이지w..

Web 2 25-12

■ 이전 내용■ 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 ○ 주축의 방향성을 결정하는 ..

UIUX 디자인 24-11

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

C언어 25-10

수업자료비주얼 스튜디오 다운로드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) ■ 10월 25일 - 1일차C언어의 기본프로그래밍 언어컴퓨터 시스템에서 구동하는 소프트웨어를만들기 위해 사용하는 형식 언어프로그래밍 언어 : 컴퓨터와 사람의 의사소통 수단프로그래머의 명령을 처리하기..

웹디자인 2 25-10

■ 10월 25일 - 1일차■ 웹디자인 시각적 요소● 웹디자인 이란? ◎ 웹디자인 웹디자인은 웹사이트의 구조와 시각적 언어를 만들어 사용자 경험을 최적화하는 창의적인 작업이 과정에서 디자이너는 시각적 요소뿐만 아니라 정보의 구조와 인터랙션 디자인까지고려하여 사용자가 웹사이트를 효율적으로 탐색하고 원하는 정보를 쉽게 찾을 수 있도록 설계하는 과정 ◎ 웹디자인 핵심요소 - 레이아웃(Layout): 페이지의 구조를 결정하며, 사용자의 눈길을 가장 중요한 정보에 끌어들이도록 도와줌.적절한 레이아웃은 정보의 흐름을 자연스럽게 만들고,사용자가 원하는 내용을 빠르게 찾을 수 있게 한다. - 컬러(Color): 색상은 브랜드 이미지를 전달하고, 감정을 자극하는 중요한 수단색상의 선택은 웹사이트의 톤과 분위기를 설정..

피그마 기초 강의자료

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

웹디자인 1 25-09

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

Web 4 25-09

https://naver.me/xl0eJ1vm ■ 9월 11일 - 1일차■ 자바스크립트(Javascript)란?○ 정의JavaScript는 웹 페이지에서 복잡한 기능을 구현할 수 있는 스크립팅 또는 프로그래밍 언어임웹 페이지가 단순히 정적인 정보를 표시하는 것 이상으로시의적절한 콘텐츠 업데이트, 대화형 지도, 애니메이션 2D/3D 그래픽, 스크롤링 비디오 주크박스 등을표시할 때마다 JavaScript가 관련되어 있음. ○ HTML, CSS, Javascript 차이- HTML : 문단, 제목, 데이터 표를 정의 페이지에 이미지, 영상을 삽입하는 등 콘텐츠를 정의 - CSS : 배경색 및 콘텐츠에 스타일을 적용하는 데 사용하는 언어 - Javascript : 동적으로 변경되는 콘텐츠를 만들고 멀티미디..