icicle chart 다음 목표는 transition을 넣는 것이다. 클릭한 블럭만 transition을 넣는 것이 아니라, 다른 블럭도 함께 움직이는 transition이라 생각하기가 쉽지 않다. Node vs Selection transition을 부여하기 위해선, Node와 Selection을 구별할 줄 알아야한다. Node는 hierarc...
React Native Splash Screen
앱을 시작하기 전에 화면에 등장하는 스플래시 이미지를 React Native 환경에서 적용해보자. react-native-splash-screen 라이브러리를 활용하여 구현할 수 있다. iOS에서 실행을 확인할 수 있는 방법이 없어, 안드로이드 환경에서 구현하는 방법만 살펴본다. Installing react-native-splash-screen을...
TCP vs UDP
TCP란 4계층 transport layer에서 작동하는 통신 프로토콜로써, 연결 지향적 프로토콜이다. 연결 지향적 프로토콜이라는 말은 미리 연결을 맺어 두고 해당 연결을 통해 신뢰성 있는 통신을 하는 것이다. 특징 신뢰성 : 손상되거나 유실 혹은 중복된 패킷에 대한 처리가 이루어져 수신자로 하여금 송신자가 보낸 패킷을 제대로 받을 수 있도록 보...
Promise.all
자바스크립트에서 비동기 작업을 처리하는 방법으로는 분류하자면 세 가지가 존재한다. 첫 번째는 콜백함수를 호출하는 것이고, 두 번째는 Promise.then, 마지막은 문법적으로 처리할 수 있는 async await 키워드를 이용한 방법이다. 사실, async await 키워드를 가지고 비동기 작업을 처리하면 매우 간단하다. Promise를 반환하는 ...
ESLint
ESLint 란? ES + Lint 로써 ES는 Ecma Script 즉, 표준 JavaScript를 의미하고 Lint는 직역하면 보푸라기라는 뜻인데, 코드에서 보푸라기란 오류, 버그, 스타일 오류, 의심스러운 구조체 등이라고 한다. 따라서 ESLint는 JavaScript를 개발하는데 있어서 Type error나 import error 등을 ...
JavaScript's this
js로 프로그래밍 할 때, this를 사용함에 있어서 큰 혼란을 겪었다. 같은 객체 안에서 this 키워드를 통해 내부의 메서드를 호출하거나 프로퍼티를 사용하려고 할 때, 의도한 대로 this가 결정되지 않아 어려움을 겪었고 이에 따라 필자는 this가 결정되는 원리부터 상황에 따른 this의 결정에 대해 정리하고자 한다. JavaScript의 thi...
Linux File System
컴퓨터에서 파일이나 자료를 쉽게 발견 및 접근할 수 있도록 보관, 조직하는 체제를 가리키는 말이라고 한다. 파일 시스템은 운영체제 별로 다를 수 있기 때문에, 여러가지 종류가 존재한다. 이번 글은 리눅스에서 사용되는 파일 시스템인 EXT에 대해 설명하고자 한다. Blocks 디스크는 고정된 크기의 block으로 나누어진다. 일반적으로 1개의 b...