pangyoelon

1인 개발 시작

pangyoelon — Fri, 14 Mar 2025 18:44:28 +0900

일단 약 2~3달간 해보고 싶었던 1인 개발을 시작합니다

물론 백엔드를 주로 했었어서 프론트에 대한 공부와 데브옵스의 공부가 많이 필요하겠지만

프로젝트가 성공하면 좋고 못해도 포폴용으로 좋을 것 같습니다

그렇게 다음 커리어는 풀스택 개발로 도전해보겠습니다

tx.wait()으로 트랜젝션 마이닝 기다려주기

pangyoelon — Tue, 22 Aug 2023 15:27:52 +0900

예를들어 아래와 같이 토큰을 스왑하는 상황을 가정해보자

const result = await tokenContract.approve(
  routerAddress,
  utils.parseEther("100"),
  {
    maxPriorityFeePerGas: gasPrice,
    maxFeePerGas: gasPrice,
  }
);

// 스왑
const deadline = Math.floor(Date.now() / 1000) + 60 * 20;
const swapValue = await routerContract.swapExactTokensForETH(
    utils.parseEther("1"),
    0,
    ["0x123...","0x123...","0x123..."],
    to,
    deadline,
    {
      maxPriorityFeePerGas: gasPrice,
      maxFeePerGas: gasPrice,
    }
);
console.log("스왑 결과 :", swapValue);

token을 스왑하기 위해 approve를 먼저 해주고 있는 모습이다

하지만 이렇게 하면 오류가 발생할 수 있다

왜냐하면 먼저 rpc 요청을 보냈다고 먼저 보낸 요청이 뒤에 보낸 요청보다 먼저 마이닝 될 거라는 보장을 할 수 없기 때문이다

트렌젝션의 순서는 채굴자가 정한다. 즉, 채굴자에 따라서 블럭 안의 트랜젝션의 순서가 정해진다는 것이다 (이로인해 MEV라는 것도 있음)

그럼 비동기와 같이 특정 rpc요청이 마이닝 될 때까지 await해주려면 무엇을 사용해야 할까?

ethersjs 공식문서

이미지의 트랜젝션 객체 맨 아래를 보면 wait이라는 function을 볼 수 있다

이것을 쓰면 된다

const result = await tokenContract.approve(
  routerAddress,
  utils.parseEther("100"),
  {
    maxPriorityFeePerGas: gasPrice,
    maxFeePerGas: gasPrice,
  }
);

// 트랜잭션이 성공적으로 처리되었는지 확인
const receipt = await result.wait();

if (receipt.status === 1) { // status가 1인 경우 트랜잭션 성공
  console.log("approve 결과: 성공");

  // 스왑
  const deadline = Math.floor(Date.now() / 1000) + 60 * 20;
  const swapValue = await routerContract.swapExactTokensForETH(
    utils.parseEther("1"),
    0,
    ["0x123...","0x123...","0x123..."],
    to,
    deadline,
    {
      maxPriorityFeePerGas: gasPrice,
      maxFeePerGas: gasPrice,
    }
  );
  console.log("스왑 결과 :", swapValue);
} else {
  console.log("approve 결과: 실패");
}

굳

현업에서의 형상관리

pangyoelon — Fri, 18 Aug 2023 11:59:17 +0900

원래라면 git add . -> git commit -m "" -> git push origin main 시퀀스로만 했으면 끝났을 터였다

많은 인원들과 작업하는 현업에서는 개인 프로젝트 & 소규모 프로젝트에서와의 형상관리와는 꽤 다른점이 많았다

1. dev & prod branch

이 부분은 익히 들었긴 했었다, dev브랜치에서 먼저 병합하고 테스트 한 다음에 prod브랜치에 올려 배포한다

2. rebase

출저 : https://seosh817.tistory.com/240

로컬에서 작업 중에 변경사항이 생겼다면 현재 진행상황에 대한 커밋을 남기고 pull을 받아 merge후 push를 했었다

물론 소규모 프로젝트에서는 상관이 없겠지만 인원이 많아지면 커밋 그래프(기록)이 지저분해지는 문제가 생긴다

하지만 rebase를 하게 되면 위처럼 꼬인 커멋 기록들이 선형적으로 깔끔해진다

rebase는 말 그대로 base를 옮긴다는 뜻인데, 여기서 base는 분기를 만든 후의 첫 커밋을 뜻한다

이에 대한 자세한 설명은 아래 링크 참조, 이해하기 쉽게 잘 설명해주심

https://firework-ham.tistory.com/12

간략하게 터미널 시퀀스를 설명하자면 아래와 같다

1. git stash (현재 진행중인 변경사항 메모리에 임시 저장) 또는 진행상황 커밋

2. git pull origin dev —rebase (리베이스 하면서 pull)

3. git push origin my_branch

이렇게 하면 원격저장소에서 rebase 끝

1번에서 stash를 했다면, git stash pop (임시 저장했던 변경사항을 지우면서 가져옴, 안 지우고 가져오기만 하려면 pop->apply)

3. pull request

공동으로 작업하는 브랜치(dev)에 병합해도 되는지 관리자의 승인을 받는 과정이다

별도로 자신의 브랜치에서 작업 후, rebase, push를 한 다음 자신의 브랜치와 공동 브랜치의 merge를 요청하는 pull request를 날린다

이 과정은 보통 원격저장소의 GUI에서 이루어지는 것 같다

git add . 으로 무지성 스테이징 역시 안된다, git graph로 모니터링 해가면서 커밋하니까 편한 듯

원격 저장소도 깃허브가 아닌 엔터프라이즈용을 쓰는 것 같다

여러개의 modifier 적용 시 순서

