수업을 마치며 - WEB2 - JavaScript (opentutorials.org) 수업을 마치며 - WEB2 - JavaScript Long take 버전 코딩장면만을 담은 버전의 영상입니다. 복습할 때 도움이 되면 좋겠습니다. 좋아하는 음악 틀어놓고 배속으로 보시면 덜 지루합니다. 지식지도 관련된 지식의 지도입니다. 지도 opentutorials.org ​ 자신의 프로젝트를 시작할때 모든 개념을 동원하려 하지말라. 필수불가결한 최소한의 도구만을 가지고 문제를 해결하려고 시도하라. 최소한의 도구란? 순서에 따라 실행되야 할 명령들이 실행되는것. 순서대로 실행된다는 것만으로도 프로그래밍은 충분히 혁명적이다. 머리가 너무 복잡해지면 아무 것도 할 수가 없다. 실행하다가 한계가 올 때 , 실습을 멈추고 공..

UI vs API - WEB2 - JavaScript (opentutorials.org) UI vs API - WEB2 - JavaScript UI vs API 2017-12-02 16:25:56 opentutorials.org ​ UI (User Interface) API (Application Programming Interface) ​ ​ 1.사용자가 시스템을 제어하기 위해서 사용하는 조작장치 = UI 2.애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작장치 = API API는 모든 프로그래밍 언어에 공통적으로 적용 API와 순서는 단어와 문법처럼 부품과 부품의 결합방법처럼 뗄레야 뗄 수 없는 관계이다.

라이브러리와 프래임워크 - WEB2 - JavaScript (opentutorials.org) 라이브러리와 프래임워크 - WEB2 - JavaScript 라이브러리와 프래임워크 2017-12-02 16:24:54 opentutorials.org ​ 1.라이브러리(library) 2.프레임워크(framework) - 두가지는 다른 사람의 도움을 받아 소프트웨어를 만든다는 점에서 비슷하다. 1.라이브러리는 내가만들고자 하는 프로그램에 필요한 부품들이 되는 소프트웨어를 잘 정리정돈 해놓는 소프트웨어 내가만들고있는 프로그램에 사용할 부품​을 가져오는 것 같은 느낌 2.프레임워크는 만들고자 하는 것이 있을때 만들고자 하는 것이 무엇이냐에 따라서 (예 게임,채팅,웹) 언제나 필요한 공통적인 부분은 프레임워크라는 것..

파일로 쪼개서 정리 정돈하기 - WEB2 - JavaScript (opentutorials.org) 파일로 쪼개서 정리 정돈하기 - WEB2 - JavaScript 파일로 쪼개서 정리 정돈하기 2017-11-29 10:32:18 opentutorials.org ​ 정리정돈의 도구들 : 함수,객체 함수와객체보다 더 큰 정리정돈의 도구 (가장 큰 정리정돈의 도구)이자 서로 연관된 코드들을 파일로 묶어서 그룹핑 하는 것. = 파일로 쪼개서 정리 정돈하기 이것을 사용하면 웹페이지가 아무리 많아도 많은 웹페이지들을 감당할 수 있게된다. 1.html WEB HTML CSS 2.html WEB HTML CSS 3.html WEB colors.js var Links = { setColor:function(color){..

객체 활용 - WEB2 - JavaScript (opentutorials.org) 객체 활용 - WEB2 - JavaScript 객체 활용 2017-12-02 16:21:10 opentutorials.org ​ 바디라는 변수에 객체를 담는다. var Body = { } 이 객체에 프로퍼티(객체에 소속된 변수) 로 setColor를 지정한다음에 var Body = { setColor: } 여기있는 이코드에 function을 넣어 사용 객체는 객체의 프로퍼티와 프로퍼티를 구분할때 콤마(,)를 찍는다. var Body = { setColor:function (color){ document.querySelector('body').style.color = color; }, setBackgroundColor:fun..

객체 - WEB2 - JavaScript (opentutorials.org) 객체 - WEB2 - JavaScript 객체 2017-11-28 23:32:58 객체의 쓰기와 읽기 변경사항 객체와 반복문 변경사항 프로퍼티와 메소드 변경사항 opentutorials.org 1.객체의 쓰기와읽기 / 2.객체와반복문 / 3.프로퍼티와메소드 객체의 쓰기와 읽기 ​ 배열(array) - 정보를 담는 그릇이면서, 순서대로 정보가 저장된다. 예) var coworkers = ['egoing', 'leezche'] coworkers[0] → egoing coworkers[1] → leezche 그러면 반대로, 순서없이 정보가 저장되는 것은? : 객체 객체 - 이름이 있는 정리정돈 상자 Object Create * 배열을..

https://opentutorials.org/module/3180/18884 객체예고 - WEB2 - JavaScript 소스코드 변경사항 opentutorials.org 객체 - 정리정돈의 수단 ( 쉽게 표현하자면 폴더 ) function LinksSetColor(color){ var alist = document.querySelectorAll('a'); var i = 0; while(i < alist.length){ alist[i].style.color = color; i = i + 1; } } function BodySetColor(color){ document.querySelector('body').style.color = color; } function BodySetBackgroundColor..

https://opentutorials.org/module/3180/18883 함수의 활용 - WEB2 - JavaScript 소스코드 변경사항 opentutorials.org 리팩토링 하는데 필요한 함수 WEB HTML CSS JavaScript JavaScript JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of the three core technologies of Wo..