1 개요.

Slides:



Advertisements
Similar presentations
1/37 한글에는 전문적인 문서 편집을 위한 고급 기능이 있다. 문서를 편리하게 수 정할 수 있도록 도와주는 찾기 / 찾아 바꾸기, 다른 위치로 이동할 수 있는 책 갈피와 하이퍼링크에 대해 알아보자. 그리고 자주 사용하는 서식을 미리 정 해 놓고 쓰는 스타일 활용법과 스타일이.
Advertisements

을지대학교 무선 네트워크 사용 방법 2010 년 06 월 01 일. 을지대학교 무선 네트워크 사용 방법 1. PC 무선랜 카드 활성화 및 체크 1 단계 : 시작 -> 설정 -> 네트워크 설정 2 단계 : 무선 네트워크 설정 선택 -> 마우스 버튼 오른쪽 클릭 -> 사용.
1 넷스팟 MAC ID 설정 방법 ( 서울캠퍼스 기준 ) 각종 스마트폰의 WiFi 를 이용시 각종 스마트폰의 WiFi 를 이용시 MAC ID 설정을 하는 방법 입니다. 아이폰의 경우는 별도의 설정없이 바로 사용이 가능하오니, 사용이 어려울 경우, 고객센터로 문의하시면 됩니다.
앱인벤터 기초과정 (1차시) ㈜헬로앱스 강사: 김영준 목원대학교 겸임교수.
1 개요.
난이도 : 초급 제1장 앱 인벤터 소개 및 준비.
엑셀리포트를 이용한 날짜별 리포트 자동 저장 방법
Windows XP SP2 문제해결 Windows XP SP2를 설치한 회원께서는 Pop-up차단 기능과 ActiveX 설치의 어려움 발생 아래의 예는 안철수 바이러스 설치 시 문제점을 해결 하는 방법의 설명. 1. ActiveX 컨트롤 설치 ① 주소 표시줄 아래의 '이.
목차 Contents 무선인터넷용 비밀번호 설정방법 Windows 7 Windows 8 Windows XP MAC OS.
스마트워크(가상화) 외부 접속 방법 정보관리실.
제어판 –> 네트워크 및 인터넷 –> 네트워크 및 공유센터 이동 후 화면에서 “새 연결 또는 네트워크 설정” 클릭
컴퓨터프로그래밍 1주차실습자료 Visual Studio 2005 사용법 익히기.
<<< 시스템등록정보 “하드웨어-장치관리자” 설정 >>>
Ⅰ. 클라이언트 스크립트 Ⅱ. 서버 스크립트 그렇다면 프로그래밍 언어를 수행하는 컴퓨터의 개념적인 구조를 살펴 본다면, 프로그래밍 언어가 무엇인지 이해하는데 도움이 될 것입니다. 현재 컴퓨터 구조의 모태가 되고 있는 폰 노이만 구조는 그림에서 보는 것과 같이, 명령어와.
1. 신뢰할 수 있는 싸이트 등록 인터넷 익스플로러 실행 후 실행
1 HTML5 개요.
코크파트너 설치 가이드 Window 7.
표지 Ⅵ. Web VAN 사용자매뉴얼 (브라우저보안설정)
Power Java 제3장 이클립스 사용하기.
5강. Servlet 본격적으로 살펴보기-I 프로젝트 만들기 doGet() doPost()
7. 프레젠테이션 제품 소개나 홍보 등을 보다 효율적으로 하기 위하여 Presentation Software를 사용하고 있다.
Chapter05 오디오와 비디오 HTML5 Programming.
JSP Programming with a Workbook
CHAPTER 02 OpenCV 개요 PART 01 영상 처리 개요 및 OpenCV 소개.
Youn-Hee Han HTML5 - GeoLocation Youn-Hee Han
Visual Basic .NET 처음 사용하기.
3.2 SQL Server 설치 및 수행(계속) 시스템 데이터베이스 master
1. C++ 시작하기.
Internet Explorer 8,9,10,11 브라우저를 통한 VPN 접속가이드
                              데이터베이스 프로그래밍 (소프트웨어 개발 트랙)                               퍼스널 오라클 9i 인스톨.