pangyoelon — Thu, 15 Jun 2023 23:38:38 +0900

솔리디티의 modifier는 한 함수에 여러개 적용이 가능한데 그 순서를 알아보자

아래의 예시를 살펴보겠습니다

contract Test {
    address owner;
    
    modifier onlyOwner {
        require(msg.sender == owner);
        _;
    }
    
    modifier costs(uint price) {
        if (msg.value >= price) {
            _;
        }
    }

    constructor() public {
        owner = msg.sender;
    }

    function changeOwner(address newOwner) public onlyOwner costs(10) {
        owner = newOwner;
    }
}

여기서 먼저 앞에 나온 onlyOwner부터 적용이 됩니다

고로 [ onlyOwner의 _; == cost(10) ] 이 됩니다

    function changeOwner(address newOwner) public {
        require(msg.sender == owner);
        if (msg.value >= price) {
	        owner = newOwner;
        }
    }

모디파이어가 적용된 모습

이전에 포스팅했던 상속 순서와도 거의 똑같은 것 같다

ec2에서 환경변수 설정 중 오류

pangyoelon — Wed, 7 Jun 2023 13:52:03 +0900

  dotenv.config({
    path: process.env.NODE_ENV === 'development' ? '.env.dev' : '.env.prod',
  });

위와 같이 main.ts에서 dotenv를 임포트 해오는 코드에서 문제가 있었다

분명 로컬에서는 실행이 문제 없이 잘 됐는데, ec2환경에서만 파일을 잘못읽어오는 것이다

아래와 같이 변경하자 문제가 해결됐따

  dotenv.config({
    path: process.env.NODE_ENV === 'development' ? './.env.dev' : './.env.prod',
  });//

위와 같이 window와 달리 linux에서는 상대경로 설정을 구체적으로 해주어야한다

언디파인 해커 하우스 수상 후기

pangyoelon — Sun, 28 May 2023 17:46:54 +0900

제가 수강하는 한국에이아이 블록체인 융합원 인턴연계과정에 강사로 와주신 디파이농부 조동현 선생님의 해커톤!

조동현 선생님의 강의를 너무 유익하게 들었어서 참가 안 할 수가 없었습죠..

덕분에 이런 좋은 기회를 알게되어서 네트워킹도 하고 수상도 하고 백만원도 타고 일본해커톤 초청까지!! (밤샘 코딩도 하고..)
저한텐 web3 아버지 같습니ㄷr...

저희는 주제2번인 web3 소셜로 참여해서 렌즈프로토콜 기반 서베이 플랫폼인 Blank를 만들었습니다!

이번 해커톤으로 LSD와 렌즈프로토콜과 같은 웹3 트렌드에 대해 관심을 갖게 된 계기가 되었습니다
(렌즈 50달러로 봤을때 살 껄..)

저번에 이어 이번에도 넘쳐나는 인복 덕이었습니다 우리팀 너무 고맙습니다

서버가 받은 유저의 jwt토큰 검증 원리

pangyoelon — Tue, 9 May 2023 18:01:39 +0900

jwt토큰은 header, payload, verify signature 3부분으로 나뉜다

header와 payload는 인코딩 되어있고, verify signature는 header, payload와 secret key를 같이 해싱(단방향 암호화)한 값이다

그러므로 jwt토큰을 받은 서버는 먼저 header와 payload를 복호화한다.

그렇게 복호화 된 header와 payload를 secret key와 함께 해싱하여 verify signature와 같은지 비교하고, 같다면 유효한 토큰으로 간주하여 payload의 내용에 따라 유저를 처리한다

( for 위조 방지, verify signature === hash(header + payload + secret key) )

노마드코더 타입스크립트 TIL

pangyoelon — Thu, 27 Apr 2023 17:10:43 +0900

? : 객체 요소 타입 지정할 때 선택옵션 부여 ( [type] | undefined )
readonly 키워드로 읽기전용 프로퍼티를 만들 수 있음
튜플 : 배열이며 최소한의 길이를 가져야하고 특정 위치에 특정 타입이 있어야함
자바스크립트에 있는 undefined, null 도 있음
any : 자바스크립트로 돌아가는 것
unknown : 값을 받을 때 그 값이 무슨 타입인지 모를 때 씀 ex) if ( typeof [변수] === “[자료형]” ){ (이 안에서 [자료형] 타입으로써 변수 사용가능) }
void : 아무것도 리턴하지않는 함수의 자료형 (솔리디티 view랑 비슷?)
never : 절대 return되지 않는, 실행되지 않는 자료형 (타입스크립트가 never로 변수를 추론하면 없는 것과 마찬가지인 변수라고 해석하면 될 듯)

