대범하게

직렬화(Serialize), 역직렬화(Deserialize) 1. Javscript JSON 이란 JSON(Javscript Object Notation)은 자바스크립트 객체를 문자열로 표현하는 데이터 포맷이다. 자바스크립트 객체 리터럴과 유사하지만 객체가 아닌 문자열일 뿐이며, 이를 이용해 다른 도메인과 데이터를 주고 받을 수 있게 된다. JSON은 XML 등 다른 데이터 포맷에 비해 간결하며, 손쉽게 자바스크립트 객체로 변환할 수 있어, 웹 어플리케이션에서 Server-Client간의 데이터 교환에 주로 JSON을 사용한다. 2. JSON 표기법 JSON은 자바스크립트 객체와 유사하지만 표기법이 조금 다르다. { "name" : "Choi", "age" : "secret", "gender" : "fe..

The transformation matrix in fabric.js 이 글은 faric.js을 공부하면서 마주했던 transmation matrix에 대해 정리한 글에 대한 (가벼운) 번역이자 추가 설명을 위한 글입니다. The transformation matrix in fabric.js Recently I’m using the excellent fabric.js library for a side project. I came across the transformation matrix. The purpose of this article… medium.com The purpose of this article is to detail how the transformation matrix works and e..

useEffect에 대해 정리하고 싶은 마음이 들어 useEffect의 실행 조건과 흐름을 한 큐에 정리해보고자 한다. useEffect 란? useEffect는 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Hook이다. 근데 useEffect는 왜 Effect라는 이름을 가질까? Hook은 컴포넌트의 렌더링과 별개로 발생하는 작업들, 즉 "부수 효과"를 처리하기 위해 사용된다. (" S H O C K I N G ") 이 useEffect Hook은 컴포넌트가 렌더링되고 나서 비동기적 또는 부수적인 작업을 수행할 수 있도록 도와주기 때문에 "Effect"라는 용어가 사용되었다고 한다. 더보기 React의 클래스 컴포넌트에서는 componentDidMount, componentD..

[클린코드] 44~45일차 - 동시성2 톺아보기 클린코드 44일차 (p. 404 ~ 407 (17장) / 408 ~ 412 (18장) ) 클린코드 45일차 (p. 413 ~ 419 (18장) ) 클린코드 46일차 (p. 420 ~ 428 (18장) ) 클린코드 47일차 (p. 429 ~ 436 (18장) ) 클린코드 48일차 (p. 437 ~ 446 (18장) ) 18장 동시성2 225쪽에서 소개한 동시성을 좀 더 자세히 보완하기 위한 장이다. 클라이언트/서버 예제 예제를 살펴보면 서버와 클라이언트의 단순한 소켓 프로그래밍 코드를 보여주고 있다. 서버는 소켓을 열어놓고 클라이언트가 연결하기를 기다린다. 클라이언트는 소켓에 연결해 요청을 보낸다. 아래는 클라이언트/서버 테스트 코드이다. 해당 테스트는 10..

[클린코드] 40일차 - 냄새와 휴리스틱 클린코드 40일차 (p. 370 ~ 378 (17장) ) 클린코드 41일차 (p. 379 ~ 387 (17장) ) 클린코드 42일차 (p. 388 ~ 395 (17장) ) 클린코드 43일차 (p. 396 ~ 403 (17장) ) 17장 냄새와 휴리스틱 좋지 못한 코드는 냄새가 난다... (ㅋ)(ㅠ) 그리하여 이 장에서는 다양한 코드 냄새와 코드를 짜면서 사용하는 기교, 휴리스틱을 소개한다. 주석 1. 부적절한 정보 다른 시스템에 저장할 정보는 주석으로 적절하지 못하다. 2. 쓸모 없는 주석 오래된 주석, 엉뚱한 주석, 잘못된 주석은 더 이상 쓸모가 없음 주석은 '낡는다.' 쓸모 없어진 주석은 제발 삭제하자. 3. 중복된 주석 코드만으로 충분한데 구구절절 설명하는 ..

[클린코드] 37일차/38일차 - SerialDate 리팩터링 클린코드 37일차 (p. 344 ~ 351 (16장) ) 클린코드 38일차 (p. 352 ~ 362 (16장) ) 클린코드 39일차 (p. 363 ~ 369 (16장) ) 16장 SerialDate 리팩터링 이 장에서는 JCommon 라이브러리에 있는 org.jfree.date 패키지의 SerialDate라는 클래스를 리팩터링을 진행한다. (* 책에서는 https://www.jfree.org/jcommon/index.php 라고 언급되어있지만 https://www.jfree.org/jcommon/ 로 들어가야한다. + https://www.jfree.org/jcommon/api/index.html) SerialDate는 날짜를 표현하는 자바 ..

[클린코드] 35일차/36일차 - JUnit 들여다보기 클린코드 35일차 (p. 324 ~ 332 (13장) ) 15장 JUnit 들여다보기 JUnit은 켄트 벡과 에릭 감마가 비행기를 타고 가다 만들었다고 한다..! ComparisonCompacterTest.java 라는 모듈을 살펴보자 문자열 비교 오류를 파악할 때 유용한 코드이다. 예를 들어, ABCDE와 ABXDE를 받으면 를 반환한다. package junit.framework; public class ComparisonCompactor { private static final String ELLIPSIS = "..."; private static final String DELTA_END = "]"; private static final Str..

[클린코드] 28일차~31일차 - 돌아가는 프로그램에 그치기 보단 점진적 개선 필요 클린코드 28일차 (p. 246 ~ 254 (14장) ) : 돌아가는 프로그램에 그치기 보단 점진적 개선 필요 클린코드 29일차 (p. 255 ~ 272 (14장) ) : TDD 기법 사용 클린코드 30일차 (p. 273 ~ 288 (14장) ) : 계속 통과하는 Test... 가 옳음을 ..! 클린코드 31일차 (p. 288 ~ 295 (14장) ) : 점진적으로 개선하기 == TDD 유지하기 클린코드 32일차 (p. 296 ~ 304 (14장) ) : 리팩토링은 루빅 큐브 맞추기와 비슷하다. 클린코드 33일차 (p. 305 ~ 310 (14장) ) : same old same old 클린코드 34일차 (p. 311 ~..