본 포스팅은 학교 수업을 듣고 정리한 내용입니다. 객체의 기본 개념 객체 개념 현실 세계는 객체들의 집합 사람, 책상, 자동차, TV등 객체는 자신만의 고유한 구성 속성 자동차 : 제조사, 자동차 번호 사람 : 이름, 주민번호 자바스크립트 객체 구성 여러 개의 프로퍼티(Property)와 메소드로 구성 프로퍼티 : 객체의 고유한 속성(변수) 메소드(method) : 함수 브라우저가 제공하는 기본 객체(코어 개체)들의 종류 자바스크립트는 객체 기반 언어, 객체 지향 언어가 아님 자바 스크립트 객체의 유형 코어 객체 자바스크립트 언어가 실행되는 어디서나 사용 가능한 기본 객체 기본 객체로 표준 객체 Array, Date, String, Math 타입 등 웹 페이지 자바스크립트 코드에서 혹은 서버에서 사용 가..
본 포스팅은 학교 수업을 듣고 정리한 내용입니다. 자바 스크립트 식과 연산자 산술 연산자 5가지 : 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%) let x = 32; let total = 100 + x*2/4 - 3; // total은 113 연산의 결과는 항상 실수이다. let div = 32/10; // div = 3.2 산술 연산 실습 코드 산술 연산 증감 연산자 연산자 내용 연산자 내용 a++ a를 1증가하고 증가 전의 값 반환 ++a a를 1증가하고 증가된 값 반환 a-- a를 1감소하고 감소 전의 값 반환 --a a를 1감소하고 감소된 값 반환 대입 연산자 오른쪽 식의 결과를 왼쪽 변수에 대입 연산자 내용 연산자 내용 a = b b값을 a에 대입 a &= b a = a ..
본 포스팅은 학교 수업을 듣고 정리한 내용입니다. 하이퍼링크와 항해 하이퍼링크 만들기 태그의 href 속성을 이용하여 하이퍼링크 작성 하이퍼링크(hyperlink) 란? 다른 HTML 페이지의 연결 고리 같은 웹 사이트의 다른 HTML 페이지 다른 웹 사이트의 HTML 페이지 모두 연결 가능 하이퍼링크는 텍스트나 이미지로 작성 항해 하이퍼링크를 따라 다른 웹 페이지를 방문하는 것 하이퍼 링크 만들기 링크 만들기 포털 사이트 네이버 다음 링크의 target 속성 활용 링크의 target 속성 활용 W3C(새 윈도우, _blank) 전자신문(현재 윈도우, _self) 네이버(부모 윈도우, _parent) 매일 경제 신문(브라우저 윈도우, _top) 태그의 id 속성으로 앵커 만들기 앵커? HTML 페이지 내..
본 포스팅은 학교 수업을 듣고 정리한 내용입니다. HTML5 개요 HTML5 페이지의 기본 구조 문서의 본문 텍스트, 이미지 테이블, 자바스크립트 코드, 동영상 등 HTML5 페이지의 필수 태그 - HTML5 문서임을 알리는 태그 , 페이지에 타이틀을 다는 예제입니다. 타이틀은 브라우저의 타이틀바에 보여집니다. , ...., 태그로 문단 제목 달기 1장 홈페이지 만들기 1절 HTML 언어 1. 웹 1.1 인터넷 1.1.1 네트워크 1.1.1.1. 통신 title 속성으로 툴팁 달기 1장 홈페이지 만들기 1절 HTML 언어 로 단락 나누기 2개의 단락 나누기 HTML 문서도 본문을 여러 단락으로 나눌 수 있다. CSS 스타일을 사용하면 단락 단위로 내어 쓰기와 들여쓰기가 가능하다. 여러 개의 빈 칸은 하나..
본 포스팅은 학교에서 수업을 듣고 정리한 내용입니다. 수식 상수, 변수, 연산자의 조합 연산자와 피연산자로 나누어진다. 연산자의 분류 연산자 의미 대입 = 오른쪽을 왼쪽에 대입 산술 + - * / % 사칙연산과 나머지 연산 부호 + - 증감 ++ -- 증가, 감소 연산 관계 > = 비트별 AND, OR, XOR, 반전, 이동 sizeof 연산자 sizeof 자료형이나 변수의 크기를 바이트 단위로 반환 형변환 (type) 변수나 상수의 자료형을 변환 포인터 연산자 * & [] 주소계산, 포인터가 가리키는 곳의 내용 추출 구조체 연산자 . -> 구조체의 멤버 참조 단항 연산자 -> 피연산자의 수가 1개 이항 연산자 -> 피연산자의 수가 2개 삼항 연산자 -> 피연산자의 수가 3개 산술 연산 컴퓨터의 가장 기..
본 포스팅은 학교 수업을 듣고 정리한 내용입니다. 웹 개요 웹의 기본 목적과 구성 웹의 기본 목적 다른 여러 컴퓨터에 문서를 공유하거나 보는 목적 웹에서 다루는 문서를 웹 문서라고 부른다. 웹의 구조 인터넷을 활용하여 거미줄처럼 연결된 정보 소통 망, World Wide Web 웹 문서를 인터넷 상의 컴퓨터들끼리 주고 받는 네트워크 시스템 웹서버와 웹 클라이언트 컴퓨터들로 구성 웹 서버 웹 사이트를 탑재하는 컴퓨터, 구글(www.google.com), 네이버(www.naver.com) 등 웹 문서, 이미지, 동영상 등의 데이터 저장 관리 웹 클라이언트의 요청을 받아 웹 문서 전송 웹 서버로 작동하도록 하는 소프트웨어 실행 웹 클라이언트 사용자 인터페이스 담당 웹 서버에 웹 문서를 요청하고 받아 사용자에게..
본 포스팅은 학교에서 수업을 듣고 정리한 내용입니다. 변수 변수는 프로그램에서 일시적으로 데이터를 저장하는 공간이다. 변수는 데이터가 입력되면 어딘가에 저장해야하만 다음에 사용할 수 있기에 필요하다. 변수와 상수 변수(variabel) : 저장된 값이 변경이 가능한 공간 상수(constant) : 저장된 값이 변경이 불가능한 공간 Ex) /* 원의 면적을 계산하는 프로그램 */ #include int main(void) { float radius;// 원의 반지름 float area;// 원의 면적 printf("원의 면적을 입력하시요:"); scanf("%f", &radius); area = 3.141592 * radius * radius; printf("원의 면적: %f \n", area); retu..
사칙연산 변수 x와 y에 20과 10을 저장하고 x+y, x-y, x*y, x/y을 계산하여서 변수에 저장하고 이들 변수를 화면에 출력하는 프로그램을 작성 #include int main(void) { int x;// 첫 번째 정수를 저장할 변수 int y;// 두 번째 정수를 저장할 변수 int sum, diff, mul, div;// 두 정수 간의 연산의 결과를 저장하는 변수 x = 20;// 변수 x에 2을 저장 y = 10;// 변수 y에 10을 저장 sum = x + y;// 변수 sum에 (x+y)의 결과를 저장 diff = x - y;// 변수 diff에 (x-y)의 결과를 저장 mul = x * y;// 변수 mul에 (x*y)의 결과를 저장 div = x / y;// 변수 div에 (x/..