call signiture (alias 지을 수 있음) : 함수의 매개변수와 리턴값의 타입을 미리 정의한 것
오버로딩 : 여러개의 call signiture가 있는 함수, 파라미터 개수가 다른 call signiture을 설정해서 옵션(선택사항)을 줄 수 있다, 선택사항인 파라미터는 선택적 프로퍼티(?:)를 사용해주어야함
x = a ?? b 는 x = (a !== null && a !== undefined) ? a : b; 와 같다
concrete type : number, string, boolean, void, unknown 같은 타입
generic : call signiture을 타입스크립트가 자동으로 추론하게 해줌, Array를 자세히 보면 요소로 <T>라는 제너릭을 받는 것을 알 수 있다, 즉 타입스크립트의 타입 자동추론 기능은 제너릭으로부터 비롯된 것
private, public, protected 와 같은 키워드로 솔리디티에서의 접근제한자와 비슷(같은?)한 효과를 낼 수 있다 이 키워드들은 컴파일 시 사라지며(당연히 JS는 그런 기능이 없으므로) TS안에서만 적용된다
protected = 솔리디티에서의 internal과 같은 듯
추상 클래스 : 다른 클래스들이 상속 받을 때만 사용할 수 있는 클래스, 추상 클래스 자체로는 인스턴스를 만들 수 없다, 상속은 extends로 함 (솔리디티의 is) ex) 추상컨트랙트 = 리모컨 ——상속——> TV리모컨, 에어컨리모컨, 선풍기리모컨
interface는 클래스에게 구조를 명시해줄 뿐만 아니라 객체의 타입으로도 쓸 수 있다 똑같은 이름의 interface를 여러번 선언하면 모든 interface가 합쳐진다
제너릭은 전달이 가능 ( 클래스 → 인터페이스 )
class [클래스이름]<T> 와 같이 선언했다면 생성할 시점에 new [클래스이름]<string> 이렇게 선언하면 클래스안의 모든 제너릭T가 string이 되어 인스턴스화 된다
JSDoc으로 js파일도 ts가 보호해줄 수 있다
@types/[라이브러리명] : node의 라이브러리 타입들을 정의한 .d.ts파일

솔리디티의 이상한 상속 계층구조

pangyoelon — Wed, 26 Apr 2023 16:43:49 +0900

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.17;

/* Inheritance tree
   A
 /  \
B   C
 \ /
  D
*/

contract A {
    function foo() public virtual {
        emit Log("A.foo called");
    }

    function bar() public virtual {
        emit Log("A.bar called");
    }
}

contract B is A {
    function foo() public virtual override {
        emit Log("B.foo called");
        A.foo();
    }

    function bar() public virtual override {
        emit Log("B.bar called");
        super.bar();
    }
}

contract C is A {
    function foo() public virtual override {
        emit Log("C.foo called");
        A.foo();
    }

    function bar() public virtual override {
        emit Log("C.bar called");
        super.bar();
    }
}

contract D is C,B {

    function foo() public override(B, C) {
        super.foo();
    }

    function bar() public override(B, C) {
        super.bar();
    }
}

위와 같은 예제 코드를 보았다

일반적으로 생각해 봤을 때 해당 컨트랙트들의 상속구조는 아래와 같다

   A
 /  \
B   C
 \ /
  D

여기서 D컨트랙트를 배포 후 foo함수를 실행시켜보면 예상대로 동작할 것이다

그런데 문제는 D컨트랙트의 bar함수인데, bar함수를 실행시켜보면 아래와 같은 로그가 나온다

A -> C -> B

어째서일까? 답을 얻기 위해 코드에서 하나의 변인을 조작해보았다

contract D is B,C {
//              순서를 C,B에서 B,C로 바꿔보았다
    function foo() public override(B, C) {
        super.foo();
    }

    function bar() public override(B, C) {
        super.bar();
    }
}

is 뒤의 두 컨트랙트의 순서를 바꾼 뒤, D의 bar를 실행시켜보면 결과가 전과 다르다

A -> B -> C

그렇다!

is 뒤에서 선순위 컨트랙트를 후순위 컨트랙트가 오버라이딩을 한다는 뜻은, 단지 덮어쓴다는 게 아니라

후순위 컨트랙트가 선순위 컨트랙트의 자식이 된다는 뜻이다!

즉 B와 C가 동일선상에 있는 계층구조가 아닌

A
|
B
|
C
|
D

위와 같은 직선형의 계층구조라는 것!

cors 'Access-Control-Allow-Credentials' 헤더 설정 시 주의할 점

pangyoelon — Sat, 25 Mar 2023 17:41:27 +0900

서버측에서 cors를 설정하는 법에 대해 웹서핑을 해보면

cors미들웨어에 인자로 주는 객체를 선언하는 부분에서 블로그마다 다들 표현이 조금씩 달랐다

app.use(cors({
    origin: 'http://localhost:1234',
    credentials: 'true',
}));

app.use(cors({
    origin: 'http://localhost:1234',
    credential: true,
}));

app.use(cors({
    origin: 'http://localhost:1234',
    credential: 'true',
}));

위와 같이 작성할 시 Access-Control-Allow-Credentials 헤더가 빈 문자열이라는 오류가 계속 난다

app.use(cors({
    origin: 'http://localhost:1234',
    credentials: true,
}));

위와 같이 작성해주어야함

axios 요청 url에 prefix값을 주는 법

pangyoelon — Thu, 23 Mar 2023 19:16:23 +0900

상황)

axios.get('http://localhost:5000')
axios.post('http://localhost:5000','data')
axios.get('http://localhost:5000')
axios.post('http://localhost:5000','data')
axios.get('http://localhost:5000')
axios.post('http://localhost:5000','data')
axios.get('http://localhost:5000')
axios.post('http://localhost:5000','data')
axios.get('http://localhost:5000')
axios.post('http://localhost:5000','data')

생활코딩식 상상력을 발휘하여 위와 같은 요청이 1억개가 있다고 하자

그럼 당연히 엄청난 중복이 발생할 것이다

아래와 같이 axios.defaults.baseURL에 원하는 prefix값을 설정해주면 중복이 줄어들 수 있다

axios.defaults.baseURL = 'http://localhost:5000'

axios.get('/')
axios.post('/','data')
axios.get('/')
axios.post('/','data')
axios.get('/')
axios.post('/','data')
axios.get('/')
axios.post('/','data')
axios.get('/')
axios.post('/','data')

+) chatgpt는 신이다 (아래 방법은 위와 조금 다름)

cors를 설정해야 하는 이유 (sop의 존재이유)

