Programming Language/HTML & CSS & JavaScript

Programming Language/HTML & CSS & JavaScript

[HTML & CSS & JavaScript] 짝수의 합과 홀수의 합을 계산하는 계산기 실습

웹 화면에서 홀수를 선택하면 1부터 100까지의 홀수의 합를 구하고, 만약 짝수를 선택하면 1부터 100까지의 짝수의 합을 구하는 웹을 만들시오.(자바스크립트 사용) 짝수의 합과 홀수의 합을 계산하는 계산기 홀수를 선택하면 1부터 100까지의 홀수의 합를 구하고, 만약 짝수를 선택하면 1부터 100까지의 짝수의 합이 나옵니다. 홀수의 합 짝수의 합 결과 :

Programming Language/HTML & CSS & JavaScript

[HTML & CSS & JavaScript] 계산기(+, -, *) 프로그램 실습

문제 설명 DOM 객체와 자바스크립트를 사용하여 계산기(+, -, *) 프로그램을 만드시오. (계산기는 +, -, * 3개가 전부 되어야 함) 코드 계산 결과: 0

Programming Language/HTML & CSS & JavaScript

[HTML & CSS & JavaScript] 자바스크립트 코어객체와 배열 (10주차)

본 포스팅은 학교 수업을 듣고 정리한 내용입니다. 객체의 기본 개념 객체 개념 현실 세계는 객체들의 집합 사람, 책상, 자동차, TV등 객체는 자신만의 고유한 구성 속성 자동차 : 제조사, 자동차 번호 사람 : 이름, 주민번호 자바스크립트 객체 구성 여러 개의 프로퍼티(Property)와 메소드로 구성 프로퍼티 : 객체의 고유한 속성(변수) 메소드(method) : 함수 브라우저가 제공하는 기본 객체(코어 개체)들의 종류 자바스크립트는 객체 기반 언어, 객체 지향 언어가 아님 자바 스크립트 객체의 유형 코어 객체 자바스크립트 언어가 실행되는 어디서나 사용 가능한 기본 객체 기본 객체로 표준 객체 Array, Date, String, Math 타입 등 웹 페이지 자바스크립트 코드에서 혹은 서버에서 사용 가..

Programming Language/HTML & CSS & JavaScript

[HTML & CSS & JavaScript] 자바스크립트 (식과 연산자, 조건문, 반복문, 함수) (9주차)

본 포스팅은 학교 수업을 듣고 정리한 내용입니다. 자바 스크립트 식과 연산자 산술 연산자 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 ..

Programming Language/HTML & CSS & JavaScript

[HTML & CSS & JavaScript] HTML5 기본 문서 만들기 #2 (3주차)

본 포스팅은 학교 수업을 듣고 정리한 내용입니다. 하이퍼링크와 항해 하이퍼링크 만들기 태그의 href 속성을 이용하여 하이퍼링크 작성 하이퍼링크(hyperlink) 란? 다른 HTML 페이지의 연결 고리 같은 웹 사이트의 다른 HTML 페이지 다른 웹 사이트의 HTML 페이지 모두 연결 가능 하이퍼링크는 텍스트나 이미지로 작성 항해 하이퍼링크를 따라 다른 웹 페이지를 방문하는 것 하이퍼 링크 만들기 링크 만들기 포털 사이트 네이버 다음 링크의 target 속성 활용 링크의 target 속성 활용 W3C(새 윈도우, _blank) 전자신문(현재 윈도우, _self) 네이버(부모 윈도우, _parent) 매일 경제 신문(브라우저 윈도우, _top) 태그의 id 속성으로 앵커 만들기 앵커? HTML 페이지 내..

Programming Language/HTML & CSS & JavaScript

[HTML & CSS & JavaScript] HTML5 기본 문서 만들기 #1 (2주차)

본 포스팅은 학교 수업을 듣고 정리한 내용입니다. HTML5 개요 HTML5 페이지의 기본 구조 문서의 본문 텍스트, 이미지 테이블, 자바스크립트 코드, 동영상 등 HTML5 페이지의 필수 태그 - HTML5 문서임을 알리는 태그 , 페이지에 타이틀을 다는 예제입니다. 타이틀은 브라우저의 타이틀바에 보여집니다. , ...., 태그로 문단 제목 달기 1장 홈페이지 만들기 1절 HTML 언어 1. 웹 1.1 인터넷 1.1.1 네트워크 1.1.1.1. 통신 title 속성으로 툴팁 달기 1장 홈페이지 만들기 1절 HTML 언어 로 단락 나누기 2개의 단락 나누기 HTML 문서도 본문을 여러 단락으로 나눌 수 있다. CSS 스타일을 사용하면 단락 단위로 내어 쓰기와 들여쓰기가 가능하다. 여러 개의 빈 칸은 하나..

Programming Language/HTML & CSS & JavaScript

[HTML & CSS & JavaScript] 웹 개발의 시작 (1주차)

본 포스팅은 학교 수업을 듣고 정리한 내용입니다. 웹 개요 웹의 기본 목적과 구성 웹의 기본 목적 다른 여러 컴퓨터에 문서를 공유하거나 보는 목적 웹에서 다루는 문서를 웹 문서라고 부른다. 웹의 구조 인터넷을 활용하여 거미줄처럼 연결된 정보 소통 망, World Wide Web 웹 문서를 인터넷 상의 컴퓨터들끼리 주고 받는 네트워크 시스템 웹서버와 웹 클라이언트 컴퓨터들로 구성 웹 서버 웹 사이트를 탑재하는 컴퓨터, 구글(www.google.com), 네이버(www.naver.com) 등 웹 문서, 이미지, 동영상 등의 데이터 저장 관리 웹 클라이언트의 요청을 받아 웹 문서 전송 웹 서버로 작동하도록 하는 소프트웨어 실행 웹 클라이언트 사용자 인터페이스 담당 웹 서버에 웹 문서를 요청하고 받아 사용자에게..

Tenacity_Dev
'Programming Language/HTML & CSS & JavaScript' 카테고리의 글 목록