Datastructure 는 data를 표현하는 방법에 대한 이야기이다. 어떤식으로 data를 표현해야 효율적으로 문제를 해결할수 있을지에 대한 것에서 나왔다고 볼 수 있겠다. 비단 프로그래밍뿐만 아니라 일상생활에서도 적용되는 것들도 있다.(다만 그것이 이런 것이다 라고 표현하지 않을 것일 뿐이다.) 1.Queue (큐) Queue라고 하는 이 자료구조는 first in first out 으로 처음 들어간 data가 처음으로 나오는 구조를 갖는다. 대표적은 queue는 줄서기이다. 그냥 차례차례 그 순서대로 진행되면 전부 다 Queue라고 보면된다. Queue가 가지고 있는 property 는 element의 갯수, 방향(순서,index) 정도가 있고, method는 맨 앞에서 element를 꺼내는 p..

OOP 의 기본 컨셉은 프로그램 내에서 표현하고자 하는 실 세계(real world)의 일들을 객체를 사용해서 모델링하고, 객체를 사용하지 않으면 불가능 혹은 무지 어려웠을 일들을 쉽게 처리하는 방법을 제공한다. - mdn 객체의 모델링을 만들고 그것을 활용한다. 이것이 oop의 기초인것 같다. oop가 나온이유는 아마 이전에 절차적으로 작성한 코드들의 문제점, 혹은 불편한 점때문에 나온것이라고 생각된다. 객체의모델링, encapsulation 객체의 모델링은 객체 내에 필요로하는 데이터와 행동들을 표현하는것으로 한다. class라는 모델을 표현하자면 대략 이런식으로 할수 있을것이다. 여기서는 data는 name,age,gender,interests. 행동은 bio, greeting정도로 볼수 있겠다. ..

앞선 포스팅에서 git을 이용하여 commit하는것까지 알아보았다. local repository에 있는 코드를 원격 repository에 올려보자. github 자신의 계정에서 repository를 만들고 그것을 내 local repository랑 연결만 해주면 끝이난다. 매우 간단하다. 내컴퓨터에서 git 초기화와 변경사항 commit (이미 되어있다고 전재로 하겠음) [Git] Working Directory, Repository 1. Working Directory(작업공간) 실제 코드를 작성하는 파일이 모여 있는 폴더라고 생각하면 된다. 말 그대로 작업 공간이다. 내가 어디서 코드를 작성하는지 정하는것은 매우매우 중요하다. 작업 디렉토리 - 위키.. artdev.tistory.com cf. gi..