pangyoelon — Wed, 22 Mar 2023 16:35:56 +0900

cors(cross-origin-resource-sharing)를 설정하라는 오류는 sop(same-origin-policy)에 의해 다른 오리진으로 보내는 요청을 '브라우저'가 막아서 생기는 오류이다

개발을 하다가 cors오류를 맞닥드린 입장에서 브라우저가 요청을 막는다는 사실을 알았을 때, 브라우저가 뭔데 감히 내 요청을 막아서 귀찮게 하는 것인지에 대한 이유는 아래와 같다

1. 대부분의 상황에서 브라우저는 사용자 본인이 작성한 것이 아닌 html,css,js 파싱한다는 것

2. 브라우저에는 인증정보(쿠키, 토큰)가 저장되어 있다는 것

특히 1번은 개발을 하고있는 입장에서 간과할 수 있는 점 같다

즉, 헤커의 사이트에 접속해서 해커가 짠 코드로 인해 해커가 사용자의 브라우저에 저장된 토큰을 가지고 사용자인 척 하며 악의적인 요청을 보내는 상황을 방지하기 위함이다

그렇기에 서버 측에서 믿을 수 있는 origin들의 목록을 정해두는 것이 cors설정이다

깃허브 옵션 구글링 할 때 주의점

pangyoelon — Sat, 25 Feb 2023 17:21:13 +0900

깃 branch 명령어의 -m 옵션 뜻이 궁금해서
'git branch -m 뜻' 이런 식으로 검색을 해봤는데 이상할만큼 결과가 나오지 않았다...

알고보니 아래와 같이 구글링에 도움을 주는 연산자가 있었는데

or	기본 검색
" "	구 형식으로 검색
*	와일드 카드
+	단어를 반드시 포함
-	단어를 반드시 제외
..	숫자 범위

이 중에 제외(-) 연산자 때문에 m 옵션에 대한 결과가 찾기지 않은 것이었다;;

프로그래밍과 비슷하게 ' \ ' 기호를 사용하여 이스케이프 할 수 있을 것이라는 추측을 해봤고

'git branch \-m 뜻' 과 같이 검색을 해주니 드디어 원하던 결과가 나왔다..ㅠ

nodejs에서 자주 쓰는 미들웨어 모듈

pangyoelon — Thu, 23 Feb 2023 12:47:27 +0900

morgan

서버로 들어온 요청과 응답을 기록해주는 미들웨어
로그의 자세한 정도 선택 가능(dev, tiny, common, combined)
주로 개발환경에서는 dev, 배포환경에서는 combined를 사용

static

정적인 파일들을 제공하는 미들웨어
인수로 정적파일의 경로를 대입
fs.readFile로 직접 읽을 필요 없음
요청하는 파일이 없으면 next를 호출해 다음 미들웨어로 넘어감
파일을 발견했다면 응답하고 다음 미들웨어는 실행되지 않음
요청 주소와 실제 주소를 다르게 만들어 보안 향상

body-parser ( express.json, express.urlencoded )

body-parser의 주요 기능이 현재는 express의 json, urlencoded로 대체됨
요청의 body를 해석해주는 미들웨어
body가 json인 경우 express.json, body가 폼 요청인 경우 express.urlencoded 사용
버퍼데이터나 텍스트데이터일 경우는 body-parser를 설치해야함, 하지만 사용할 일이 잘 없음
Multipart데이터(이미지,동영상 등)인 경우는 multer라는 미들웨어를 사용함

cookie-parser

요청 헤더의 쿠키를 해석해주는 미들웨어
req.cookies 안에 쿠키들이 파싱되어 들어있음
실제 쿠키 옵션들을 넣을 수 있음 (expires, domain, httpOnly, maxAge, path ...)
clearCookie로 쿠키를 지울 수 있다 (expires와 maxAge를 제외한 쿠키 옵션이 일치해야 함

express-session

세션 관리용 미들웨어
세션 쿠키에 대한 설정(secret: 쿠키 암호화 키, cookie: 세션 쿠키 옵션)
세션 쿠키는 암호화되어 프론트에 전송됨

dotenv

.env 라는 파일에 서버에서 중요한 암호화 키, 비밀번호 등을 모아둠
소스코드 탈취 당할 시 보안위협을 줄일 수 있음
.env파일에 키를 모아둠으로써 사용, 관리가 용이

+) 거의 모든 미들웨어들은 내부적으로 next를 실행한다, 미들웨어간의 순서도 중요

미들웨어 확장법

pangyoelon — Thu, 23 Feb 2023 11:46:51 +0900

// static 미들웨어를 확장
// 로그인이 되어있을 때만 정적 자원을 제공하도록
app.use('/', (req, res, next) => {
	if ( req.session.id ) {
    	express.static(__dirname, 'public')(req, res, next)
    } else {
    	next();
    }
}

1. 내가 만든 미들웨어 안에

2. 남이 만든 미들웨어를 넣고

3. (req, res, next) 붙이기

+) 미들웨어간 데이터 전달할 때 전역변수 또는 app.set 대신 req.data를 사용, req res는 모든 미들웨어들이 공유한다

태스크 큐에서의 우선순위

pangyoelon — Fri, 17 Feb 2023 15:56:00 +0900

우리가 실행한 명령어들이 내부에서 실행되는 과정을 간략하게 나타내면 아래와 같다

호출 스택에서 명령어들이 실행되고

그 중 비동기 코드들은 이벤트루프로 이동한다

이벤트루프에서 완료된 비동기 코드들 중 먼저 완료된 코드 부터 태스크 큐로 이동해서 호출 스택이 빌 때 까지 기다린다

