Dog foot print

객체라는 것을 설명하기에는 포스팅 몇개로 끝나지는 않을 것 같기에 객체에 대한 기본적인 것만 초반에 작성하고 추후에 점차 양을 늘릴생각이다. (혹시라도 객체지향프로그래밍이 궁금하다면 꼭 보길 바란다. ) 상속 혹시 페가수스라는 생물을 아는가 ? 페가수스는 말의 모습을 하고 있지만 날개가 달린 환상의 동물이다. 이 페가수스는 부모인 말과 조류에게서 말의 형태를 물려 받았고 조류로 부터 멋진 날개와 비행실력을 가지고 있다. 이처럼 부모의 프로퍼티나 메서드를 쓸 수 있게 물려받는 것을 상속이라고 한다. class 포유류{ constructor(){ this.leftleg = "왼쪽다리"; this.rightleg = "오른쪽다리"; } hasBaby(){ console.log("새끼를 밴다.") } } cla..

보통 객체라는 개념은 단번에 익히기 어렵지만 프로그래밍을 하면서 절대 떨어트릴래야 떨어질 수 없는 녀석이다. 우리도 지금 자바스크립트에서 객체를 만들고 사용하는 방법을 제대로 익히지 않았지만 실제로는 몇개의 객체를 사용했고 변경하였다. 객체는 다소 어려워 보이지만 사실 조금 배울게 많은 붕어빵밖에 안되니 걱정말자 ! 객체 러닝 자바스크립트 - 한빛미디어 에서는 객체를 이렇게 정의했다. "객체는 데이터와 기능을 논리적으로 묶어 놓은 것입니다. " 라고 말이다. 객체는 이 객체가 할 수 있는 기능인 메서드를 가지고 있고 이 객체에 대한 정보를 가지고 있는 프로퍼티를 가지고 있다. 다시 한 번 프로퍼티는 key와 value로 나뉜다. 객체를 사람으로 비유하자면 이러하다. key는 배열과 마찬가지로 특정 val..

배열은 다른언어에서는 같은 데이터타입이 메모리상 선형구조로 있는 자료구조를 말한다. 그러나 자바스크립트에서는 배열에 다른 데이터 타입이 들어가도 작동된다. 배열은 우리가 코드를 작성할때 코드의 라인을 여러개 쓰지 않고 각기 다른 메모리에 작성할 수 있는 이점이 있다. 배열의 구성 배열은 key와 value로 구성된다. 배열은 메모리가 연결되어 있는 모습을 하고 있는데, key는 배열에 담겨있는 값 (value)를 찾기 위해 사용되는 메모리의 번호이다. 배열의 0번 방에는 "h" 가 들어있는데 이때 0번방에 해당하는 번호가 key이다. (배열의 첫번째 방은 0부터 시작한다. ) 배열의 선언과 사용 var array = []; //선언 var array = [1,2,3,4,5,6,7,8,9,10] // 선언..

중학교 때 함수라는 것을 수학시간에 배운적이 있다. 그런데 그 때 당시 나는 수학을 너무 싫어해서 함수만 보면 경기를 하고는 했다. 그리고 나이가 들어 프로그래밍을 배우기 시작하는데 함수라는 것이 등장하였다. 중학교 때 너무나도 싫어 하던 두 글자 '함수' 였지만 어릴적 싫어하던 수학시간의 함수와 개념은 비슷했지만 이 함수를 이용하는 것은 중학교 때 보다 너무 쉬웠다. 함수란 내가 쉽게 사람들한테 설명할 수 있는 함수의 정의는 "어떤 한 행위에 대한 절차" 이다. 중학교 때 아래와 같은 그림들을 많이 보았을건데 함수는 input을 이용해서 이 input을 가공해서 output을 만들어 낼 수도 있고 input없이 output을 만들어 낼 수 있다. 쉽게 말해서 내가 지정하는 논리에 의해 함수는 특정 동작..

비쥬얼 스튜디오를 최근에 들여온 아이맥에서 사용하다 불편한 점을 느낀 것이 있다. 바로 다음과 같이 탭창의 아이콘들이 비슷비슷해서 알아먹기 힘들다는 것이였다. 이렇게 비슷하게 생겨먹으니 한번에 알아보기도 힘들고 간단한 예제파일을 만들어 한 폴더안에 css,js,html 파일들이 뭉쳐있을때는 더욱 가관이였다. 그래서 익스텐션중에 이쁜 icon 테마를 찾던 중 material icon이라는 익스텐션을 찾았다. 마테리얼 아이콘은 내가 사용하는 모든 파일형식의 아이콘을 다 가지고 있었고 파일형식 간 식별하기도 매우 좋았다. 또한 작업영역에 나오는 폴더들 또한 다음 과 같이 아이콘화 되며 폴더명에 따라 폴더의 아이콘이 변하는 모습을 볼 수 있다. 또한 마테리얼 아이콘은 자체적으로 가지고 있는 테마도 여럿 있으며 ..

하루에 두번 씩 블로그를 업데이트 하기로 자스민 사람들과 약속하였다. 오늘 새벽에 javascript for문과 while에 대해서 올려서 오늘 두개를 올린 것은 맞지만 ... 쪼오금 양심에 찔리기 때문에 시간이 있을 때 몇가지의 html태그들과 개행을 사용하는 방법을 정리하려한다. 시작하며 지난 포스팅에서 이와 같은 구조의 html 기본 뼈대를 만들었을 것이다. 그리고 우리는 웹에서 텍스트나 무언가들이 보이려면 태그 안에 작성하는 것을 알고 있다. 앵커 ,링크 앵커태그는 우리가 흔히 알고 있는 텍스트를 누르면 다른 웹페이지로 이동 할 수 있는 링크를 만들어 주는 태그이다. go To Naver 위와 같이 앵커태그를 작성하면 놀랍게도 아무일 도 일어나지 않는다 ! 그 이유는 우리가 태그에 링크를 걸어주지..

시작하며 html은 브라우저에서 웹페이지를 만들기 위해서 만드는 골조구조와 같은 역할을 한다. 이 html은 Hyper text markup language의 약자로 programming language(java, jvascript,c, c++등) 과 달리 연산이 불가능 하다. 그렇기에 동적인 웹페이지를 만들려면 html과 더불어 동적언어인 javascript를 사용하여 각 버튼이나 입력창이 동작케하도록 해야한다. html은 프로그래밍을 처음 접하는 사람들도 단 기간에 익히기 쉬운 언어이기에 나는 보통 처음 프로그래밍을 접하는 사람들에게 c언어나 자바를 접하기 보다 html 을 먼저 접해서 본격적으로 프로그래밍을 접하기 전 공부할 수 있는 흥미가 돋았으면 한다. 나는 마이크로소프트에서 제공하는 visua..

혹시 단순 노동일을 해본적이 있나? 나는 23살 군대에서 휴가나와서 잠시 아버지의 목공이신 지인분을 따라 아파트 건설현장에 가서 일을 도와준적이 있다. 내가 했던 일은 1층에 문을만드는 자재가 오면 그 자재를 2개동의 각 층마다 두는 역할을 했다. 엘리베이터를 타기에 육체적으로 힘들지는 않았지만 반복되는 작업이라 매우 귀찮고 지루했다. 프로그래밍을 짤때도 마찬가지이다. 1부터 10까지 console.log()를 사용하여 출력하려면 코드상에 다음과 같이 작성해야는데 보기도 좋지않고 만약 1부터 10000까지 출력해야 한다면 이는 실로 말할 수 없는 고통스러운 일이 될 것이다. console.log(1) console.log(2) console.log(3) ... console.log(10) 앞으로 다룰 f..