ZeroPage 200 OK

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/

진행

• http://c9.io/kesarr/zeropage_200_ok
• ZeroPage_200_OK/소스

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로 확인하면서 적절히 참조해서 만들면 도움이 될겁니다.

• 정진경 - c9.io는 필요할 때 먹통이 되네요... 실습 테마가 웹 게임 제작이면 Challengers의 콘텐츠를 보강하기 위해 인공지능으로 플레이가 용이한 게임을 기획해야겠습니다...ㅋㅋ

2012년 7월 7일 - 이론

• 네트워크와 인터넷
• 월드 와이드 웹(WWW)과 W3C 표준(Recommendation)
• HTTP(HyperText Transfer Protocol) 소개

후기

• 변형진
  • 웹은 다양한 이론적 배경을 바탕으로 탄생하고 발전해 왔습니다. 우리 스터디에서는 그런 통합적인 지식을 바탕으로 여러분들에게 현재의 웹 기술에 대한 이해는 물론이고 웹 이후의 새로운 경향을 고민하고 연구하기 위해 필요한 단서를 제공하는데 목표를 두고 있습니다. 물론 굳이 모르고 있어도 단순 웹 개발을 하는데 무리는 없으나, 관련된 문제해결 과정이나 새로운 기술 이해를 위해서 중요한 능력이 될 수 있습니다.
  • 우리 스터디에서 다루는 이론은 학부 2~4학년의 여러 교과를 포괄할 뿐 아니라 그 범위를 초월할 수 있습니다. 하지만 앞으로도 학부 1학년도 쉽게 이해할 수 있도록 대부분의 이론 각론은 교과 수업을 바탕으로 하지 않고 설명하는 방향으로 진행하겠습니다.

2012년 7월 11일 - 실습

• XHTML과 CSS 과제 해설
• Form 계열 태그 활용
• JavaScript DOM API 첫소개

후기

• form 관련으로 사용자 입력을 받을 수 있었던 부분 실습을 주로 배웠습니다. 근데 궁금한게 도중에 html5 얘기를 하시면서 <a href=""><button>abc</button></a> html5에서는 이렇게 사용할 수 있는데 이런게 자바스크립트를 쓸 수 없는 경우에 된다고 하셨는데 그럼 원래 버튼의 onclick같은 on~는 자바스크립트인건가요? - 서영주

2012년 7월 14일 - 이론

후기

• 이번 주제는 형진이형한테 여러번 들었던 내용이었네요. 확실히 여러번 들으니까 무슨 이야기를 하는지 조금 더 빠르게 이해할 수 있었던 것 같습니다. 그리고 지난번 들을 때에는 궁금한게 생각 안 났었는데 이번엔 궁금한게 생기더군요. 뭐지 -ㅅ-;; ㅋㅋ 다만 다음주에 할아버지 팔순이라 참여를 못 하게 되어서 좀 아쉬울 뿐.. -_-a 그리고 공모전과 관련해서 끝나고 이런 저런 이야기가 많이 나왔었는데, 잘 진행되어 우리 잘 하고 있어요~ 라는 모습을 보여줬으면 하네요 - 권순의

• https는 정말 어려운 주제 같네요. 일단 이해 되고 나면 쉬운데 뭔가 이것 저것 얽혀있는 느낌이네요. 따지고 보면 레이어 하나 추가되었을 뿐인데 난이도는 급 상승. 세션이나 쿠키같은경우에는 나오게 된 배경을 알게되어서 확실하게 이해하고 가는 느낌이네요. - 안혁준

• 개인적으로 이래저래 많이 듣기만 한 용어들(쿠키, HTTPS 기타 등등)에 대해서 자세하게 들을 수 있어서 좋았습니다. 보안 관련은 예전 데블스 때도 잠깐 들을 기회가 있었는데, 그 때는 잘 이해를 못 했었는데 반복해서 들어서 그런지 이번에는 이해가 잘 됐습니다. 다음으로는 자바스크립트 문법에 대해서 다루신다고 하셨는데 어떤 방향으로 나갈지 궁금하네요 - 서민관

---

2012년활동지도, 스터디분류