호출 스택이 비었으면 태스크 큐에 들어온 순서대로 선입선출(FIFO)하여 호출 스택으로 들어간다

하지만 추가적으로 여기 태스크 큐에서 Promise 객체의 then, catch, nextTick에 대해 우선순위를 준다

즉, 테스크 큐에 setTimeout과 then이 있을 때

setTimeout이 먼저 완료되어 태스크 큐에 먼저 들어왔다 하더라도 then이 새치기해서 먼저 호출스택으로 이동한다

ex) 아래와 같은 코드를 실행했을 때 콘솔창의 상태는?

function oneMore() {
	console.log('one more');
}
function run() {
	console.log('run run');
    setTimeout(()=>{
    	console.log('wow');
    }, 0)
    new Promise((resolve) => {
    	resolve('hi');
    })
    .then(console.log);
    oneMore();
}

run()

정답은

run run

one more

wow

순서대로 출력 될 것이다!

출저 : https://www.youtube.com/watch?v=wRPcxR1M7Uc&list=PLcqDmjxt30RsGIPBBKX7xl05VuqJeCTFn&index=8

Nodejs에 대한 오해

pangyoelon — Fri, 17 Feb 2023 15:35:36 +0900

1. Nodejs는 서버(?)다

노드 공식사이트에는 노드를 아래와 같이 설명하고있다

Nodejs는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임이다

풀어서 말하면

Nodejs는 브라우저에서만 실행되었던 JavaScript 해석기를 브라우저 바깥에서도 실행시킬 수 있게 하는 실행기(런타임)이다

그 실행기로 서버를 만드는 것

2. Nodejs는 싱글스레드다

노드를 실행시킨 다음 작업관리자로 살펴보면 스레드가 여러개로 뜨는 것을 볼 수 있다

노드의 스레드는 여러개지만 사용자가 컨트롤 할 수 있는 스레드는 하나로 고정되어있기 때문에 싱글스레드라고 표현했던 것

이 처럼 노드는 원래부터 멀티스레드였고, 노드14버전 부터는 멀티스레드를 직접 사용자가 다룰 수 있게 되었다고 한다 (하지만 잘 사용하지 않는 듯)

이쯤되서, 진작에 멀티스레딩을 하지 않은 이유에 대해 궁금할 수 있다

그 이유는 멀티스레딩이 사람의 사고로 쉽게 구현하기 어려울 수 있기 때문이다

그렇기에 노드는 멀티스레딩을 못한 것이 아니라, 프로그래밍의 편의성을 위해 멀티스레딩을 하지 않은 것이다

하긴 정말 싱글스레드만 가능했다면 비동기, 이벤트루프와 같은 개념도 없었을 것이다

+) 노드는 C와 C++로 이루어져있다

출저 : https://www.youtube.com/watch?v=TKBGiqj3yRE&list=PLcqDmjxt30RsGIPBBKX7xl05VuqJeCTFn&index=3

[정보처리기사] 다음 C언어 프로그램이 실행되었을 때, 결과는?

pangyoelon — Wed, 1 Feb 2023 15:22:23 +0900

(문제와는 관련 없음)

❓ int argc

메인 함수에 전달되는 정보의 갯수를 의미한다
❓ char *argv[]

메인함수에 전달되는 실질적 정보이고, 문자열의 배열을 의미한다, 첫번째 문자열은 항상 프로그램의 실행경로로 고정되어 있다

❓ int arr[2][3]={1,2,3,4,5,6}

크기가 3인 배열들을 갖는 크기가 2인 int로 된 배열을 선언, 해당 2차원 배열의 단말에 1,2,3,4,5,6을 순서대로 할당 (구조분해할당?)

❓ int (*p)[3]=NULL

3개의 int값을 담는 배열의 주소를 담을 수 있는 포인터를 null로 초기화, arr을 담기 위한 포인터를 정의

❓ p=arr

인덱스가 없는 배열 이름은 배열의 시작주소(arr[0])을 의미하며 그 주소에 +n을 하게되면 배열의 n번째 인덱스의 주소를 얻을 수 있다

p에는 arr[0]의 주소가 들어간 셈

❓ printf("%d, ", *(p[0]+1) + *(p[1]+2))

*(p[0]+1) + *(p[1]+2) arr[0][1] + arr[1][2] 2 + 6

❓ printf("%d", *(*(p+1)+0) + *(*(p+1)+1))

*(*(p+1)+0) + *(*(p+1)+1) *(arr[1]+0) + *(arr[1]+1) arr[1][0] + arr[1][1] 4 + 5

[오류 / Solidity] 크기가 정해진 배열에 push

pangyoelon — Wed, 23 Nov 2022 22:01:16 +0900

uint256[3] public ageArray;

function agePush(uint256 age) public{
	ageArray.push(age);
}

위와 같은 상황에서 agePush를 실행하면 오류가 날 것이다!

물론 배열 크기를 지정하지 않았다면 오류가 안 난다

TypeError: Member "push" not found or not visible after argument-dependent lookup in uint256[10] storage ref. --> infrun/lec1.sol:8:9: | 8 | ageArray.push(_age); | ^^^^^^^^^^^^^

??? : 않이 크기는 지정했는데 아무것도 안 넣었거든여 빈 배열에 push 하는데 왜 오류가 남?

응 아니야, 크기를 미리 지정하면 배열에서는 내부적으로 모든 인덱스마다 기본값이 설정된다!

예를 들어, 크기가 3인 배열을 선언한다고 치면 내부적으로는

0 => 0, 1 => 0, 2 =>0

이런식으로 되있는 거시다.

여기에 push를 하면 배열 길이를 늘리는 셈이니 오류가 나는 건 당연

[오류 / Go] duplicate argument int error

