본문 바로가기

KNOU74

[HTML5 웹 프로그래밍] 캔버스(canvas) 캔버스란? 자바스크립트 코드를 이용해서 웹브라우저에 그림을 그리는 기능 별도 프로그램 설치 없이 사용 그림을 그리고 합성 , 변환 애니메이션 같은 효과 표현 가능 캔버스 영역 지정 캔버스 영역 웹 페이지 에서 그림이 그려지는 투명한 사각형 영역 캔버스 객체와 캔버스 컨텍스트 객체 생성 캔버스 생성 → 캔버스 객체 생성 → 캔버스 컨텍스트 객체 생성 → 실제 그림을 그림 캔버스 객체 생성 let 변수명 = document.getElementById("canvcas_id_속성값"); let canvas = document.getElementById('maCanvas') 캔버스 컨텍스트 객체 생성 let 변수명 = canvas변수.getContext('2d'); let ctx = canvas.getContex.. 2023. 6. 13.
[HTML5 웹 프로그래밍] 문서 & 브라우저 객체 모델 문서 객체 모델 ( DOM, document object model ) 문서 객체 HTML 문서의 각 요소를 자바스크립트에서 사용할 수 있도록 객체로 만든 것 DOM 브라우저가 HTML 문서에 접근 할 수 있도록 정의해 놓은 표준 모델 HTML 문서를 분석하고 표시하는 방식 문서가 적재되면 브라우저는 정적으로 DOM 생성 계층적인 구조를 갖는 트리로 표현 → DOM 트리 자바스크립트를 이용하면 프로그램 실행 중에 웹 문서의 내용, 구조 및 스타일에 대한 작업 가능 → 결과가 즉각 화면에 반영 브라우저 객체 모델(BOM , browser object model) 브라우저를 객체로 표현 window ┌ document : html 문서를 표현 (최상위) ├ history : 사용자가 방문한 URL을 저장 관.. 2023. 6. 13.
[HTML5 웹프로그래밍] HTML5 웹 요소 텍스트 표현 요소 요소 의미 요소 의미 ~ h6 제목 태그 문단을 나누는 단락을 생성 줄바꿈 태그 수평선을 그려줌 , 콘텐츠 구분의 용도 편집기의 문자를 그대로 출력 인용문 생성 및 들여쓰기 공백 및 특수문자 &엔티티코드; &#10진수; &#x16진수; 특수이름 문자 엔티티코드 10진수 16진수 공백 nbsp 32 20 더하기 + plus 43 2B 빼기 - minus 45 2D 곱하기 * times 42 2A 나누기 / divide 47 2F 등호 = equals 61 3D 물리적 스타일 관련 요소 단순히 웹 브라우저에 표시되는 출력 모양만을 지정하는 요소 요소 의미 글씨체 굵게 bold 처리 글씨 이탤릭체 글씨 가운데 취소 선 글씨 언더라인 글씨 위로 정렬 아래로 정렬 글씨 작게 표시 논리적 스타일 .. 2023. 6. 13.
[데이터 정보처리 입문] 한글, 엑셀, R 한글 한자입력 : [F9] 복사나 이동을 위한 블록 설정 : 줄 [F3] , 열 [F4] 문자입력(특수문자) : [Ctrl + F10] 다단편집 가능 엑셀 히스토그램 : 데이터 - 분석 - 데이터분석 - 히스토그램 기술통계법 : 데이터 - 분석 - 데이터분석 - 기술통계법 함수 연산자 의미 종류 산술연산자 +, - , * , / , ^ 비교연산자 = , > , < , ≥ , ≤ , 문자연산자 & 참조연산자 범위 (A1:A10) , 합집합(A1:A10, B1:B10) , 교집합(A1:A10 A5:A10) 함수의 사용 등호(=) 로 시작하고 함수 이름으로 구성 참조 표 의미 사용법 상대참조 A1 절대참조 $A$1 혼합참조 $A1 함수종류 함수 사용법 설명 SUM =SUM(범위) 합계 COUNT =COUNT(.. 2023. 6. 1.
[데이터 정보처리 입문] 통계 정보의 검색 및 활용 중심 위치 측도 데이터 집합의 중심 경향을 나타내는 통계적 측정 값 평균(mean) 모든 자료 값의 합계를 자료개수로 나눈다. 특이 값의 영향을 많이 받는다 절사평균(trimmed mean) 10% 절사평균은 표본에서 가장 작은 값 10%와 가장 큰 값 10% 를 빼고 계산된 평균을 말함. 중앙 값(median, 중위수) 자료 값을 크기 순으로 배열한 후 중앙에 위치하는 값 자료의 수가 n 이면 n+1 분의 2 번째 값 예시) 1,2,3,4,5,6,7,8,9 → median : 5 최빈값(mode) 자료중 가장 빈도가 많은 값 예시 ) 유니폼의 표준 치수 이산형 자료일 경우 도수분포표만 봐도 알 수 있다. 연속형 자료일 경우 자료를 몇개의 계급 구간으로 나누어 가장 도수가 높은 계급의 중간값을 최빈값으로.. 2023. 6. 1.
[데이터 정보처리 입문] 데이터의 입력과 점검 데이터(data) 어떤 관심 있는 주제에 대해서 수집된 구조화된 정보 일반적인 의미의 데이터는 수치, 문자, 그림 등의 표현양식과 관계없이 어떤 주제에 대한 구조화 된 정보를 뜻함 데이터의 특징 어떤 관심 있는 주제에 대하여 얻어진 것 분석에 알맞은 일정한 규칙과 형태로 수집되고 정리 된다 분석과정을 통해 유용한 정보로 변환 조사나 실험을 통해 수집되어 알맞은 형태로 변환 통계적 데이터(statistical data) 수치적 계산과 통계적 분석에 알맞은 데이터 데이터 분석의 목적 자연 및 사회 현상에 대한 정확한 현상(집단의 특징) 파악 왜 그런 현상이 나타나게 되었는지(인과관계) 규명 경제, 사회현상 속에 숨어있는 법칙성 발견 → 미래 상황 예측으로 합리적인 의사결정 도움 데이터 수집 방법 통계 조사,.. 2023. 6. 1.
[python] 파일 파일의 역할 컴퓨터에 의해 처리 될 또는 처리된 데이터와 정보가 임시적으로 저장된 상태 → 일련의 연속된 바이트 → 프로그램(파이썬 소스코드)에 읽혀 가공 처 파일의 구성 연속된 바이트 와 파일의 시작 , 파일 포인터, 파일의 끝(EoF)으로 표현 (파일의 시작)[ 바이트0 ][ 바이트1 ][ 바이트2 ][ 바이트3 ]…[ 바이트n-1 ][ 바이트n ] (파일의 끝EoF) ↑작업위치(포인터) 파일의 종류 데이터가 저장되는 방식에 따라 구분 → 텍스트 파일 서로다른 문자로 인식하며, 별도의 인코딩 시스템을 사용해서 문자열 출력 → 바이너리 파일 적은 데이터 용량으로 값들을 저장 한다. 대다수의 컨텐츠들은 바이너리 파일로 저장 되어 있다. 파일 함수 파일의 시작, 파일포인터, 파일의 끝을 활용하여 데이터 읽.. 2023. 5. 16.
[python] 모듈 모듈이란? 함수, 상수 또는 클래스를 모아 놓은 집합체 → 클래스 : 다른 모듈의 확장 → 함수 : 특정 작업을 처리 → 상수(변수) : 불변의 값 패키지 하위 패키지 및 모듈의 집합 라이브러리 패키지 및 모듈의 집합 모듈의 등록 import 모듈이름 [as 별칭] 파이썬 모듈을 프로그램 내부에서 사용할 수 있게 네임스페이스 에 추가하는 명령어 모듈이름 / 별칭.변수 모듈이름 / 별칭.함수() 모듈이름 / 별칭.클래스 from 모듈이름 import 메소드1,[메소드2/함수/클래스...] from 모듈이름 import * 모듈이름 없이 변수, 함수, 클래스를 사용 변수 함수() 클래스 모듈의 등록 확인 dri 함수 네임스페이스에 등록되어 있는 모든 이름들을 리스트로 반환 dir() dir(math) hel.. 2023. 5. 16.
[python] 객체지향 유사성 [추가적 기능] [추가적 기능] [공통적 기능] - [공통적 기능] - [공통적 기능] A B 객체지향의 개념 → 객체와 객체 사이의 상호작용으로 프로그램을 구성하는 프로그래밍 패러다임 → 프로그램을 유연하고 변경을 쉽게 만들어 대규모 소프트웨어 개발에 사용 객체지향 패러다임의 특징 → 추상화 : 공통의 속성이나 기능을 도출 → 캡슐화 : 데이터 구조와 데이터의 연산을 결합 → 상속 : 상위 개념의 특징이 하위 개념에 전달 → 다형성 : 유사 객체의 사용성을 그대로 유지 객체와 클래스 객체는 추상화와 캡슐화의 결과 실세계의 사물에 대한 상태(데이터)와 연산(메소드)을 표현한 단위 → 멤버(데이터필드, 메소드)는 클래스에 의해 결정 데이터필드 = 변수 연산(메소드) = 함수 클래스 정의 class .. 2023. 5. 16.
728x90

티스토리툴바