1. Technology ¶
- World Wide Web Technology Surveys - http://w3techs.com/
- Markup Language
- Cascading Style Sheet
- Client-side Script Language
- JavaScript Library
- Server-side Script Language
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 기���
- ���������
- ������ ������ ������ 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) ���개
- ���������
- ������ ��������� ��������� ���경��� ������������ ���������고 ��������� ������������. ������ ������������������ 그��� ������������ ��������� ������������ ���������������게 ��������� ��� 기������ ������ ��������� ���������고 ��� ��������� ��������� 경������ 고������고 ���구���기 ������ ��������� ��������� ���공��������� ��������� ���고 ������������. ������ 굳��� ������고 ��������� ������ ��� 개������ ��������� ��������� ���������, ��������� ���������결 과��������� ��������� 기��� ��������� ��������� ��������� ��������� ��� ��� ������������.
- ������ ��������������� ��������� ��������� ������ 2~4��������� ������ 교과��� ��������� ��� ��������� 그 ��������� ��������� ��� ������������. ��������� ������������ ������ 1��������� ���게 ��������� ��� ��������� ������������ ������ 각������ 교과 ��������� ������������ ������ ���고 ������������ ������������ ���������겠���������.
5.3. 2012��� 7��� 11��� - ������ ¶
- XHTML과 CSS 과��� ������
- Form 계��� ���그 ������
- JavaScript DOM API ������개
- form ������������ ��������� ��������� ������ ��� ��������� ������ ��������� ������ ���������������. 근��� 궁금���게 ��������� html5 ���기��� ������������ <a href=""><button>abc</button></a> html5��������� ������게 ��������� ��� ��������� ������게 ��������������������� ��� ��� ������ 경������ ������고 ������������ 그��� ������ ��������� onclick����� on~��� ����������������������������? - ���������
5.4. 2012��� 7��� 14��� - ������ ¶
- ������ ��������� ������������������ ��������� ��������� ������������������. ��������� ��������� ���������까 ������ ������기��� ��������� ���금 ��� ������게 ��������� ��� ��������� �� �����������. 그���고 ��������� ������ ��������� 궁금���게 ���각 ��� ������������ ��������� 궁금���게 ���기���군���. ������ -ㅅ-;; ㅋㅋ ������ ������������ ������������ ������������ ��������� ��� ���게 ��������� ��� ��������� ���.. -_-a 그���고 공������과 ������������ ������고 ������ ������ ������기�� ������ ���������������, ��� ������������ ������ ��� ���고 ���������~ ������ ��������� ��������������� ��������� - 권������
- https��� ������ ��������� ������ ��������. ������ ������ ���고 ������ ��������� ����� ����� ����� ������������ ���������������. ������고 ������ ��������� ������ �������������� ��������� ������������ 급 ������. ������������ �����������경��������� ������게 ��� ���경��� ���게��������� ���������게 ���������고 ����� ���������������. - ���������
- 개������������ ������������ ������ ���기��� ��� ���������(������, HTTPS 기��� ������)��� ��������� ���������게 ������ ��� ��������� ���������������. ������ ��������� ������ ��������� ������ ���깐 ������ 기����� ������������, 그 ������ ��� ��������� ��� ������������ ������������ ��������� 그������ ������������ �������� ��� ������������. ��������������� ������������������ ��������� ��������� ������������고 ������������ ������ ������������ ���갈��� 궁금��������� - ���������
5.5. 2012��� 7��� 21��� - ������ ¶
- ��������������������� 기��������� ������������������ ��� ��������� 구������ ��������� ���게 ������ ���������������. ������ ��������������� ������ ��� ���������고 갈 �������� ��������� ���각��� ���������������. - ���������
- ������������������������ ������ this ���기�� ������������, ��������� ������기��� ������ ��� ��������� ���������������. 개��������� ��������� ������������ �������� ������������ ���급��������� ������ ������������ ��������� ��������� 객���(execution context)��� ��������� ���������기 ��������� this��� ��������������� ��������������� ��������� ������겠군���. p.print��� ���기��� ����� ��������� class p��� ������ ��������� ���기��� 게 ��������� p.print��� ��������� ��� ������ ��������� ���기��� ��������까 ��������� this�� 기��� OOP��� ����� ������ class��� ��������������� ��� ��� ���겠���. 그���고 ������ ��������� ��������� ����� ������ ��������� ������ ��������������� ��������� ��������������������� ��� ����� ��������� ��������� ������ ��� ������������ ������������������. ������ ������ ��������� ��� ������ ���고 ������������ 개��������� ������������ �������� ��� ��� ��������� 꽤 ������������ ������ ;;; ��������������� 개��������� ������������ ���간��� ��� ��������� ��� 급���게 ���갔������, 그������ ��������� ������ ��� ������ ���까��� ���기��� ��� ��� �� ����� ��������� ���������������. - ���������
- ��������������������� ������ ��������� ��������� ������고 기��������� ������ ��������� ��������� ���������������. ��������� 구������ ������그������ ������������ ��������� ������������ 그���게 ����������� ������������ 그 ������ ��������� ��������� ������그������ ������ ������������ ������������ ��������� ��������� ��������� ������ ��������� ����� ���������까 ��� ���������������������. ���금 ��� 공��������� ��� �� �����������. var Person = function(){}; ����� ��������� this�� new��� ������ ��������� ��������� ��������������� ��������� ������������������. ������������ ������ ��������� 그���게 ��������� �� ����� ��������� ��������� ������������ ���거��� 그��� ��������� ���간 ���������기 ������ �� �����������. - ���������
5.6. 2012��� 7��� 25��� - ������ ¶
- ������������ ������������ ����������� ������������ ������ 경������ ����������������� ���������기 ��������� ���기��� ������������ ��������� ������고 ������ ���������기 ������ ��������� ���������������. ������������ 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��� ������ ��� ������ ������ ��������� ���������기 ��������� ������ 결과��� ������ ������ ��������� ������ ��������� 고��������� ������.
- ��� ���기��� 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
- 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��� ������ ��������� ��������������� ������������������ ��������� ��������� ������ ������������������ ������ ��������� ���������기 ���까������ ���기������ ������.