BaeBox

Selection D3는 자체적인 Selection(선택) API를 제공한다. 해당 기능을 이용해 DOM Element를 가져올 수 있다. querySelector, getElementBy... 와 유사하지만, Element 자체를 그냥 가져오는 것이 아닌 D3 Object로 wrapping(감싸서) 가져온다. jQuery와 거의 유사하다고 생각하면 편하다. Dynamic Properties DOM element의 속성(property, attribute) 등을 동적으로 변경이 가능하다. Enter and Exit 필요한 노드와 불필요한 노드를 간편하게 처리 가능하다. 이미 속성을 동적으로 변경 가능하다는 점에서 사용자가 알아서 처리하면 되는데... 이건 편의성 기능이지 특징이라고 하기엔 좀... 그런거..

SVG : 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식 XML 기반이라는 것은 말 그대로 해당 이미지를 열어보면 XML 명령으로 이미지가 작성되어 있다는 뜻이다. 즉, 명령으로 작성된 이미지이기 때문에 이미지의 크기를 확대/축소해도 그 선명함에는 차이가 없다. 아래 링크의 이미지를 보면 원자구조 이미지를 볼 수 있는데, 마우스 우클릭을해서 '페이지 소스 구조 보기'를 누른다면 이 친구가 어떤 아이인지 확인할 수 있다. https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/atom.svg https://ko.wikipedia.org/wiki/%EC%8A%A4%EC%BC%80%EC%9D%BC%EB%9F%AC%EB%B8%94_%EB%B2%A1%ED%8..

D3.js(Data-Driven Documents) : 웹브라우저 상에서 동적이고 인터렉티브한 정보시각화를 구현하기 위한 자바스크립트 라이브러리.

CentOS 를 사용하다보면 가끔 골때리는 문제가 생길 때가 있다. sudo 명령어를 사용할 수 없을 때!! not in sudoers file. /etc/sudoer 하위에 testuser ALL=(ALL) ALL 요로코롬 적어주면 해당 사용자(testuser)도 sudo 명령어를 사용할 수 있게 된다.

Parted : 파티션 관리, 크기 변경 프로그램. fdisk로 파티션을 잡다가 제대로 안 되어서 parted를 찾게 됐다. 파티션을 나눠보자. 잘 안보인다면 이미지를 확대해서 보면 된다. p로 목록을 확인하여도 되고, fdisk -l 로 목록을 확인하여도 된다. 파티션이 나뉜다면, mkfs.ext4 /dev/sdb1/ 과 같은 명령어로 파티션을 포맷할 수 있다. 마운트를 할 거라면 아래처럼 하면 된다. mount [partition] [mount_dir] https://www.tecmint.com/create-disk-partitions-in-linux/ How to Create a Disk Partitions in Linux If You Appreciate What We Do Here On TecMi..

Flux 패턴 : Dispatcher, Store, Views를 이용하여 데이터 흐름을 단방향으로 처리하는 방식. Action : 지정된 행동의 단위. Dispatcher : Dispatcher는 호출된 action에 따라 'Dispatcher 에게' 지정된 행동을 하고 Store를 업데이트한다. Store : 상태와 값을 가지는 저장소. 그 스스로는 어떠한 동작도 하지 않으며, 그 변경은 오직 Dispatcher를 통해서만 이루어진다. View : 일반적인 뷰. (ex. React, Angular 등의 컴포넌트) 최대한 간략하게 정리한다고 했지만, 이게 절대로 한 번에 이해될리 없다는 걸 안다. 예를 들어보겠다. A, B, C 라는 사람과 매우 큰 창고(이하 Store)를 가진 甲 이라는 사람이 있다...

NgRx : Angular 에서 Reactive한 Application을 만들기 위해 사용하는 프레임워크. 프레임워크 안의 프레임워크. Flux 패턴에서 영감을 받아 만들어서 그런지, 똑닮았다. Dispatcher ≈ Reducer View ≈ Component 아래 글을 읽고 보면 좋다. 조회수를 올리려는 졸렬한 수작이 맞다. https://pcconsoleoraksil.tistory.com/305 Flux 패턴 Flux 패턴 : Dispatcher, Store, Views를 이용하여 데이터 흐름을 단방향으로 처리하는 방식. Action : 지정된 행동의 단위. Dispatcher : Dispatcher는 호출된 action에 따라 'Dispatcher 에게 지정된 행동을 한.. pcconsoleora..

Subject : Multicast 가 가능한 Observable 객체. 즉, 2개 이상의 subscribe가 가능. 그게 다다. 뭐 없네. 위의 예제를 보면 된다.

Operators : 연산자들이다. 뭐 설명할게 없네. 예제만 가볍게 보고 넘어가도록 하자. of : 인자로 받은 수를 emit 하는 Observable 을 생성. pipe : Operator 를 순서대로 적용하는 역할. first : 첫번째로 emit 된 값을 리턴. map : javascript 의 map 처럼 emit된 값을 순회. 덤. 위의 예제 코드는 아래 코드와 같다. https://rxjs-dev.firebaseapp.com/guide/operators RxJS rxjs-dev.firebaseapp.com

Observable :미래에 얻게 될 value/event를 가질 컬렉션. Promise 거의 비슷한 녀석이다. 실 사용시엔 Promise 객체처럼 직접 Observable 객체를 생성하여 사용하는 경우는 드물 것이다. 대개 보낸 요청에 대한 응답으로 Observable 객체가 날아올 것이다. * Observable 객체가 리턴한 값은 subscribe 를 통하여 타입별로 그 값을 읽어올 수 있다. Observable 객체가 next로 리턴한 값은 subscribe 의 next 로 Observable 객체가 error가 리턴되었을 시에 subscribe 의 error 로, Observable 객체가 complete가 리턴되었다면 subscribe 의 complete 가 처리한다. * 하나의 Observa..