크롬 확장프로그램 만들기 part.1 (계기, 디자인&기획, 기본 준비 단계, 참고 문서) (내가쓰고싶어서.. )썸네일을 쉽게 만드는 크롬 확장프로그램을 만들었다. 아직 스토어 등록 심사중이지만 만드는 과정에서 알게된 내용을 간단하게 기록해보려 한다. 급하신분은 기본 준비단 youngsimi.tistory.com 해당 글을 따라서 작성했다면 기본적인 크롬 확장프로그램을 위한 준비는 끝났습니다. 이번 글에서는 manifest.json 파일을 좀더 보고 스토어에 등록하는 과정을 간단히 기록하려 합니다. manifest.json 자세한 내용은 크롬 개발자 공식 문서에 나와있지만 제가 작성한 manifest.json을 보면서 다시한면 이야기 하려고 합니다. 확장 프로그램 | Extensions | Chrome..

(내가쓰고싶어서.. )썸네일을 쉽게 만드는 크롬 확장프로그램을 만들었다. 아직 스토어 등록 심사중이지만 만드는 과정에서 알게된 내용을 간단하게 기록해보려 한다. 급하신분은 기본 준비단계와 참고만 살펴보시면 됩니다. 계기 블로그 글을 발행하면서 썸네일을 사용했다. 썸네일을 만들어주는 각종 서비스가 있지만 매번 맘에 들지 않아서 피그마와 포토샵을 이용해서 정성스레 컨셉을 가진 썸네일을 만들어냈다. 그러다 보니 블로그 글 발행이 너무 힘들고.. 지치고... 썸네일을 만들어주는 여러 서비스가 있지만 '이런 기능이 있으면 좋을거 같은데..', '내 블로그엔 이렇게 하고싶은데..' 이런 생각에 사로잡혀서 꾸역꾸역하다가.... 그래 이왕 이렇게 된거 하나 만들어보지 뭐! 라고 생각을 했다. 처음에는 크롬 익스텐션 보..

공통점 자바스크립트 런타임 환경 노트(Node.js)의 패키지 관리자 다른점 NPM node.js를 설치할 때 자동 생성된다 Node Package Manager YARN 2016년에 페이스북에서 개발한 패키지 관리자 npm과의 호환성이 좋고, 속도나 안정성 측면에서 npm 보다 좋다는 평. 요즘은 NPM도 많이 업데이트가 되고 있어서 차이가 거의 없다고 하니 각자 편한거 사용하시면 될 것 같습니다! 주요 명령어 NPM 설치 npm install ~ 제거 npm uninstall ~ 업데이트 npm update YANR 설치 yarn add ~ 제거 yarn remove ~ 업데이트 yarn upgrade

설치 전 확인 node -v yarn -v npm -v brew -v yanr 을 설치하기 앞서 터미널에서 node와 yarn의 버전을 확인함으로 설치가 되어있는지 확인한다. 그리고 설치를 도와줄(homebrew) 녀석이 설치되어 있는지도 확인하자! 이미 node가 설치되어있다면 yarn 설치 시 충돌이 발생할 수 있다. yarn 설치 노드가 설치되어 있다면 이미 설치되어 있는 패키지들은 무시하고 설치하게 됩니다. npm 이용 yarn 설치 npm install -g yarn brew 이용 yarn 설치 brew install yarn --ignore-dependencies 설치 후 확인 yarn -v 다시 버전 명렁어로 설치가 정상적으로 되었는지 확인한다.

브라우저 탭을 빠르게 메모장으로 사용할 수 있는 방법을 소개합니다. 따로 메모장을 켜거나, 텍스트 에디터를 사용하기 번거로우실때, 웹 서핑을 하다가 간단한 메모를 해야할 때 사용해주세요. 아래의 코드를 브라우저 주소창에 복사 붙여넣기 하셔서 입력한 뒤 사용하시면 됩니다. 즐겨찾기나 북마크 등록해두시면 더욱 편하게 사용 가능합니다! data:text/html, MEMO IN BROWSERSAVE 빈 내용이나 공백만 있을 경우 저장이 되지 않습니다. YYYY_MM_DD_memo.txt 로 저장됩니다. 저장 시 해당 브라우저 다운로드 경로에 내려 받습니다. 저장하지 않고 브라우저를 끄거나 새로고침하면 사라집니다. 기존의 Notepad bookmarklet 트위터 주소에 올라온 코드를 참고해서 브라우저에서 데스..

git은 텍스트 명령어 기반으로 작동하지만 gui툴을 통해 보다 시각적이고 편리하게 이용 가능하다. git의 여러 GUI 툴 중에 SourceTree를 설치해보자. SourceTree 설치시에는 GitHub 계정이 필요하니 미리 가입해두도록 하자. SourceTree 홈페이지 접속 Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac. www.sourcetreeapp.com SourceTree 설치 OS버전에 따라 설치한다. 동의 후 다운로드 받는다. GitHub ..