More actions
imported>Kesarr No edit summary |
imported>Kesarr No edit summary |
||
| Line 68: | Line 68: | ||
==== 후기 ==== | ==== 후기 ==== | ||
* [[변형진]] | * [[변형진]] | ||
** 웹은 다양한 이론적 배경을 바탕으로 탄생하고 발전해 왔습니다. 우리 스터디에서는 그런 통합적인 지식을 바탕으로 여러분들에게 현재의 웹 기술에 대한 이해는 물론이고 웹 이후의 새로운 경향을 고민하고 연구하기 위해 필요한 단서를 제공하는데 목표를 두고 | ** 웹은 다양한 이론적 배경을 바탕으로 탄생하고 발전해 왔습니다. 우리 스터디에서는 그런 통합적인 지식을 바탕으로 여러분들에게 현재의 웹 기술에 대한 이해는 물론이고 웹 이후의 새로운 경향을 고민하고 연구하기 위해 필요한 단서를 제공하는데 목표를 두고 있습니다. 물론 굳이 모르고 있어도 단순 웹 개발을 하는데 무리는 없으나, 관련된 문제해결 과정이나 새로운 기술 이해를 위해서 중요한 능력이 될 수 있습니다. | ||
** 우리 스터디에서 다루는 이론은 학부 2~4학년의 여러 교과를 포괄할 뿐 아니라 그 범위를 초월할 수 있습니다. 하지만 앞으로도 학부 1학년도 쉽게 이해할 수 있도록 대부분의 이론 각론은 교과 수업을 바탕으로 하지 않고 설명하는 방향으로 진행하겠습니다. | |||
** 하지만 앞으로도 학부 1학년도 쉽게 이해할 수 있도록 대부분의 이론 각론은 교과 수업을 바탕으로 하지 않고 설명하는 방향으로 진행하겠습니다. | |||
=== 2012년 7월 11일 - 실습 === | === 2012년 7월 11일 - 실습 === | ||
* XHTML과 CSS 과제 해설 | * XHTML과 CSS 과제 해설 | ||
Revision as of 16:16, 13 July 2012
Technology
- World Wide Web Technology Surveys - http://w3techs.com/
- Markup Language
- XHTML1.0 (Transitional / Strict) - http://www.w3.org/TR/2002/REC-xhtml1-20020801/
- HTML4.01 (Transitional / Frameset / Strict) - http://www.w3.org/TR/1999/REC-html401-19991224/
- HTML5
- Cascading Style Sheet
- CSS2.1 (with HTML4.01 / XHTML1.0) - http://www.w3.org/TR/CSS2/
- CSS3 (with HTML5)
- Client-side Script Language
- JavaScript 1.4~1.6 / JScript (ECMAScript) - http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf
- Flash ( ActionScript) / Silverlight
- Java Applet
- VBScript
- JavaScript Library
- jQuery 1.7.x - http://jquery.com/
- prototype.js
- MooTools
- YUI
- Dojo Toolkit
- Server-side Script Language
- PHP (Top million sites)
- Java (Top thousand sites)
- Node.js (JavaScript) - http://nodejs.org/
References
- Mozilla Developer Network(MDN) - https://developer.mozilla.org/ko/
- MSDN - http://msdn.microsoft.com/ko-kr/
- W3Schools - http://www.w3schools.com/
Runtime Environment
- Google Chrome for Windows
- JSFiddle (Client) - http://jsfiddle.net/
- Cloud9 IDE (Server/Client) - http://c9.io/
Integrated Development Environment
- Microsoft Visual Studio (AJAX.NET -> jQuery)
- JetBrains WebStorm
- Oracle NetBeans
- Aptana Studio (Titanium Studio)
- Cloud9 IDE (Node.js)
- Mozilla Bespin -> Mozilla Skywriter -> Ajax.org Ace -> Cloud9 -> http://c9.io/
진행
2012년 7월 4일 - 실습
- 웹 기술, 환경, 레퍼런스 소개
- 실습 테마 선정 - 각자 웹 게임 제작하기
- XHTML1.0, CSS2.1 기초
후기
- 변형진
- 젠장 집에 오니 Cloud9 IDE가 빠르게 잘 됩니다. 학교에 있는 사람들도 테스트 부탁합니다. 학교 네트워크 관련 이슈인지 그냥 그 시간대 c9.io 서비스 관련 이슈인지 궁금하군요.
- 영 느리면 조만간 여유가 있을 때 Cloud9을 ZeroPage 서버에 설치해볼 생각입니다.
- http://support.cloud9ide.com/entries/21068062-ide-file-saving-hangs ... 풋!
- 각자 자신의 Cloud9 IDE Dashboard에서 Workspace를 만들어 과제를 진행하고 URL을 공유합시다. 과제는 "메뉴 만들기"였는데 어떤 모습으로 구현해도 좋습니다!
- 혹시 여전히 Cloud9 IDE이 동작하지 않으면 이번 내용은 클라이언트 구현만 있으므로 JSFiddle에 Save하고 URL을 링크하거나 ZeroPage_200_OK/소스 페이지에 올리셔도 됩니다.
- 위에 링크한 저의 Workspace Project의 index.html 파일에 메뉴 샘플을 구현해두었습니다. 상단의 Preview로 확인하면서 적절히 참조해서 만들면 도움이 될겁니다.
2012년 7월 7일 - 이론
- 네트워크와 인터넷
- 월드 와이드 웹(WWW)과 W3C 표준(Recommendation)
- HTTP(HyperText Transfer Protocol) 소개
후기
- 변형진
- 웹은 다양한 이론적 배경을 바탕으로 탄생하고 발전해 왔습니다. 우리 스터디에서는 그런 통합적인 지식을 바탕으로 여러분들에게 현재의 웹 기술에 대한 이해는 물론이고 웹 이후의 새로운 경향을 고민하고 연구하기 위해 필요한 단서를 제공하는데 목표를 두고 있습니다. 물론 굳이 모르고 있어도 단순 웹 개발을 하는데 무리는 없으나, 관련된 문제해결 과정이나 새로운 기술 이해를 위해서 중요한 능력이 될 수 있습니다.
- 우리 스터디에서 다루는 이론은 학부 2~4학년의 여러 교과를 포괄할 뿐 아니라 그 범위를 초월할 수 있습니다. 하지만 앞으로도 학부 1학년도 쉽게 이해할 수 있도록 대부분의 이론 각론은 교과 수업을 바탕으로 하지 않고 설명하는 방향으로 진행하겠습니다.
2012년 7월 11일 - 실습
- XHTML과 CSS 과제 해설
- Form 계열 태그 활용
- JavaScript DOM API 첫소개