steemit-enhancer 업데이트 기록 2탄

steemit-enhancer 업데이트 기록

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

<이전 글>
steemit-enhancer 업데이트 기록 1탄

어제 1탄에 이어서 2탄입니다. 제일 먼저 해당 폴더 구조를 살펴봤습니다. 폴더 구조는 아래와 같습니다.

1. build : Build 시에 생성되는 폴더로 git에는 포함되어 있지 않습니다. 이 폴더에 있는 녀석들이 바로 크롬 익스텐션에 추가할 수 있는 파일입니다. 일종의 출력/아웃풋/결과물 이라고 보시면 됩니다.

2. chrome : 이름 그대로 크롬 익스텐션의 코드 부분입니다. 즉 이쪽이 메인 코드 입니다.

3. node_modules : 이 부분은 yarn install 을 통해 설치된 해당 프로젝트의 환경 파일들입니다.

4. scripts : npm run 이후에 쓸 수 있는 스크립트를 나타내고 있습니다.

5. webpack : 자바스크립트의 모듈

딱 보면 느낌오죠 2번만 수정을 하면 됩니다.
아래에 chrome 을 다시 살펴보면

3가지 풀더와 2가지 파일로 되어 있는데 먼저 manifest는 익스텐션의 속성 같은 파일입니다. 해당 파일 생성시 json 파일을 참고해서 만들어지게 되어 있다고 생각하고 있습니다 ㅎ

그리고 다시 폴더는 보면

1. assets : 이미지 파일 및 언어팩 파일을 보관하고 있습니다.

2. extension : 수정되는 메인 폴더

3. viwes : 호출되는 메인 화면을 자바스크립트와 연결하는 역활을 하지 않을까 예상합니다.

이제 포인트인 extension에 대해서는 내일 다시 또 알아보도록 하겠습니다 ㅎㅎ
폴더설명만 하고 있어서... 특별히 어려울 것은 없어보입니다. 이글의 목적이 제 기억을 연장하는 데에도 있기 때문에 진도가 느려도 이해를 부탁드립니다