학습목표 학습목차 다른 홈페이지의 HTML 파일 코드를 보는 방법에 대해 알아봅니다.
IE사용시 KOTRA 홈페이지 회원가입 및 사업신청에 어려움이 있으신 고객님을 위한 해결방법 안내
제 01 장 인터넷 프로그래밍 개요 학기 인터넷비즈니스과 강 환수 교수.
스크래치 언어 이해 스크래치 이용법 습득 고양이가 말을 하며 움직이는 예제 작성
Android studio로 Application 만들기.
환경 설정 예제 데이터베이스 생성 - 그림 3.34의 SQL Server 관리 스튜디오 창의 왼쪽 영역의 데이터베
자바응용.
인터넷응용프로그래밍 JavaScript(Intro).
2018년 11월 05일 박성진 Web & Internet [08] 레이아웃 P1 2018년 11월 05일 박성진
WZC 무선 연결 방법 (Windows XP Ver.).
LIT-GenAppSetup ※ Texting+ 클라이언트 프로그램은 제품 인증을 받은 제품입니다.
PHP 개요 및 설치 Yang-Sae Moon Department of Computer Science
Adobe 제품 다운로드 및 설치 방법 안내 Adobe Creative Cloud Adobe License 권한을 받으신 분
폼 관련 태그 폼 양식 직접 만들어보기 회원가입 절차 4단계
프로그래밍 원리 Chapter 05 자바스크립트 기초 신한대학교 IT융합공학부 박 호 균.
ASP.NET AJAX / AJAX Control Toolkit 응용 2008 컴퓨터공학실험( I )
웹디자인
회원가입 안내 AROPA EDU Class Mate!
V드라이브 접근 불가 문제현상: 협업자료 상세보기 내 [선택 다운] 혹은 [전체 다운] 버튼 클릭
※ 인터넷 옵션 조치 방법 ※ ★ 신뢰사이트 등록 (1) ★ 우리들을 신뢰해주세요^^* 방법이 복잡해 보일지 모르지만
※ 편리한 사이버 연수원 사용을 위한 인터넷 최적화 안내 ※
인천대학교 웹과 인터넷 수업 개요 및 내용 소개.
컴퓨터 개론 및 실습 1주차 2015년 03월 05일.
PMIS 서버 설정 환경설정 작성자 : 배경환.
학습목표 처음 만드는 비주얼 베이직 프로그램 프로그램 실행과 실행 파일 생성. 학습목표 처음 만드는 비주얼 베이직 프로그램 프로그램 실행과 실행 파일 생성.
Cold Spring Harbor Laboratory Press 저널 이용 매뉴얼
IP-255S 설치 교육자료 101/102에 대한 설명을 시작 하겠습니다.
암호학 응용 Applied cryptography
한국에너지공단 효율기술실 확인서 표시가 안될 시 조치방법 .
암호학 응용 Applied cryptography
업체등록신청절차 목차 메인화면 메세지별 유형 2-1. 이미 가입된 공급업체
Chapter01 HTML 시작하기
1. 인터넷 보안 옵션 레지스트리 등록 Config Setup 클릭.
9 브라우저 객체 모델.
슬라이드 쇼의 설정 슬라이드 쇼의 실행 파일과 폴더의 관리 글꼴을 포함해서 저장 웹 페이지로 게시 압축 파일
Chapter01 HTML 시작하기
6 객체.
JAVA 프로그래밍 16장 JNLP.
Chapter 11. 문서 인쇄 및 파일 형식.
20 XMLHttpRequest.
Presentation transcript:

1 개요

1.1 자바스크립트의 역사 Javascript란? 웹 브라우저에서 많이 사용하는 프로그래밍 언어 넷스케이프 사의 브랜든 아이히(Brendan Eich)에 의해 모카라는 이름으로 시작 (모카  라이브 스크립트로 이름 변경) 넷스케이프 사가 썬 마이크로시스템과 함께 자바스크립트라는 이름을 붙이고 본격적 발전

1.2 자바스크립트의 활용 웹에서 웹 애플리케이션으로 초기의 웹 자바스크립트의 등장 웹은 애플리케이션의 모습에 점점 가까워짐 변화 없는 정적 글자들의 나열 웹은 하이퍼링크라는 매개체를 사용해 웹 문서가 연결된 거대한 책에 불과 자바스크립트의 등장 웹 문서의 내용을 동적으로 바꾸거나 마우스 클릭 같은 이벤트 처리 웹은 애플리케이션의 모습에 점점 가까워짐 대표적인 예는 아래 그림과 같은 웹 문서 작성 도구 구글 , 마이크로소프트에서는 웹 브라우저만으로 워드, 엑셀, 파워포인트 같은 애플리케이션 사용 가능 웹 애플리케이션은 웹 브라우저만 있으면 언제 어디서나 사용 가능

1.2 자바스크립트의 활용 구글에서 제공하는 크롬 웹 스토어 웹 스토어에서 웹 브라우저상에서 실행되는 웹 애플리케이션 거래

