console.log

* 컴포넌트 props 넘겨서 css 효과주기 styled 컴포넌트로 props값을 넘겨서 동적인 효과를 낼 수 있다! import { StyledSell } from './sell.css' import { useState } from 'react' import BuyNow from './BuyNow' import Auction from './Auction' const Sell = ()=>{ const [isNow,setIsNow] = useState(true); // 즉시구매를 선택한 경우 const handleNow =()=>{ setIsNow(true); } // 경매를 선택한 경우 const handleAuc = ()=>{ setIsNow(false); } return ( handleNow()} ..

해당 폴더 혹은 상위 폴더에 .git 폴더가 있는지 확인 해보기! - 내 컴퓨터나 폴더 들어가서 보기 - 숨긴 항목에 체크 - .git 검색 해당파일 지워주면 됨 내가 쓰는 파일 상위 디렉토리중에 있나 확인해보자! PS C:\Users\82102\OneDrive\바탕 화면\exchange_compiled(3)> 이게 내 파일 경로였고 Users에 .git이 되어있었음.. 이걸 지우니까 해결됨!

- 1교시 - 🔅 요청 구조 이해하기 user - client - web3 - metamask - 가나쉬 🔅 메타마스크과 연결하여 truffle 에서 react 활용하기 (기본 구조) 1. 트러플에서 리액트 작업환경 세팅하기 > truffle unbox react 트러플이 깔려있지 않은 경우에는 > npm install -g truffle 먼저 해주기 💚 truffle 에서 react 이용하기 https://muna76.tistory.com/113 [1013] Truffle 트러플 개발환경에서 작업하기 - with. ganache & Meta mask & react - 1교시 - 🔅 메타마스크란? - 개인의 계정의 주소값을 저장해서 이더리움과 이더리움 토큰을 쉽고 안전하게 보관할 수 있게 해주는 프로그램..

- 1교시 - 🔅 메타마스크란? - 개인의 계정의 주소값을 저장해서 이더리움과 이더리움 토큰을 쉽고 안전하게 보관할 수 있게 해주는 프로그램. - 핫월렛이라고도 함. - 시드키라는것이 존재함. (비번 잃어버렸을 때 2차 비번같은 느낌. 백업용) - 크롬에서 다운받을 수 있는 확장프로그램 ❕ 용어 정리 주소 - 공개(주소)키 : 20 자리로 표현되는 키값 - 암호(개인)키 계정 - 공개키와 암호키 둘다 가지고 있는 상태 - EOA / 컨트랙트 계정으로 나뉜다. EOA : 이더 / 스마트 컨트랙트 트랜잭션을 보낼 수 있는 계정 컨트랙트 계정 : 솔리디티 언어를 배포한 계정 (우리가 컨트랙트를 생성해서 보냈던 얘) deploy.{ }.send{ from: '1ox398f89423fd95' } -> 요런거 들어..

오늘 수업 목적 - 스마트컨트랙트 심화 (가나쉬 사용) ◾ 1교시 - 스마트컨트랙트 간단 정리 🔹 가나쉬 : 알트코인의 데몬을 간단하게 만듭니다 (이더리움) + 100이더를 가지고있는 주소 10개를 준다. * 데몬? - p2p임. 데몬끼리 연결되어 있음. rpc통신 이용. => 가나쉬도 rpc통신을 이용가능. ❕ 목적 -> 이더리움 rpc 통신을 할 수 있는 데몬을 생성할 수 있다. 이를 통해서 스마트컨트랙트를 실행하는데, 솔리디티 언어로 작성한다. -2교시- ❕ node.js 환경에서 세팅하기 1. npm install -g truffle 2. npm install -g ganache-cli 3. npm install web3 * web3란? - rpc통신을 쉽게 구현할 수 있게 도와주는 라이브러리입니..

❗ chapter2: pragma 와 contract pragma 버전정보를 처음에 명시하도록 되어있음. 버전 업데이트가 자주 되기 때문에! 불과 한달전에 친 코드라도 지금 유효하지 않을수 있으므로 실행하기 전에 미리 버전정보를 확인 함. contract 솔리디티의 기본 단위. 구조 pragma solidity ^0.4.19; contract ZombieFactory { } ❗ chapter3: uint uint == int or number //uint : dataType이 숫자만 들어가는 변수를 선언 //예를들어 contract ZombieFactory { uint a = "hello world!" //-> 바로 오류 뜸. 숫자만 들어가야 함. } 솔리디티는 세미콜론을 무적권 써줘야 함. ❗ chap..

이더리움 - 개발 도구들이 잘 나와있음 cli같은 것들이 잘 되어있음 그 안에 back단 내용은 지금 한 프로젝트와 똑같음. 구조 파악이 중요함 이 관계도에서 기능이 구현되는 과정을 다 그릴수있어야 된대요.. 데몬의 역할이 무엇인지 정확히 아는게 블록체인을 잘 아는것이라고하심 브라우저에 도메인 입력 -> 브라우저가 리액트에 요청 -> 리액트는 서버에 요청-> 서버는 필요한 데이터들을 요청 (데몬이나 db한테)-> 그걸 받아서 서버가 리액트에 던져줌 -> 리액트가 브라우져에 응답을 줌 서버가 데몬과 통신하는방법을 rpc라고 함 서버가 바로 브라우저에 보내주면 리액트가 인지하는건가? 그럼 웹소켓은 언제 써 - 실시간으로 데이터를 처리할때 -데몬확대 데몬 (노드) - json..

git에 config 폴더랑 dbsetting.js 파일을 잘못 올렸다. .gitignore에 넣어놨어야 하는데 깜빡하고 그냥 올려버려서, 일단 올라간 파일은 지우고 ignore에 추가해줄것임!! 🔅🔅🔅 잘못 올린 파일 지우기 git rm –cached [File Name] 파일 이름만 쓰니까 실행이 안되어서 경로를 다 적어주니 지워졌다. 그리고 삭제된 상태에서 git add . git commit -m "화이팅" 해주면 된다. ---------------------------------- .gitignore에 올릴때는 그냥 config 폴더 전체를 해주면 된당 /config 추가해주자 폴더색이 회색으로 변하는걸 확인할 수 있음! (ignore 됐다는 뜻) 현재 작업중인 내 폴더 구조 - exchange..

우선 페이지와 컴포넌트를 정하고 먼저 헤더 네비게이션 부분을 만들기로 했다. css를 적용하는데 한 파일 안에서 적용하기보다는 css 파일을 따로 빼서 관리하기 용이하도록 하고싶었다. 🔅 next js는 서버사이드와 클라이언트 사이드 렌더링이 이루어지기 때문에, react처럼 css를 import하는 방법으로는 css를 적용 시킬 수가 없다. 따라서 styled-component와 bootstrap을 이용해 css를 적용시켜보고자 한다. 🔅 참고: https://jcon.tistory.com/118 1. babel , _document.js 설정 필요 npm install styled-components npm install babel-plugin-styled-components - .babelrc 설정..

캔들차트 그리기 - 라이브러리 존재함 시가, 종가, 저점, 고점 4가지만 입력하면 차트를 그려줌 ❕❕ 시가, 종가, 저점, 고점 구하기 - 쿼리문 select * from transaction - 오늘날 기준으로 최고로 높은 금액을 뽑으려면? select max(price) from transaction where 날짜 (최고로 낮은 금액은 min 을 사용) - 오늘을 기준으로 마지막에 거래된 내용을 뽑으려면? 날짜를 오름차순으로 정렬 -> 맨위에 있는게 시가, 맨 아래가 종가 select price from transaction order by reg_date asc limit 0,1 asc 오름차순 desc 내림차순 limit 0,1 맨 위에 하나만 보겠다 ------------------------..