Web3 는 "탈중앙화" 웹의 또 다른 이름이다 . 우리가 매일 사용하는 인터넷과 작동 방식은 매우 유사하다. Web3 에도 소셜 미디어, 스트리밍 서비스 , 뉴스 매체, 금융 도구 등 친숙하게 사용되는 웹사이트와 앱이 모두 있다. 그런데 빅테크 기업이나 정부가 버티고 서 있지 않다는 점에서 더 개방적이다. 이러한 사이트 앱에 연결하는 방법이 기존과 근본적으로 다르다. 중앙 집중식 웹 : 서버란 무엇인가? 웹 3.0은 중앙 집중식 구조에서 벗어나 탈중앙화를 추구하는 개념이다. 기존의 웹 1.0과 2.0은 중앙 기관이 사용자의 데이터와 인터넷 활동을 통제하는 구조였다. 이런 구조에서는 대부분의 정보가 중앙화된 서버에 저장되고, 이는 데이터 보안과 개인 정보 보호에 취약점을 만들 수 있다. 웹 3.0은 블록..

블록체인 및 Web3 를 지탱하는 기술 소개 (1) 블록체인은 중아 통제 없이 운영되는 혁신적인 스스템이다 . 이를 통해 웹 사이트나 앱이 여러 서버에 분산되어 저장될 수 있다. 각 서버가 독립적으로 운영되기 때문에 어떤 단일 개인이나 기업도 네트워크를 완전히 통제 할 수 없다. 이것이 바로 블록체인이 새로운 Web3 모델을 가능하게 하는 이유 중 하나 이다. 블록체인은 전 세계에 분산된 많은 컴퓨터와 서버로부터 데이터를 수집하여 하나의 공유 데이터 기록인 원장을 유지한다 이것은 회계의 장부와 유사한 역활을 하며 주로 암호화폐 거래를 기록하는 데 사용된다. 데이터는 '블록'으로 묶여서 연결된다. 새로운 데이터가 처리되면 이전 체인에 계속해서 추가된다. 각 블록은 전체 체인의 무결성을 유지하는 데 매우 중..

리액트 앱 설치 방법 요즘에는 npx create-react-app 이라는 명령어로 간단하게 설치할 수 있다. 우선 예전에는 어떻게 설치했는지 보고 가자 원래 리액트 앱 설치하는 방법 Webpack 이나 Bable 같은 모듈을 설치하고 설정해야 리액트 앱을 시작할 수 있었다. 웹팩이란 무엇인가? 웹팩은 오픈 소스 자바스크립트 모듈 번들러로써 여러개로 나누어져 있는 파일들을 하나의 자바스크립트 코드로 압축하고 최적화하는 라이브러리 이다. 웹팩 장점은 무엇인가? 1. 여러 파일의 자바스크립트 코드를 압축하여 최적화 할 수 있기 때문에 로딩에 대한 네트워크 비용을 줄일 수 있다. 2. 모듈 단위로 개발이 가능하여 가독성과 유지보수가 쉽다. 바벨이란 무엇인가? 최신 자바스크립트 문법을 지원하지 않는 브라우저들을..

리액트의 주요 특징 중 하나는 가상( Virtual ) 돔을 사용하다는 것이다. 그럼 가상돔에 대해서 알아봐야하는데 우선 가상돔을 왜 사용하는지 알기 위해서 먼저 실제 ( Real ) 돔( DOM ) 에 대해서 알아보고 브라우저가 렌더링하는 과정에 대해서도 알아보자 HTML을 이용한 화면에 UI 표현하기 브라우저에서 UI를 볼 수 있는 것은 이 HTML 을 분석해서 보여줄 수 있기 때문이다. 이 HTML은 요소 ( Element ) 들로 구성되어 있다. 돔 이란? ( Document Object model ) 위에서 보는 웹 페이지를 이루는 요소들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리 구조로 만든 객체 모델을 의미한다. 돔 조작 위에 보이는 DOM 트리를 DOM 에서 제공해주는 API를 이용..