Angular2 가 나온지 벌써 꽤나 긴 시간이 지났습니다. 최초에 이 프레임워크에 관심이 있어 관련 포스팅을 했었는데, 이미 구 버전이 되어버린지라 새롭게 포스팅을 시작하려고 합니다. 이전 포스팅들은 다음 주소에서 확인할 수 있습니다. http://dalkomit.com/category/Old/old-Angularjs2 공식 홈페이지의 주소는 다음과 같습니다. https://angular.io/ Angularjs 2 는 무엇이며, 왜 사람들이 배우려고 하는 것인지에부터 차근차근 알아보려 합니다.강좌 형식이지만, 정확히는 제 공부 내용을 정리하는 것입니다 ! 부족한 부분은 댓글로 달아주시면 찾아보도록 하겠습니다. Angular 2 는 무엇인가? 위의 Angular2 메인 사진에 보면 알 수 있듯이, On..
이름 짓기의 중요성 코딩을 하다 보면 이름 짓기에 꽤나 많은 시간을 들이게 된다. 변수명, 함수명, 클래스 이름 등등...다양한 속성들이 존재하는데, 각각의 것들은 이름으로 그 기능을 알 수 있는 것이 좋다. 개발 작업은 특별한 경우를 제외하고는 1인이 아닌 다수의 개발자가 팀을 이뤄 프로젝트를 진행한다.자신이 만든 코드를 자신만 보는 경우는 드물고, 코드 리뷰를 통하여 함께 코드를 개선시키고 프로젝트를 진행시켜 간다. 따라서, 자신이 시간이 아주 많고, 할 일이 너무 없어서 자신이 짠 코드들을 일일이 다 설명해 주고 싶다면 코드를 자신만 이해할 수 있는 방법으로 프로그래밍 해도 좋다. 하지만, 그렇지 않기에 코드 그 자체를 보고 다른 사람이 이해할 수 있도록 짜주는 것이 바람직하다. 그럼 다양한 이름들..
자바스크립트의 특별한 성질인, 클로저(Closure)가 드디어 나왔습니다. 클로저는 자바스크립트에서 많은 역할을 수행하며, 함수가 객체라는 성질과 객체의 유효 범위(스코프) 성질 덕분에 사용 가능합니다. 그렇다면, 유효 범위(Scope)가 무엇인지부터 알아봅시다. 객체의 유효 범위(Scope) ?객체의 유효 범위란, 선언된 객체가 참조될 수 있는 범위를 의미합니다. 컴퓨터는 유한한 자원(저장 공간)을 지닌 물리적 매체이기 때문에, 모든 객체를 영원히 저장하는 것은 낭비입니다. 따라서 모든 프로그래밍 언어는 메모리를 효율적으로 사용하기 위하여 유효 범위를 가지고 있습니다. 일반적으로 C 프로그래밍으로부터 나온 언어들은 블록 스코프를 갖고 있습니다. 따라서, C의 경우에는 다음과 같은 상황이 있을 수 있습니..
자바스크립트 에서, 그리고 다른 프로그래밍 언어에서도 항상 중요한 함수에 관한 내용입니다. 자바스크립트 의 강점 중에 하나는, 함수가 객체로 활용된다는 것이고, 이 객체를 통하여 여러가지 속성들을 사용할 수 있다는 것입니다. 함수를 통하여 다양한 기능들을 모듈화 합니다. 함수란 무엇인가 ? 먼저, 함수란 특정한 기능을 수행하는 코드들의 집합이며, 자바스크립트에서는 객체로 취급됩니다. 따라서, 함수는 이전에 객체를 선언했던 모습과 유사하게 선언할 수 있습니다. 123456var adder = function(a, b){ var sum = a + b; return sum;} console.log(adder(3,5));cs 위의 코드에서 adder라는 객체는 함수 객체입니다. 위와 같은 방식으로 선언될 수 있..
놀이가 없었던 시절이 있었을까? 지나치게 게임에 과몰입하여 건강을 챙기지 못하여 사망한 사건, 혹은 자신의 캐릭터를 돌보느라 아이를 돌보지 못하여 아이가 죽은 사건 등. 게임으로 인하여 안 좋은 사건들이 일어나는 것을 뉴스를 통하여 종종 볼 수 있다. 게임은, 나쁜 것일까? 먼저 앞서서, 게임은 하나의 놀이이다. 놀이에 대해 생각해보자. 생각을 해보자면, 놀이가 없었던 시절이 있었을까? 컴퓨터와 스마트폰이 보급되지 않았던 시절에는, 전통 놀이들이 우리 선조들의 즐거움을 채워주었다. 윷놀이, 투호, 사방치기, 비석치기.전통놀이까지 가지 않더라도, 어렸을 적에 했던 딱지치기, 구슬치기는 누가 하라고 시키지 않았는데도 누구나 좋아하는 것이었다. 운동은 어떤가? 축구를 보면, 공을 찬다고 밥이 나오지 않는다.(..
자바스크립트 조건문 조건문이란 어떤 코드를 실행하기에 앞서, 조건에 부합하는지 확인하는 코드이다. if 조건문의 키워드는 2가지 종류로 나뉘는데, if 와 else 로 나뉜다. if 문이 성립한다면, else문은 무시하게 되고, if문이 성립하지 않은 경우에는 else문을 검사하게 된다. 사용하는 방식은 다음과 같다. 12345678910var a = 5;var b = 3; if(a > b){ console.log('a가 b보다 큽니다!');}else if(a b의 조건이 만약에 성립한다면(true)라면, 해당하는 중괄호의 코드를 실행하고, 나머지 else 문들은 그냥 넘어간다. 지금은 a가 5이고, b가 3이기 때문에 4번의 a > b 조건이 true 이다. 따라서 5번 코드를 실행하고, 6~10번 코..
자바스크립트는 이전 포스팅에서 다뤘듯이, 객체 지향 언어이다. 그렇다면 객체는 무엇인가 ? "자바스크립트에서 객체는, 변형 가능한 속성들의 집합이라고 할 수 있습니다."- 더글라스 크락포드의 자바스크립트 핵심 가이드 프로그래밍을 처음 하는 사람이라면, 이것이 무슨 말인지 잘 와닿지 않을 수도 있다. 작은 예시를 들어보자면, '양디' 사람(객체)가 있다고 하자. 이 객체는 여러 가지 속성들로 이루어져 있는 집합이다. 예를 들어, 나이라는 속성과, 취미라는 속성, 홈페이지라는 속성이 있다고 하자. 이 속성은 변형이 가능하다. 나이는 시간이 지나면 늘어나게 마련이고, 취미와 홈페이지 또한 얼마든지 바뀔 수 있는 것이다. 이것이 객체인 것이고, 속성들을 저장하고 그 속성들을 통하여 프로그램을 사용하는 것이다. ..
자바스크립트의 특징JavaScript란 어떤 특징과, 어떠한 장단점을 가지고 있는지 한번 생각해보자.이번 장에서는 JavaScript가 웹 상에서 어떻게 사용되고 있는지에 대한 Web 구성 요소일 때의 JavaScript와,하나의 프로그래밍 언어로써의 JavaScript에 대해 나눠서 알아보고자 한다. JavaScript 와 Java ? 프로그래밍에 관심이 있는 사람이라면, Java라는 언어에 대해서 들어봤을 것이다.대표적인 객체 지향 프로그래밍 언어로, 가장 많이 쓰이는 언어 중에 하나이다. 그럼 JavaScript에는 왜 Java가 들어갔을까? 혹시 Java로부터 나온 언어인 것일까 ? 하는 의문점이 든다. 결론부터 말하자면, '아니다'. 인도와 인도네시아가 다르듯이 , Java는 자바 가상 머신(J..
JavaScript 환경 구축 JavaScript 를 실행하기 위한 환경을 우선 구축해보자. 방법은 여러 가지 있지만, 여기서 소개할 방법은 3가지 방법이다. 첫번째, Web Browser를 사용한다. (Chrome) JavaScript 는 애초에 웹 페이지 개발을 위하여 만들어진 프로그래밍 언어이기 때문에, 대부분의 웹 브라우저는 JavaScript를 지원한다. 따라서, 웹 페이지를 제작하고 이를 웹 브라우저 상에서 여는 것으로 JavaScript를 코딩하고 실행해볼 수 있다. 다음과 같은 과정을 통하여 코딩을 하고, 실제로 확인을 해보자. 먼저 메모장, 워드 등의 TXT 편집이 가능한 에디터를 통하여 다음과 같은 소스를 입력한다.(마땅한 에디터가 없다면, 무료인 Atom 에디터를 추천한다. 다음 링크..