MOOC
-
Github README.md 작성법MOOC/udacity 2018. 8. 7. 00:36
이 강의는 Udacity에서 무료로 제공하는 Writing READMEs 강좌를 요약한 내용입니다. README 파일은 어떤 사람들을 위해 존재하는가? 1. 나2. 직장동료3. 프로그램 사용자 일반적으로 README 파일은 영어로 작성되는데 README 파일을 읽어보는 사람들이 읽고 해석할수 있어야하므로 가장 무난한 영어로 작성한다. 내가 작성한 프로젝트일지라도 기간이 지나면 어떤 목적으로 이 프로그램을 개발하였는지 기억하지 못할 확률이 높아진다. README 파일은 이런 불상사를 막기위함이다. README 파일이 작성되어있지 않을경우에 개발자들이 사용하지 않을 확률이 매우높다. 이미 작성된 README 파일들을 살펴보며 구성요소들을 알아보자 README #1 - factory_girlREADME #2 ..
-
웹 사이트 성능 최적화 기법 Website Performance OptimizationMOOC/udacity 2017. 11. 21. 14:30
이번 강좌에서는 웹사이트 성능 최적화 기법에 대해서 알아보도록 하겠습니다. 기본적으로 웹사이트 성능 최적화란 웹사이트 접속 속도를 최적화하여 최대한 로드율을 빠르게함을 의미합니다. 이번 Udacity의 강좌는 부가강좌의 스타일을 띄고 있지만 왠일인지 한글자막이 달려있어서 편하게 학습한것같습니다. 누군진 모르지만 자막달아주신분에게 감사드립니다. 웹사이트를 최적화하기위해서는 먼저 내가 만든 웹사이트의 접속 속도를 채크해보는것이 가장 1순위가 될것입니다. 구글의 PageSpeed Insights를 통하여 웹사이트를 분석툴을 제공합니다. 정확하지는 않지만 기본적으로 점수를 확인할수 있으므로 내 웹사이트가 대략적으로 어느정도의 웹사이트 성능에 최적화되어있는지 시각적으로 확인이 가능합니다. Google PageSp..
-
유다시티 프로젝트 Udacity Project Classic Arcade Game Clone 진행완료MOOC/udacity 2017. 11. 20. 16:52
유다시티 나노디그리 클래스를 재 진행합니다. 가면갈수록 시간은 정말 빠르고 할것은 넘쳐난다는 말에 공감합니다..ㅎ지난번에 이 프로젝트에서 진행이 막혔었는데 어찌어찌 프로젝트 진행을 완료하였습니다. 아직 채점이 나오지 않아 어떻게 될지 모르겠지만 코드 스타일면에서 많은 수정사항이 요구될것 같습니다 ㅠㅠ 우선 완료된 실행모습입니다. 원래는 잔디밭이 안전위치 보도블럭이 위험지대 (벌레들이 왔다갔다함) 인데 위험지역을 물블럭으로 변경하고 벌레만 적으로 간주하는것이 아닌 돌도 흘러오게 설정해두었습니다. 추가로 위험지대가 3줄이였으나 보시다시피 4줄로 확대되어있음을 확인할수 있습니다. 전체적인 코드는 아래 깃허브 링크에서 확인 가능합니다. 또한 플레이도 가능한데 이는 다른 강좌에서 써보도록 하겠습니다. Gihub에..
-
JavaScript 표준 내장 객체의 확장MOOC/생활코딩 2016. 4. 24. 12:13
2016.04.24. - 표준 내장 객체의 확장 표준 내장 객체(Standard Built-in Object)는 자바스크립트가 기본적으로 가지고 있는 객체들을 의미한다. 내장 객체가 중요한 이유는 프로그래밍을 하는데 기본적으로 필요한 도구들이기 때문에다. 결국 프로그래밍이라는 것은 언어와 호스트 환경에 제공하는 기능들을 통해서 새로운 소프트웨어를 만들어내는 것이기 때문에 내장 객체에 대한 이해는 프로그래밍의 기본이라고 할 수 있다. 자바스크립트는 아래와 같은 내장 객체를 가지고 있다. ObjectFunctionArrayStringBooleanNumberMathDateRegExp 123456var arr = new Array('seoul','new york','ladarkh','pusan', 'Tsukub..
-
JavaScript PrototypeMOOC/생활코딩 2016. 4. 24. 11:29
2016.04.24. - 자바스크립트 프로토타입 1234567891011function Ultra(){}Ultra.prototype.ultraProp = true; function Super(){}Super.prototype = new Ultra(); function Sub(){}Sub.prototype = new Super(); var o = new Sub();console.log(o.ultraProp);cs 그럼 prototype이란 무엇인가? 한국어로는 원형정도로 번역되는 prototype은 말 그대로 객체의 원형이라고 할 수 있다. 함수는 객체다. 그러므로 생성자로 사용될 함수도 객체다. 객체는 프로퍼티를 가질 수 있는데 prototype이라는 프로퍼티는 그 용도가 약속되어 있는 특수한 프로퍼티다..
-
JavaScript 상속MOOC/생활코딩 2016. 4. 24. 01:21
2016.04.23. - 상속 상속이란 객체로 연관된 로직들로 이루어진 작은 프로그램이라고 할수 있는데 상속은 객체의 로직을 그대로 물려받는 또 다른 객체를 만들 수 있는 기능을 의미한다. 또한 이 상속된 객체들의 로직을 수정하고 변경해서 파생된 새로운 객체를 만들수 있게 한다. 123456789101112131415function Person(name){ this.name = name;}Person.prototype.name=null;Person.prototype.introduce = function(){ return 'My name is '+this.name; } function Programmer(name){ this.name = name;}Programmer.prototype = new Perso..
-
JavaScript thisMOOC/생활코딩 2016. 4. 23. 21:37
2016.04.23. - this this는 함수 내에서 함수 호출 맥락 (context)를 의미한다. 이는 상황에 따라서 의미가 달라질수 있다는 뜻인데 함수를 어떻게 호출하느냐에 따라 this가 가리키는 대상이 달라진다는 뜻이다.함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 실질적인 연결점의 역할을 한다. 12345678var o = { func : function(){ if(o === this){ document.write("o === this"); } }}o.func(); cs 객체의 소속인 메소드의 this는 그 객체를 가르킨다. 고로 결과값은 o===this가 출력된다. - 생성자의 호출 1234567891011121314var funcThis = null; fun..
-
JavaScript 전역객체MOOC/생활코딩 2016. 4. 23. 20:37
2016.04.23. - 전역객체 전역객체는 특수한 객체로 모든 객체는 이 전역 객체의 프로퍼티이다. 12345function func(){ alert('Hello?'); }func();window.func();cs func(); 와 window.func(); 모두 실행이 되는데 모든 전역변수와 함수는 window 객체의 프로퍼티이므로 작동하는것이다. 하지만 명시하지 않아도 암시적으로는 window의 프로퍼티로 간주한다. 전역객체 APIECMAScript에서는 전역객체의 API를 정의해두었다. 그 외의 API는 호스트 환경에서 필요에 따라서 추가로 정의하고 있다. 이를테면 웹브라우저 자바스크립트에서는 alert()이라는 전역객체의 메소드가 존재하지만 node.js에는 존재하지 않는다. 또한 전역객체의 이..