pangyoelon — Tue, 15 Nov 2022 17:30:11 +0900

go 익명함수, 일급함수 실습 예제를 풀어보던 중 오류가 발생했ㄷr..

복제된 인자? int? undefine?

코드

함수 정의할 때 parameter 부분의 순서가 잘못된 거였다

(int a, int b ) => ( a int, b int ) 로 바꿔주니 잘된다!!

확실히 저수준언어라 엄격한 것 같다

Byzantine Failure란? ( 비잔틴 장군 문제 )

pangyoelon — Sun, 13 Nov 2022 11:17:47 +0900

https://blog.seulgi.kim/2018/05/byzantine-failure-why-blockchain-is-hard.html?sc=1668304909402#c6086819797635527708

쉘 스크립트에서의 if, for, while

pangyoelon — Sun, 6 Nov 2022 00:16:57 +0900

쉘 스크립트(.sh)란?

쉘은 리눅스에서 명령어를 한줄한줄 입력할 수 있도록 사용자에게 인터페이스를 제공하는 프로그램이구요
스크립트는 javascript, python과 같은 스크립트 언어라는 것을 뜻합니다
(간단하게 스크립트 언어란 한줄 한줄씩 실행되는 언어를 말합니다)
합쳐서 한마디로 쉘에서 사용되는 일련의 스크립트(각각의 커맨드라인)들을 파일 형태로 모아놓은 것이 되겠네요
자주 실행하는 일련의 명령어들이 있을 때, .sh 확장자 파일 안에 한 줄씩 저장해두면 나중에 sh파일만 실행시켜주면 되는 거죠

쉘 스크립트에서의 if, for, while

쉘 스크립트 안에서도 물론 조건과 반복을 넣어줄 수 있는데요, 그런데 생김새가 좀 낯설어요

if 문 문법

if [ 조건 ]
then
	실행 명령어
elif [ 조건 ]
then
	실행 명령어
fi

조건이 대괄호 안에 들어있고, else if는 elif로, 중괄호 없이 if문의 끝을 fi로 마무리 짓습니다

여기서 한가지 더 주의 할 점은 대괄호 안의 공백을 꼭 넣어줘야 합니다

for 문 문법

for 변수 in 값1 값2 값3 ...
do
	실행 명령어
done

for문은 javascript에서의 for in loop랑 닮았네요

값의 개수만큼 반복되고, 값1, 값2, 값3가 매 반복마다 차례대로 변수 안에 들어갑니다.

여기서도 마찬가지로 중괄호 대신 done으로 for 문의 끝을 알려줍니다

while 문 문법

while [ 조건 ]
do
	실행 명령어
done

if문을 이용해서 간단한 쉘 스크립트 파일 만들기

/etc/passwd 는 시스템에 등록된 사용자의 정보들이 담겨있는 파일입니다.

/etc/passwd 파일 안에서 특정 사용자의 이름을 찾아, 특정 사용자가 존재하는지 알려주는 프로그램을 만들겠습니다.

일단 홈 디렉토리 안에 테스트용 폴더를 하나 만들어줍니다

그리고 vi(리눅스계의 vsc)를 이용해서 test라는 쉘 스크립트 파일을 하나 만들겠습니다

#!/bin/bash : shell도 하나의 프로그램으로서 여러 종류가 있습니다. 그 중에 bash라는 쉘 프로그램을 선택합니다.

