E D R , A S I H C RSS

Zero Page_200_OK



1. Technology

2. References

3. Runtime Environment

4. 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/

5.1. 2012�� 7�� 4�� - ����

  • �� 기��, �경, �������� ��개
  • ���� ���� �� - �� �� 게�� �����기
  • XHTML1.0, CSS2.1 기

5.1.1. ��기

  • ��
    • ���� ���� ���� Cloud9 IDE� ���� ������. �� ���� �������� ������ ����. �������� ��� ����� 그 ��간 c9.io ������ ��� ���� 궁금�군��.
    • �� ������ Cloud9 IDE Dashboard���� Workspace�� �������� �����고 URL�� 공������. 과���� "�� ����기"���� �� ������ 구���� ��������!
      • ���� ������ Cloud9 IDE �� �� �� �� ������ 구���� ������ JSFiddle�� Save�고 URL�� �����거�� ZeroPage_200_OK/���� ���� �������� ������.
    • ���� ������ Workspace Project�� index.html ������ �� ���� 구������������. ���� Preview�� ���� ������ ������ ���� �� ��겁����.

  • ��경 - c9.io�� ������ ������... ���� ����� �� 게�� ���� Challengers�� �������� �기 �� ��공������ ���� ��� 게���� 기���겠������...ㅋㅋ

5.2. 2012�� 7�� 7�� - ��

  • �������� ������
  • ���� �� ��(WWW)과 W3C ��(Recommendation)
  • HTTP(HyperText Transfer Protocol) ��개

5.2.1. ��기

  • ��
    • �� �������� ��경�� ������ �고 ���� ������. ���� ������������ 그�� ������ ���� ������ ����������게 ������ �� 기���� �� ������ ���� ������ 고���고 ��구�기 �� �������� ��공���� ���� ��고 ��������. ���� 굳 ���� ���� �� 개���� ���� ���� ������, ����� ����결 과�� ���� �� ���� �������� �� �� ��������.
    • ���� ���������� ������ �� 2~4���� ���� 교과�� ����� ���� 그 ������ ���� ��������. �� ������ 1���� ��게 �� ������ ���� �� 각�� 교과 ������ ������ �고 ���� �������� �����겠������.

5.3. 2012�� 7�� 11�� - ����

  • XHTML과 CSS 과�� ��
  • Form 계 �그 ��
  • JavaScript DOM API ����개

5.3.1. ��기

  • form ������� ������ ������ ���� �� ������ �� ������ ���� ����������. 근�� 궁금�게 ������ html5 ��기�� ���� <a href=""><button>abc</button></a> html5������ ��게 ������ ������ ��게 �������������� �� �� ���� 경���� ����고 ������ 그�� ���� ������ onclick� on~�� �����������������? - ������

5.4. 2012�� 7�� 14�� - ��

5.4.1. ��기

  • �� ������ ���� ������ ������ ��������. ���� ������ ������까 �� �기�� �� ��금 �� ���� ������ �������. 그��고 ���� ���� ���� 궁금�게 �각 �������� ���� 궁금�게 �기��군��. �� -ㅅ-;; ㅋㅋ ���� �������� �� ������ ������ �게 ���� ���� ��.. -_-a 그��고 공��과 ����� ����고 �� �� �기� �� ��������, �� ������ ���� �� �고 ����~ ���� ���� ������ ���� - ����

  • https�� �� �� ���� �����. ���� ��고 �� ���� ��� ������ ��������. �� �� �� ��������� ������ ������ 급 ��. ������ ����������� ����게 �� ��경�� �게���� ���게 �고 ��� ��������. - ��

  • �������� ���� �� ��기�� ����(����, HTTPS 기 ����)�� �� �����게 ���� �� ���� ��������. � ��� ���� ������ �� ��깐 ���� 기��� ��������, 그 �� �� �� �������� ������ ���� 그�� ������ �� ��������. ���������� ������������ ���� �� ��������고 ������ �� �������� ��갈 궁금���� - �����

5.5. 2012�� 7�� 21�� - ��

5.5.1. ��기

  • �������������� 기���� �������� �� ���� 구���� �� �게 �� ��������. ���� �������� ���� �� ��고 갈 ��� ������ �각 ����������. - ��
  • ���������������� ���� this ��기� ��������, ���� �기�� ���� �� ���� ��������. 개������ ������ ���� ��� ������ ��급������ �� ���� ���� ����� 객(execution context)�� �� �����기 ���� this�� �������� �������� ���� 겠군��. p.print�� ��기�� ��� ������ class p�� ���� ���� ��기�� 게 ���� p.print�� ������ �� �� ���� ��기�� ���까 �� this� OOP �� class�� �������� �� �� ��겠��. 그��고 ���� ������ ������ � ���� ������ ���� ���������� ������ �������������� �� � ���� �� ���� �� �������� ����������. ���� ���� ������ �� ��고 �������� 개������ ������ ����� �� ���� 꽤 ������ ���� ;;; �������� 개������ ������ ��간 ���� �게 ��갔����, 그���� ������ �� ���� ��까 ��기�� �� � � ���� ����������. - �����
  • �������������� �� ������ ������ ����고 기������ ���� ���� �� ����������. ������ ����그���� ������ ���� ���� 그��게 �� �������� 그 ���� �� ������ ����그���� �� ������ ���� ���� ���� ������ ���� �� ����까 ��������������. ��금 �� 공� �������. var Person = function(){}; � ���� this� new�� ���� ���� ���� ������ ���� ����������. ������ �� ���� 그��게 �� �� ���� ������ ��거�� 그�� �� �간 ���� �������. - ������

