IT 지식
-
DOM과 Virtual DOMIT 지식 2020. 6. 24. 10:03
1. DOM 이란 Q. 우리가 흔히 알고 있는 HTML 파일이 브라우저에 표현 되려면 어떤 과정이 있어야할까? A. 텍스트 파일로 만들어진 웹 문서를 브라우저에 렌더링 하려면 브라우저가 이해할 수 있는 구조로 메모리에 올려야 한다. .HTML 파일이 브라우저에 표현되는 과정 (1) 브라우저의 렌더링 엔진은 웹 문서를 로드 한다. (흔히 우리가 작업한 HTML 파일을 브라우저에 끌어 올리는 행위를 생각하면 쉬울 것 같다.) (2) 웹 문서를 로드 한 후, 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 올린다. (3) 그리고 브라우저는 브라우저가 이해할 수 있는 구조를 그려낸다. 브라우저가 이해할 수 있는 구조 브라우저의 렌더링 엔진은 모든 요소(Element)와 속성(Attribute)등을..
-
React Styled-Components Font ReloadingIT 지식 2020. 5. 4. 15:41
Tech stack FrameWork - React Language - Typescript State Management - MobX UI Library - Styled-Components 사건의 발단 작업을 하는 도중, 버튼 이벤트 발생 시 화면이 깜빡 거리는 현상을 발견하게 되었다. 대수롭지 않게 생각하기에는 나름 유저가 느낄 불편함이 크다고 판단하여, 원인을 파악해보자 다짐했다. [첫 번째 접근] Code Review 불행인지, 다행인지 간헐적으로 발생하지 않았고 꾸준히 발생하는 문제였다.. 내가 볼 코드는 Button Component 부분이였다. styled-components를 이용한 스타일 코드에 삼항 연산자들이 많았다. 프로젝트에 Default 스타일들이 존재 할 것이고, 추후 이벤트에 대..
-
SmartContract 개발에 유의해야할 점 (2/2)IT 지식 2019. 5. 10. 12:04
[이전글] SmartContract 개발에 유의해야할 점 (1/2) SmartContract 개발에 유의해야할 점 (1/2) 오늘은 그 동안 블록체인 SmartContract를 개발하며 느낀 점들을 정리해보려고 한다. 블록체인은 잘 알지 못하지만 개발면에서 우수한 개발자분들이 미리 작성해주신 Contract Code를 볼 때 그리고, 블록체인 서비.. ryublock.tistory.com 2. 고려해야할 항목 2-1. GAS SmartContract 개발시 가장 신경을 써야하는 부분은 GAS비용이다. 얼마나 최적화가 되있느냐에 따라 GAS 소모량을 줄일 수 있고, 이는 유저와 서비스 제공자에게도 큰 이점으로 작용한다. 위의 상황은 SafeMath 라는 library 이다. 왼쪽 기존 SafeMath에서는..
-
SmartContract 개발에 유의해야할 점 (1/2)IT 지식 2019. 4. 25. 13:58
오늘은 그 동안 블록체인 SmartContract를 개발하며 느낀 점들을 정리해보려고 한다. 블록체인은 잘 알지 못하지만 개발면에서 우수한 개발자분들이 미리 작성해주신 Contract Code를 볼 때 그리고, 블록체인 서비스 관련 자문을 드릴 때 기존 기획자분들도 블록체인 환경에 대해서 이해가 없어 기획이 잘 못되는 모습을 자주 볼 수 있다. 블록체인은 만능이 아니지만, 블록체인을 활용해야한다면 어떤 부분을 고민하면 좋을지. 이 글이 조금이라도 도움이 되었으면 좋겠다. 1. SmartContract 무엇이 다른가 (1-1) [장점] 서버 대체 가능 - 기존 서비스는 규모에 관계 없이 공지 사항이라도 만들기 위해서는 서버 구축이 필요했다. 기존 사내 서버가 존재 했다면 번거로운 작업은 줄어들지만 그것이 ..
-
기혁이의 HTTPS 검열 사태 이해해보기 - 1부IT 지식 2019. 2. 14. 15:51
1. 우리는 어떻게 연결 되어 있을까? HTTPS 차단에 대하여 알기 전에 기본적인 개념을 알고 가면 좋을 것 같다. 인터넷 - 컴퓨터를 연결하여 통신 프로토콜을 이용하여 정보를 주고 받는 컴퓨터 네트워크WEB - 인터넷 상에서 HTTP 프로토콜에 따라 주고 받는 공간HTTP - 데이터를 주고 받는 방식에 대한 약속 간단하게 말하면 인터넷이라는 넓은 공간에서 HTTP 라는 약속을 만들어 사용하고 있는 작은 공간이 WEB 이라고 생각하면 된다. Internet > WEB , Email, FTP, etc - World Wide Web (WWW) Web의 역사는 위키를 찾아보기로 하자. WWW는 인터넷에 연결된 컴퓨터를 이용해 사람들과 정보를 공유할 수 있는 거미줄(Web)처럼 얼기설기 엮인 공간을 뜻한다. ..