grep $1 $2 > /dev/null : 찾을 계정의 이름에 해당하는 인자($1)를 받고 파일 안에서 문자가 위치한 부분을 찾아주는 grep을 실행해서 그 결괏값을 /dev/null 이라는 특수 파일로:` 보내 결과값이 출력되지 않도록 합니다.

if [ $? -eq 0 ]; then : 가장 최근 명령어가 성공적으로 실행되면 $?는 0을 반환합니다. $?가 0과 같은지(-eq)를 판단합니다.

이제 프로그램을 작성했으니 실행을 하겠습니다...만 sh파일은 처음 만들면 실행 권한이 없으므로 파일에 실행 권한을 주겠습니다

이제 프로그램을 실행시켜서 사용자를 찾아보면

제가 사용하고있는 bstudent는 /etc/passwd에 있으므로 Match found가 뜨고

elonmusk라는 계정은 없기 때문에 Match not found가 반환되었습니다

배울랑교 블록체인 중급 과정을 듣고 정리하여 작성했습니다

문법이 조금 이질적이네요ㅋㅋㅋ 리눅스에서 코딩하는것도 신기하고 vi도 vsc 못지않게 친절하구요

배울랑교 수업 재밌습니다

티스토리 스킨 편집하기 (블로그 설명 변수 추가)

pangyoelon — Sat, 5 Nov 2022 17:09:54 +0900

블로그 프로필 영역이 밋밋해서 깃허브 링크를 하나 추가해주고 싶었습니다

프로필 영역에 해당하는 소스코드는 위와 같은데요

위와 같은 위치에 div 태그와 [##_desc_##] 변수를 넣어주면 블로그 설명이 뜨게됩니다

[##_desc_##] 와 같은 변수들은 티스토리 공식 docs같은 사이트가 있더라구요 참고하시면 좋을 듯 합니다

(여기서는 공통 치환자 라고 부르네요)

https://tistory.github.io/document-tistory-skin/common/global.html

공통 · GitBook

카테고리 글 리스트 tt-body-category

tistory.github.io

[오류 / Solidity] remixd : 이 시스템에서 스크립트를 실행할 수 없으므로 ...

pangyoelon — Mon, 17 Oct 2022 23:49:55 +0900

오류

vsc와 remix의 연동 과정 중에 이런 오류가 발생했다

windows에서 신뢰하지 않는 스크립트로부터 사용자를 보호하기 위한 실행 정책이라는 게 있나보다
그래서 리믹스 설치 이외에도 자주 발생하는 오류인 것 같다

해결방법

1. 먼저 실행 정책을 변경하려면 관리자권한이 있는 터미널을 켜줘야한다
start-process powershell ?verb runAs
위의 스크립트를 작업을 진행중이던 터미널에 복붙하면 관리자권한의 새로운 터미널이 뜬다

2. 새 터미널에 Get-ExecutionPolicy를 치면 Restricted 라고 뜨는데 이게 제한된 상태인 것 같다

3. 제한을 해제하기 위해 Set-ExecutionPolicy RemoteSigned 를 입력해서 터미널에 혼쭐을 내주자

4. 위의 사진처럼 뜰텐데 Y 또는 y를 입력하고 엔터 해주면 된다.

5. Get-ExecutionPolicy를 다시 입력해보면 RemoteSigned 가 뜬다, 이제 다시 작업 중이던 터미널로 돌아가서 원하던 스크립트를 입력해보면 정상적으로 작동이 될 것이다!

[오류 / React] React Hook "useNavigate" is called in function

pangyoelon — Fri, 7 Oct 2022 14:28:40 +0900

'useNavigate는 함수 이름 첫 글자가 대문자인 함수에만 사용할 수 있다', 즉 너의 Main.js 함수 이름의 첫글자는 소문자다.. 라고 합니다.

처음에 main.js 로 만들고 rafce를 했다가, 나중에 파일 이름만 대문자로 바꿔서 오류가 발생했습니다

오류가 발생한 js파일에 함수 이름과 코드 맨 아랫줄에 있는 함수이름도 까먹지 않고 수정해주시면 됩니다

[오류 / Git] fatal: It seems that there is already a rebase-merge directory ...

pangyoelon — Fri, 7 Oct 2022 14:05:30 +0900

fatal: It seems that there is already a rebase-merge directory,
and I wonder if you are in the middle of another rebase.
If that is the case, please try
	git rebase (--continue | --abort | --skip) 
If that is not the case, please 
	rm -fr ".git/rebase-merge"
and run me again.
I am stopping in case you still have something valuable there.

git rebase를 연습하는데 위와 같은 오류가 떴다.

'fatal : 이거 보아하니 니가 rebase-merge 중인 게 있는 거 같은데, 너가 다른 rebase를 하는 중인지 궁금하다.'

rabase를 하는 도중 vsc를 꺼서 발생한 에러였다

git rebase --quit

이럴땐 quit하고 다시 rebase 하는 게 편하다고 합니다

출저 : https://stackoverflow.com/questions/19134845/forgotten-rebase-interactive-git

Forgotten rebase interactive - git

I ran some times ago some git rebase -i command. But I completely forgot it. Now I want to change new commits order. So I ran git rebase -i HEAD~4, and I get normally It seems that there is alrea...

stackoverflow.com

[오류 / React] 배포 시 발생하는 Router path 문제

pangyoelon — Thu, 6 Oct 2022 23:27:49 +0900

로컬에선 잘만 됐는데 github pages로 배포했더니 상단 바(Navbar 태그)를 제외한 컴포넌트가 렌더링 되지 않는다!!!

배포 전 로컬 URL

github pages로 배포 후 URL

URL이 달라졌으니 기존 path 속성이 안 먹힐 수밖에...

이럴땐?!

basename={process.env.PUBLIC_URL} 를 BrowserRouter 태그에 속성으로 추가해 주시면 됩니다~

리액트에게 기본 URL을 제공하는 거라고 하네요

출저 : https://medium.com/@_diana_lee/react-react-router-%EC%A0%81%EC%9A%A9%ED%95%9C-react-%EC%95%B1%EC%9D%84-github-pages%EB%A1%9C-%EB%B0%B0%ED%8F%AC%ED%95%98%EB%8A%94-%EB%B2%95-5f6119c6a5d9

[React] react-router 적용한 React 앱을 github pages로 배포하는 법

이 글은 당신이 create-react-app과 react-router를 사용 중이라고 가정하고 있습니다

medium.com

감사합니다...

비트코인 채굴, POW는 낭비인가

pangyoelon — Sat, 17 Sep 2022 16:47:25 +0900

비트코인 작동 방식에 대한 수업을 들으면서, 아무리 1세대 블록체인이라 해도 너무 비효율적이지 않나 하는 생각이 들었다.

그렇기에 POS가 등장했다고 하나, 이정도의 전기낭비라면 빠른 시일 내에 바꿔야 하는 게 아닌가?

탈중앙화 보다는 지구온난화가 더 먼저 오는 게 아닌가 하는 생각이 든다... 라는 짧은 생각을 갖고 한 커뮤니티의 고수님들에게 고견을 여쭈어 보았다.

1. 채굴이라는 행위에 가치가 부여된다. (feat. 디지털 금)

금광이 있고, 그 금광에서 금을 캐면 금을 얻죠.
그리고, 그 금에 우리는 가치를 부여합니다.
물론 그 금의 경우는 실질적으로 볼 수 있고, 가공할 수 있으며, 여러 산업에서 사용될 수 있습니다.

비트코인도 컴퓨팅파워와 전기를 사용하여 채굴을 합니다.
그리고 여기에 가치를 부여하는 거죠.

미술가가 미술 작품을 그리면 거기도 가치를 매기죠.

많은 사람들이 가치를 부여하기로 합의했다면 가치가 있는 물건이 되는 거죠.

이런 관점으로 볼 수도 있구나..

생각지도 못한 답변에 무릎을 탁 쳤다.

마치 금처럼, 금광에서 금을 캐는 "노력"과 금의 "희소성"을 인정해주고 "가치"를 부여한다는 말인데

정말 금과 크게 다를 바가 없는 듯하다. 비트코인이 단순하게 희소성만 갖고있는 것이 아니라, 금 처럼 나름의 기능성도 있으니

2. 옳은 정보를 합의 할 수 있는 능력 = 비트코인의 보안성

블록체인의 보안성 = 옳은 정보를 합의 할 수 있는 능력입니다.

논스값은 찾기는 어렵지만, 검증하기는 쉬운 값이니, 누구가 안전하고 간단하게 합의에 이를 수 있는 거죠.

POS가 등장하기 전에, 그럼 POW말고 어떤 알고리즘이 좋냐고 물으면 꿀 먹은 벙어리가 될 것 같기도 하다ㅋㅋㅋ

논스가 찾기는 어렵지만, 검증하기는 쉽기에, 안전하고 간단하게 합의에 이를 수 있다...

물론 그 과정에서 다소 낭비가 되는 부분이 있긴 하지만, 합의 알고리즘으로써 기능은 제대로 한다.

곰곰히 생각해보니 고개가 끄덕여진다.

3. 시스템을 망가뜨리려면 출혈은 감수해라

되게 혁명혁명스러운 말이다ㅋㅋ 비트코인이 탄생한 이유이기도 하다

하긴 모든 은행 시스템이 쓰는 전기세 > 비트코인 전기세 일지도

물론 이 말의 의미는 기존의 중앙화된 시스템을 바꾼다면 전기세 낭비 = 약간의 출혈 이라는 말이겠지만

인문학적인 요소가 많이 결합된 기술인 만큼 다각적으로 생각해봐야 할 기술이다!

비트코인의 채굴 난이도 조절 방식 (POW) +실습

pangyoelon — Sat, 17 Sep 2022 00:22:12 +0900

외부 요인을 시작으로 변경되는 해시레이트에 따라서 블록 생성 시간, 난이도, 타겟값 같은 변수들이 길항관계를 이루며 순차적으로 변경됩니다.

비트코인은 아래의 과정을 2016블록마다 반복함으로써 블록 생성 시간을 10분에 맞춥니다.

코인 가격이 내려가서 채굴자들이 침을 뱉고 나가면, 해시레이트가 줄어든다.

해시레이트가 줄어들면 블록 생성 시간이 10분보다 오래 걸리고 비트코인은 난이도를 낮춘다.

난이도가 내려가면 타겟값이 커진다.

타겟값이 커지면 채굴자들이 논스값을 빨리 맞추게 되서 블럭 생성 시간이 줄어든다.

반대로,

코인 가격이 올라가서 채굴자들이 침을 삼키고 들어오면, 혹은 그래픽카드가 발달하면, 해시레이트가 증가한다.

해시레이트가 증가하면 블록 생성 시간이 10분 보다 적게 걸리고 비트코인은 난이도를 높인다.

난이도가 높아지면 타겟값이 내려간다.

타겟값이 내려가면 블럭 생성 시간이 늘어난다.

실습) 실제 트렌젝션의 타겟값을 구하고, 해시값이 타겟값보다 낮은지 확인해보기

https://www.blockchain.com/explorer/blocks/btc/754283

https://www.blockchain.com

Blockchain.com - The Most Trusted Crypto Company

Blockchain.com is the most popular place to securely buy, store, and trade Bitcoin, Ethereum, and other top cryptocurrencies.

www.blockchain.com

위 사이트에 가면 특정 트렌젝션에 대한 정보를 볼 수 있는데, 여기서 사용할 정보는 Hash와 Difficulty입니다.

1. 제네시스 블록의 타겟값 구하기

첫번째 블록의 난이도는 0x1d00ffff로 정의되어 있습니다

0x00ffff * 2^(8*(0x1d - 3)) = 0x00000000FFFF0000000000000000000000000000000000000000000000000000

A * 2^(8*(B - 3)), A는 난이도의 뒷 6자리, B는 난이도의 앞 두자리

라는 식으로 제네시스 블록의 타겟값을 구할 수 있습니다. (여튼 그럼...)

2. 현재 블록의 타겟값 구하기

https://en.bitcoin.it/wiki/Difficulty

현재 블럭의 난이도 = 제네시스 블록의 타겟값 / 현재 타겟값 이라는 공식이 또 있습니다.

여기서 알고있는 두 값을 통해 현재블록의 타겟값을 구할 수 있습니다.

제네시스 블록의 타겟값을 10진수로 변환하면 2.695953529101131e+67 (대충 겁나 큰 숫자)

현재 난이도는 32,045,359,565,303

제네시스 블록의 타겟값 / 난이도 = 현재 타겟값 이므로

2.695953529101131e+67 / 32,045,359,565,303 = 8.412929565066154e+53

현재 타겟값은 8.412929565066154e+53이 되겠습니다.

3.현재 타겟값과 해시값 비교하기

현재 보고있는 #754,283번째의 해쉬값과 16진수로 변환한 #754,283번째의 타겟값을 비교해보겠습니다.

754284번째의 타겟값 : 0000 0000 0000 0000 0008 c894 0000 000b 0000 0000 0000 0000 0000 0000 0000 0000
754284번째의 해시값 : 0000 0000 0000 0000 0007 fcca 7a8c 980f 8493 8ca7 cc05 1f7b 2831 2567 f96a 2aab

해시값 < 타겟값

이렇게 해시값이 타겟값보다 낮은 값이 나왔기 때문에 블록이 생성되었습니다.