5.6. 2012�� 7�� 25�� - ����

5.6.1. ��기

  • �������� ������ ����� ������ 경���� ����������� �����기 ���� �기�� �������� �� ����고 �� �����기 ������ ����������. �������� iframe�� �������� �������� iframe �� �������� ������ ��깥�� �������� ������ ���� ���� �� ����� ��고, iframe �������� ������ ���� ������ �� �������� ��������� �������� ������ �� ������ ������. �� �기 �� ajax�� �������� ajax�� ������ �고 ���� �������� ���� ������ �� �������� xmlHttpRequest�� ActiveXObject ��객�� ���� ���� �������� ������걸 ����������. ajax��고 �� �� �������� 구������ �� ���� �� 객�� �� ajax����� �� �������� ���������� �������� ��거 ajax��고 ���� ����고 ��������. 그��고 ��간�� body.innerHTML�� ���� ���� ������ ����� �겼������ innerHTML�� �� DOM ���� �������� ����� �� �� ���������� ��� 기���� ���겠������. - ������

5.7. 2012�� 7�� 28�� - ��

5.8. 2012�� 8�� 1�� - ����

  • ��기 HTTP Request ����.
  • JSON
    • ���������������� 객�� �����기 ����기.
    • ��기������ ��������(���� ��������), �� ��������(�� or 객) �� ������ ��기 ���� �� �� ����.
    • JSON.stringify() ������ JSON.parse() �������� ���� JSON�� Serialization <-> Deserialization����.
  • jQuery
    • Builder Pattern�� �������� jQuery�� �������� �������� jQuery ���� �������� ���� chainning�� �� ������ ����.
    • DOM 객�� wrapping � ����� CSS selector ������ DOM���� Element�� ���� �� ����.
    • Element�� ���� � CSS ���� ���� ������ ���� ��고 jQuery�� �������� ���� ������ ���� ������, ������ ���� ���� ������ � 경������ CSS ���� ���� � ��고, �� ���� ���� ������ � 경������ jQuery ���� �����거�� �� Element�� ���� �� ������� ������ � ���� ���� ����.
    • � Element�� ���� �� ���� ���기 ���� ��� 결과�� �� �� ���� ������ 고�� ����.

5.8.1. ��기

  • �� �기�� css������ � css���� ���� ���� ���������� ������ ��갈����������. -_- ���� �� �� ��걸���� 금�� ������기 ��������. jQuery���� �� ���� �� jQuery객�� ���기 ���� ���� �������� ��기�� �������� 구��� guava�� 그��고 ���� �� �� 구�� �� 궁금����. 그��고 결과 값�� ���� 계���� ���� ������ �� 경��� ���� ���� 그���� 계���� ������ �� �� �������? - ������

5.9. 2012�� 8�� 4�� - ��

  • JavaScript (prototype/closure)
    • Private instance property
  • URI encode
    • Charset
      • ASCII, EUC-KR, CP949, Unicode(UCS), UTF-8
    • JavaScript functions
      • escape, unescape (deprecated) : encoding �� �� �� �� ���������� 구�� ���� �� ����.
      • encodeURI, decodeURI
      • encodeURIComponent, decodeURIComponent
  • document.cookie
  • Browser Object Model : �������������� Browser �������기 �� ��공���� API���� ���. 공������ �� �� �� ��금�� ���� �� ����.
    • window.history
    • window.location
      • Same origin policy
        • Iframe/frames
          • document.domain
        • Ajax(XHR)
    • window.navigator

5.10. 2012�� 8�� 15�� - ����

  • jQueryUI
    • $(document).ready() - ������ ������������ ������ ���� 객 ���� �� ��기 ���� DOM 객 ����고 ���� jQuery ����� ���������� ������ ready() �� ������.
    • setter, getter - � ��� set�� ����� ������ 경������ setter��, 그�� �� 경������ getter�� ��������.
    • ���� ������ - ���� �������� ���� ������ �� �고 �������� ������ �������� �고, �� ������ ��고 �������� ���� ������ �� ���� ������. (ex. $(".add_card").click() / $(".add_card").click(function() { ... }))
    • data() ������ - ���� ������ ���� �� ����� ���������� ����과 ����� ���������� ������ �� 값 ���� ��� ����. ���� �� �기 ������ .data()�� �� �� data� key/value �� DOM������ ��������.
    • append(), appendTo() - jQuery���� ����� ������ ���� ��게 �기 ���� caller parameter� �������� ����. (ex. A.append(B) == B.appendTo(A))
    • live() - ������ ready() �� ���� ������ 걸���� ������ ������ ���� 경�� ��간�� ��� 객���� ���� ��������� ��. �� ready()���� live() �������� ������ ���� ������ 걸 경�� �� ����� ������ ���� �������� 객�� ���� ���� ���� ������ �� 걸��. �� ������ ������ 걸���� ���교�� ���� ���� ������.
  • Trello ����기
    • sortable(), appendTo(), data(), focus(), blur(), clone() ���� jQuery API�� ����.

5.11. 2012�� 8�� 18�� ������

  • Load web page faster!!!
    • CSS -> HTML -> JavaScript ������ html�� ������. - CSS� ���� ���� HTML �������� ���� CSS� ��������. JavaScript �� ���� JavaScript �� ������ ���� ������기 ���� ������ ����� ���� �� ����.
    • JavaScript ���� ���� ����� ��게 걸��게 ����. -> Command Queue �� ����.
    • Script�� ���� - import�� ���� ���������� ���� ���� ���� �� ������������ ���� ������기 ��까�� ��.