Web
-
[Web Building] 4. Web JavaScript - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:36
Web Building - Adding Code (JavaScript) 1. What We Will Do 이번 장에서: - 몇몇 계산 코드를 생성합니다.(JavaScript) - 페이지에 script link를 추가합니다. 2. Create JavaScript demoweb 폴더에, script.js 이름의 파일을 생성합니다. 아래 코드를 파일에 입력합니다: 12document.getElementById("foot01").innerHTML ="© " + new Date().getFullYear() + " W3Schools. All rights reserved.";cs 3. Edit the Home Page demoweb 폴더에, index.html을 수정합니다. 12345678910111213141516..
-
[Web Building] 3. Web CSS - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:35
Web Building - Adding Style (CSS) 1. What We Will Do 이번 장에서는: - 사이트를 위한 CSS 스타일 시트를 생성합니다. - 페이지의 스타일 시트 링크를 추가합니다. 2. Create a CSS Style Sheet demoweb 폴더에, site.css라는 이름의 파일을 생성합니다. CSS 파일에 아래 코드를 입력하세요: 12345678910111213141516171819202122body { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 16px; background-color: dimgrey; color: #696969; padding: 3px;}#main { padding: 5px; paddi..
-
[Web Building] 2. Web HTML - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:34
Web Building - Creating a Web Site (HTML) 1. What We Will Do 이번 장에서는 웹 사이트를 만들어 볼 것 입니다. * 이 웹 사이트는 당신에게만 보여질 것 입니다. 2. Create the Web Site 당신의 PC에 새로운 폴더를 생성하세요. 새로운 폴더 이름을 demoweb으로 입력하세요. 이제 당신은 로컬 웹 사이트를 가지고 있습니다. 3. Create a Home Page demoweb 폴더에서, index.html이라는 이름의 파일을 생성하세요. 노트패드를 이용하여 아래 내용을 파일에 입력하세요: (* 노트패드++를 이용하면 HTML의 명확한 구조를 볼수 있습니다) 123456789101112131415161718192021 Our Company W..
-
[Web Building] 1. Web Building Tutorial - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:33
Web Building Tutorial 1. How to Build a Web Site 이 튜토리얼은 웹 사이트를 제작하는 방법에 대해 가르칠 것 입니다. 2. No Tools Needed 이 튜토리얼을 따라하면서 어느 소프트웨어 툴이든 필요하지 않을 것 입니다. 3. What We Will Do 웹 사이트를 제작할 것 입니다. - HTML을 사용한 웹페이지 제작 - CSS를 사용한 지속되는 스타일 추가 - JavaScript를 이용한 계산 코드 추가 - 통계 데이터 페이지 추가 - Http를 이용한 데이터 로드 - AppML을 이용한 데이터 로드 - SQL을 이용한 데이터 로드 * W3School을 통해 제작된 강좌입니다.
-
[AngularJS] 16. Application - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:25
AngularJS Application AngularJS 단일 페이지 어플리케이션(Single Page Application{SPA})을 만들 시간입니다! 1. An AngularJS Application Example 2. Application ExplainedmyNote.html 1234567891011121314151617181920212223242526272829 My Note Save Clear Number of characters left: Colored by Color Scriptercs myNoteApp.js 123 var app = angular.module("myNoteApp", []); Colored by Color Scriptercs myNoteCtrl.js 1234567 app.c..
-
[AngularJS] 15. Includes - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:25
AngularJS Includes AngularJS에서, HTML 내에 HTML 파일을 포함 할 수 있습니다. 1. HTML Includes in Future HTML HTML안에 HTML의 부분을 포함하는 것은 HTML에서는 아직 제공하지 않습니다. HTML 불러오기는 미래의 버전의HTML을 위한 W3C 제안 http://www.w3.org 입니다: 1cs 2. Server Side Includes 대부분의 웹 브라우저는 Server Side Includes(SSI)를 제공합니다. SSI에서, 페이지가 브라우저에 보내지기 전에 HTML안에 HTML을 포함 할 수있습니다. 1cs 3. Client Side Includes 자바스크립트를 이용하여 HTML안에 HTML을 포함하는 방식은 많은 방법이 있습니다..
-
[AngularJS] 14. Bootstrap- Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:24
AngularJS and Twitter Bootstrap Bootstrap은 유명한 스타일 시트입니다. 1. Bootstrap AngularJS 어플리케이션에 Bootstrap을 포함하기 위해서, 요소에 아래 라인을 추가해 줍니다: 12 cs 2. HTML Code 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 Users Edit First Name Last Name Edit {{ user.fName }} {{ user.lName }} Create New User Create..
-
[AngularJS] 13. 검사(Validations) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:23
AngularJS Input Validation AngularJS 서식과 제어는 입력 데이터를 검사 할 수 있습니다. 1. Input validation 이전 장에서 폼과 제어에 대해 배웠습니다. AngularJS 폼과 제어는 유효성 서비스를 제공하고, 사용자의 무효한 입력을 알립니다. * tip: Client-Side 유효성 검사는 사용자 입력을 단일로 보안화 하지 않습니다. Server side 유효성 검사 또한 필요합니다. 2. Application Code 123456789101112131415161718192021222324252627282930313233343536373839404142434445 Validation Example Username: Username is required. Ema..