1.2 자바스크립트의 활용 인터넷 연결 없이 웹 브라우저에서 실행 가능한 웹 애플리케이션 스마트 폰이나 스마트패드 내의 애플리케이션을 만들 때에도 자바스크립트 사용

1.2 자바스크립트의 활용 파이어폭스 OS 자바스크립트로 애플리케이션을 만듬 그 밖에 웹 애플리케이션 사용이 가능한 장치  데스크톱, 노트북, 스마트폰 등

1.2 자바스크립트의 활용 3D 테트리스 HTML5의 도입  웹에서 플래시나 실버라이트 없이 게임과 같은 복잡한 프로그램 작성 가능

1.2 자바스크립트의 활용 Air Mech 크롬 애플리케이션 현대의 웹 브라우저는 3D 개발 가능

1.3 자바스크립트의 종류 자바스크립트의 종류 유럽 컴퓨터 제조 협회(European Computer Manufacturer’s Association)는 자바스크립트를 ECMAScript라는 이름으로 표준화 웹 브라우저나 애플리케이션에 내장된 자바스크립트의 종류 ECMAScript와 Jscript는 모두 자바스크립트를 의미

1.4 Visual Studio 2012 Express for Web 설치 자바스크립트는 메모장을 사용해도 개발 가능 처음 자바스크립트를 공부하는 독자라면? Visual Studio 2012 Express for Web 설치 추천 http://www.microsoft.com/visualstudio/kor/downloads에 접속해 Visual Studio 2012 Express for Web 눌러 내려 받기

1.4 Visual Studio 2012 Express for Web 설치 설치 중 “SQL Server Express 설치 계획이 감지되었습니다”라는 화면 이 나오면 윈도 인증 모드 선택 설치 완료 화면

1.5 Visual Studio 2012 Express for Web 인증받기 30일 평가판 사용 가능 제품의 사용기간 연장을 위해 제품 인증 아래 그림이 나오면 온라인 등록 회원 가입/간단한 양식 입력  인증 키 부여 인증키로 제품 등록  시간 제약 없이 사용

1.6 HTML 파일 만들기 HTML 파일을 만들고 실행하는 방법 [파일]→[새 파일]을 선택해 새 파일 대화상자 열기 HTML5 표준(XHTML5 표준) 형식의 코드

1.6 HTML 파일 만들기 모든 예제는 HTML5 표준 형식 사용 자바 스크립트 코드 위치 기본 페이지의 head 태그 사이에 script 태크 삽입 script 태그 사이에 자바스크립트 코드 입력 HTML5에서는 script 태그에 type 속성을 적지 않는 게 원칙

1.6 HTML 파일 만들기 자바스크립트 작동 HTML 페이지의 각 태그는 웹 브라우저에 의해 순차적으로 실행 웹 브라우저는 head 태그를 먼저 읽은 후 body 태그를 읽음 script 태그를 head 태그에 넣으면 body 태그를 읽기 전 실행 body 태그에 넣으면 head 태그를 실행한 이후에 실행 Script 태그를 head 태그 안에 넣어야 코드를 살펴보기 편리한 이점

1.6 HTML 파일 만들기 1) 예제 작성

1.6 HTML 파일 만들기 2) 실행 [파일]→[브라우저에서 보기] (Ctrl + Shift + W 단축키) -> 실행 [파일]→[브라우저 선택] 통해 기본 실행 브라우저 선택 가능

1.6 HTML 파일 만들기 3) 실행 결과 자동으로 브라우저 실행 문자열 “Hello World..!”가 있는 경고창 pop-up

1.7 오류 확인 방법 콘솔 오류를 확인하는 방법은 크롬에서 F12 키 실행 코드 오류 시 우측 하단에 경고 경고 클릭  오류가 발생한 코드 줄 확인 가능 타 브라우저의 F12 키를 통한 오류 확인 복잡한 과정 자세한 내용은 부록 A확인 크롬으로 검사하는 것을 추천

1.7 오류 확인 방법 경고 화면 인터넷 익스플로러의 경고 화면 이용 인터넷 익스플로러 [설정]  [인터넷 옵션] 실행

1.7 오류 확인 방법 경고 화면 고급 탭에서 ‘스크립트 디버깅 사용 안 함’을 해제 스크립트 디버깅 사용 안 함 선택 후 오류 발생 시 화면 위의 방법의 단점 일반 웹사이트에 접속하기 어려울 수 있음 콘솔로 오류 찾기 추천