steemit-enhancer 업데이트 기록 1탄

steemit-enhancer 업데이트 기록

https://github.com/yjiq150/steemit-enhancer

저는 제일 먼저 해당 코드가 어떻게 되어 있는지 살펴봤습니다. 하지만 깃 허브에 있는 소스코드가 바로 크롬의 익스텐션에 올라가는 소스는 아니었습니다. 예전에는 아마 여기서 포기를 했던것 같은데... 이번 기회에 한번 더 살펴볼 수 있었습니다.

이유는 잘 모르겠지만, 일부 코드중에는 컴파일의 개념이 좀 있는 것 같습니다. 바로 npm run build 개념으로요, (아마... 특정 언어를 단독으로 사용하지 않는 경우에 가능한 듯 합니다.) 이 개념은 하나의 언어만 사용하는 저에게는 익숙하지 않는 방식입니다. 지금도 잘 이해가 되지 않고요. 아무튼 깃에서 받은 것을 build를 하니 크롬에서 사용할 수 있는 익스텐션 코드로 빌드가 되었습니다.

지금 글로 쓰니. 간단해 보이지만 사실 저에게는 좀 어려운 개념이었습니다. 다음에 저도 또 보면 까먹을 수 있으니, 이렇게 포스팅을 통해 남겨두기로 했습니다 ㅎㅎㅎ

다만 설치시 특이점이 있다면, yarn.lock 이라는 개념이었습니다. 정확한 빌드환경을 맞추기 위한 의미로 개발 환경을 올리는 개념이지만, steemit-enhancer 의 경우... 파이썬? 도 포함되어 있어서 그런지 환경을 잡기 어려웠습니다. 제 개인 PC에서는 실패했고, 다른 컴퓨터에 설치를 결국 해서 해결 했습니다 ㅎㅎ

그렇게 컴파일을 하고 난 뒤에, 소스코드를 좀더 살펴볼 수 있었습니다.
이 연재 글은 제가 이해한 내용을 바탕으로 써볼 생각입니다. 이후에 누구나 할 수 있도록요.

git clone https://github.com/yjiq150/steemit-enhancer
cd steemit-enhancer
yarn install

설치 끝

Build 하는 방법은

npm run build

2탄부터는 실제 수정되는 부분에 대해서 작성 해볼 생각입니다~