BEM 방법론은 css를 작성할때 좀더 효율적이고 유지보수가 쉽도록 해주는 일종의 규칙이다. B (Block) E(Element) M(Modifier) 으로 구조를 나누어서 class이름을 주는것이다. 이 규칙을 적용하면 모듈화가 편해 코드의 재사용성도 올라가게되어 여러모로 좋은 방법론인것 같다. B - Block 블록은 말 그대로 html에서 요소들을 감싸고 있는 큰 요소이다. (컨테이너라고 이해해도 되겠다.) 블록은 아무 dom node가 와도 상관없다. (위는 예시로 div태그를 사용한것일뿐) class 이름을 붙일때는 해당 dom node가 block이라는것만 알도록 naming 해준다. (한단어로 해주면됨.) (ex. ... ) css를 작성할때는 class만 사용한다. (tag name, id..

node에서 file system 은 표준 posix 기능에 기반한 api다. 바로가기 : [ what is posix? ] node의 file system api들은 비동기함수(asynchronous)과 동기(synchronous) 함수 기반으로 되어있다. const fs = require('fs'); fs.unlink('/tmp/hello', (err) => { if (err) throw err; console.log('successfully deleted /tmp/hello'); }); 비동기 형식의 api는 해당 함수의 마지막 인자(2번째가 아니라 마지막!) 로 완료를 알리는 callback 함수를 받게 된다.(이하 완료콜백이라 하겠음.) 완료콜백은 ap..

Cambridge Dictionary 에서 call back의 뜻을 알아보았다. 정의들을 보면 빈번하게 중복되는 단어를 볼수가 있다. request 와 return 어떤 요청을하고 그에 따른 리턴을 받는것. 프로그래밍에서의 callback도 동일하다. function sayHello(){ console.log("hello!"); } sayHello(); 이 코드는 sayHello함수의 실행의 주체가 '나' 다. 내가 불렀으니까. function sayHello(){ console.log("hello!"); } setTimeout(sayHello, 3000); 하지만 이 코드는 sayHello함수의 실행주체는 setTimeout함수다. (나는 함수 작성만 했을 뿐.) "setTimeout함수야, 3초후에 ..

this는 가리킬뿐. this는 객체 생성시, 함수 생성시 자동으로 생성되는 변수같은 놈이다.(그렇다고 변수는 또 아니다...) this는 객체를 "가리킬"뿐이다. (자.동.으로) [Javascript] 값을 저장하는 방식, pass by value vs. pass by reference 1. 값을 저장하는 방식 자바스크립트뿐만 아니라 대부분의 프로그래밍 언어들은 값을 변수에 저장하는 방식이 크게 2가지가 있다. 1. 어떤 값을 메모리 공간에 직접 넣고 변수를 할당하는 방법 2. 어떤 값을 저장.. artdev.tistory.com "가리키다" 라는것이 잘 이해가 되지 않는다면 이 글을 보고 이해하고 와야한다. (pass by reference 부분) this는 우리가 강제로 다른것을 할당할수는 없다. ..

git이 변경이력을 저장하려면 일련의 순서를 지켜야 한다. 이 그림만 잘 기억한다면 git의 기본은 안다고 할수 있겠다. git으로 하는 일은 기본적으로 아래와 같다. 워킹 디렉토리에서 파일을 추가,수정,삭제,생성 한다. Staging Area에 있는 파일을 Stage 해서 커밋할 스냅샷을 만든다. 모든 파일을 추가 할수도 있고, 선택하여 추가할수도 있다. Staging Area에 있는 파일들을 커밋해서 git 디렉토리에 영구적인 스냅샷으로 저장한다. 이 일련에 순서에 따라서 깃에 변경이력을 남기는 작업을 하게 되는것이다. 실제로 커밋하는 예제를 보자. 1. 워킹 디렉토리에서 파일을 추가,수정,삭제,생성한다. git을 쓰기위한 기본조건은 워킹디렉토리에 git init 명령어를 사용하는것을 기본 전제로 한..

영화 알라딘을 보면 아그라바의 술탄이 자신의 권력에 도전하는 자파에게 하는말이 있다. "Remember your place, Jafar!" html 과 css는 브라우저에서 시각적인요소를 표현하는 역할을하고 있다. 이번 포스팅에서 할 얘기는 "각자의 일은 각자가 하자" 이다. ... ...내용... 위의 html을 보면 태그를 이용하여 내용에 이텔릭체를 주고 있다. html와 css는 그 역할이 명확하게 정해져 있기 때문에 html이 시각적인 이유로 이텔릭체를 표현할 필요는 없다. 이 부분은 css가 해야할 일 인것이다. mdn의 내용을 보면 그 내용을 알수가 있다. Remember your place! html은 html의 일만, css는 css의 일만, jacascript는 javascript의 일만..

자바스크립트에서 객체(object)를 만드는 방법은 크게 2가지 정도(세분화하면 3가지)가 있다. (더 있으면 댓글로 알려주세여...) 1. 리터럴로 객체 만들기 이 방법은 앞선 object(기본)포스팅에서 다룬적이 있으므로 넘어가겠다. [Javascript] Object(기본,리터럴) 객체(object)는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티(proprty)와 메소드(method)라고 부름)의 집합이다. 1. 선언 curly bracket({})사이에.. artdev.tistory.com 2.1 객체 생성자로 객체 만들기 (function) - ES5 생성자로 객체를 만드는법은 객체지향 프록래밍을 이용하는법이라고 할 수 있겠다. clas..