Nathan's 개발 일지

keypoint inheritance prototype OOP (Object Orientered Programming) OOP는 객체 지향적 프로그래밍을 의미한다. 인간의 말과 비슷한 언어로 컴퓨터가 동작하게 만드는 프로그래밍 하는 것이다. 이러한 객체 지향적 프로그래밍은 고차원 언어라고 한다. 이와 반대인 절차 지향 언어는 순서를 중요하시는 프로그래밍이다. 인간의 말과 비슷한 고차원 언어와 반대로 저차원으로 컴퓨터의 말로 입력하여 동작을 처리할 때 객체 지향 언어보다 빠르게 처리된다. 절차 지향 언어는 빠르게 처리되지만 컴퓨터의 언어와 가까울수록 프로그래밍 하기는 어렵다. 현재에는 컴파일러의 발달로 객체 지향으로 프로그래밍을 해도 빠른 속도가 나오기 때문에 OOP를 한다. 객체지향적 프로그래밍은 사용하..

오늘 배운 것 화살표 함수 (arrow function) 함수의 표현식을 축약한 형태로 표시하는 함수인데, 여러모로 유용하게 쓰일 것 같다. 함수 안에 표현식이 두줄 이상일때는 return 값을 생략하는 것 보단 중괄호랑 return을 써주는게 보기 좋다. 보기만 편하게 하는 함수가 아니라 this를 binding하는 과정이 생략된다는 점을 기억하자. this 키워드 this는 함수가 호출될 때 결정이 된다. 호출되는 방식에 따라 this도 바뀐다는점이다. 호출되는 방법과 무관하게 하려면 bind로 묶어버리자. 직접 호출하는 코드를 살펴보면 this가 무엇을 가르키는지 파악할 수 있다는 점.( . 온점 옆에 있는 친구를 잘 보자. ex) child.getAge() ) 쉽게 이해하려면 궁예를 떠올리면 될 ..

오늘 배운 것 JavaScript 런타임과 node.js 런타임이란? 프로그래밍 언어가 구동되는 환경을 말합니다. 여기서 환경이란, 어떤 프로그래밍 언어가 동작할 수 있는 프로그램"입니다. 자바스크립트가 돌아가는 환경은 브라우저 밖에 없었으나, node.js라는 새로운 자바스크립트 런타임이 나왔습니다. 이 덕에 자바스크립트를 이용하여 웹페이지 뿐만 아니라 서버같은 다른 프로그램에서도 자바스크립트를 사용 가능하게 되었습니다. 요약하면, JavaScript 런타임은 자바스크립트가 돌아가는 환경, node.js는 자바스크립트 런타임입니다. NVM Node Version Manager를 말합니다. NVM은 다양한 node version를 설치하고 관리할 수 있는 프로그램입니다. Git Workflow 여러 개발..

ES6? ES란 ECMA스크립트의 줄임말이며, 표준화된 스크립트 프로그래밍 언어를 말합니다. 자바스크립트를 표준화하기 위해 만들어졌습니다. 기존의 자바스크립트의 부족한 점을 보완하고자 2015년 ECMAScpript(ES2015)인 ES6가 출판되었고, 기존보다 효율적으로 코드를 작성할 수 있게 되었습니다. 그중 가장 많이 쓰이는 ES6 문법들에 대해 정리해보았습니다. 아래 정리 내용은 자바스크립트 최신문법~ 내용을 보며 정리한 내용입니다. ~ES6 (2015) Shorthand property names Destructuring assingnment Spread Syntax Default parameters Ternary Operator Template Literals Shorthand property..

- 재귀함수(Recursion Function)란 함수 내에서 함수 자신을 호출하는 함수이다. - 구조가 비슷한, 주어진 문제가 더 작은 문제로 나누어 질 수 있는 경우 사용 - 중첩된 루프가 많거나 중첩의 정도(number of loops)를 미리 알 수 없는 경우 사용 함수내에서, 자기 자신을 계속 호출하여 더이상 더 작아질 수 없는 선까지 도달한 이후에 다시 돌아가서 값을 가져온다. 학창시절에 배웠던 팩토리얼을 떠올려보자. 4!의 경우 4 * 3 * 2 * 1이고 답은 24이다. 이것을 for문으로 표현하면 let arr = [1, 2, 3, 4] let result = 1; function factorial(arr) { for (let i = 0; i < arr.length; i++) { resu..

- DOM은 Document Object Model의 약자로, HTML(Document)에 접근하여 Object(JavaScript Object)처럼 HTML을 조작(Manipulation)할 수 있는 Model이라는 의미를 가지고 있다. 즉, 자바스크립트를 사용하는 방법을 알고 있으면 DOM을 활용하여 HTML을 조작할 수 있다는 의미. 첫 1, 2주는 할만한데 3주차부터는 어려워진다고 이 강의를 먼저 수강한 친구에게 들었었다. 막상 내가 1, 2주차를 할 때는 그것도 어려웠는데 3주가 되고 고차함수, 알고리즘, DOM을 배우니 그 말을 이제 이해한다. 앞에 1, 2주는 맛보기였던것일까. DOM으로, 지금까지 배워온 자바스크립트 지식을 활용하여, html로 틀을 만든 'Twittler'를 동작하도록 하..

- 주말간에 자바스크립트 변수의 자료형, 조건문, 문자열, 반복문 코플릿 문제를 복습했다. - 반복문은 봐도봐도 어렵다.. - 오늘 새로 자바스크립트 배열과 객체에 대해 배웠다. - 아주 조금씩 느리게 실력이 늘고있다. - 나는 응용력이 부족하다.. - 아직 한참 멀었다. 아주 미약한 수준이지만 TIL을 남기며 블로깅을 한다.

- 자바스크립트 조건문과 문자열에 관하여 배웠다. - 강의 들을때는 다 이해했다고 생각하는데 막상 실전으로 문제를 풀어볼때는 색다르다. - 바보가 된 느낌이다. 나름 열심히 한다고 늦게까지 붙잡고 복습을 한다. 그래도 이해가 안간다. 그냥 따라서 하는 것 만으로도 아직 벅차다. - 자기 주도적으로 모르는 부분을 찾아서 하는 것에 대해 아직 익숙치가 않다. (검색해서 봐도 모른다.)