분류 전체보기24 [React] 리액트, 리액트 설치하기 리액트란? 리액트는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리입니다. 싱글 페이지 애플리케이션 개발에 사용이 되고 Virtual DOM과 JSX 개념을 사용하며 동작합니다. 그리고 컴포넌트 개념을 사용하여 UI 개발을 좀 더 수월하게 해 줍니다. 리액트 설치하기 https://create-react-app.dev/docs/getting-started/ 리액트를 설치하기 전에 Node.js를 먼저 설치가 선행되어야 한다. 터미널에 다음 명령어를 입력한다. npx create-react-app my-app my-app은 설치할 리액트 관련 파일들이 저장될 폴더 이름이다. 지금 현재 위치하고 있는 폴더에 설치를 하고 싶으면 다음 명령어를 입력하면 된다. npx create-react-app . 터.. 2023. 11. 12. [비트코인] 블록의 구조 블록의 구조 블록은 거래 묶음의 단위라고 이전 포스트에서 설명을 하였다. 블록을 자세하게 보면 크게 헤더와 바디로 나뉜다. ● Block Body 바디는 거래내역들이 저장되어 있는 영역이다. Transaction #1, Transaction #2 등이 해당된다. ● Block Header 헤더는 거래내역들에 대한 정보 및 블록 관련 정보들이 있는 영역이다. 버전(Version) : 클라이언트의 소프트웨어 버전 타임스탬프(Timestamp) : 블록의 생성시간 난이도(Bits) : 해당 체인의 난이도를 표현하는 값 논스(Nonce) : 채굴 과정에서 계속하여 변화되는 값 머클블록(Markle Block) : 바디에 포함되어 있는 거래내역들의 정보를 담고 있다. 머클루트라고도 불리기도 한다. 이전 블록 해시.. 2023. 10. 25. [비트코인] 블록체인의 용어들, 해시, 공개키, 개인키 블록체인에서 사용되는 용어들 ● 해시(Hash) : 해시 함수(SHA256)에 의해 출력된 해시 값이다. 어떠한 입력 값을 넣더라도 256비트(16진수, 64자리)의 고정된 임의의 값이 출력된다. 해시 함수는 입력값이 조금만 달라도 완전히 다른 결과값이 출력되고 그 결과 값을 가지고 입력값을 유추할 수 없다. 그래서 단방향 함수라고 한다. hello block을 입력값으로 해쉬 함수에 대입을 하면 725c20214587b0dcd5fbf0dca637904a97a142e89f4a06f55f6b191e333f6b1c 값이 나오는 걸 볼 수 있다. 이번엔 hello bloc을 입력하면 완전히 다른 값이 출력된다. ● 키 : 평범한 문장을 비밀스럽게 하기 위해 암호문으로 변경하는 과정을 암호화라고 한다. 반대로 .. 2023. 10. 24. [Mac] Homebrew를 사용하여 Node.js 설치하기 Node.js 설치 brew install node 버전을 확인하여 설치가 정상적으로 되었는지 확인한다. node -v npm -v yarn 설치 brew install yarn 잘 설치되었는지 버전 확인하기 yarn -v 2023. 10. 23. 이전 1 2 3 4 5 6 다음