본문 바로가기

분류 전체보기248

[단기] 02. 환경구축 안녕하세요? 생각하는 달팽이입니다.알고리즘 시험 및 과제 진행으로 인해 블로깅을 매번 신경을 쓰지 못했습니다. 그림 1. 변경전 환경설정 처음 다음과 같은 환경에서 개발을 진행하려고 했으나, "네이버는 이렇게 한다!, 프런트엔드 개발 시작하기" 책을 읽고 환경을 바꾸게 됐습니다. 그림 2. 변경후 환경설정 클라이언트 환경에서 IDE ( Integrated Development Environment ) 를 변경하였다. WebStorm 을 이용하여 환경구축을 하였고. Git 을 통해 버전 관리를 진행할 예정입니다. Github 의 경우 비공개 저장소를 제공하지 않아, bitbucket.org 에서 저장소를 만들어 진행하였습니다. Bitbucket 의 경우 팀원 5명이하의 소규모 저장소의 경우 비공개 저장소 .. 2015. 2. 1.
[Sample] Content Settings Content Settings 안녕하세요?오늘은 크롬에서 보여지는 웹페이즈를 컨트롤 할 수 있는 기능을 따라해보겠습니다. 위의 샘플을 따라해보았습니다. 네이버의 이미지들이 표현되지 않도록 block 하고 진행하였습니다. [ 컨텐츠 셋팅 SET ] chrome.contentSettings[type].set({ 'primaryPattern': pattern, 'setting': setting, 'scope': (incognito ? 'incognito_session_only' : 'regular') }); [ 컨텐츠 셋팅 GET ] chrome.contentSettings[type].get({ 'primaryUrl': url, 'incognito': incognito }, function(details) {.. 2015. 1. 30.
[Sample] Print this page Print this page 샘플을 따라해보겠습니다. 사용되는 API 는 다음과 같습니다. - browserAction.onClicked : 우측 상단의 확장프로그램 아이콘 클릭시 발생하는 이벤트 캐치- tabs.update : 해당 tab를 특정 url 로 수정 [ 이벤트 디텍팅 ]chrome.browserAction.onClicked.addListener(function(tab){}); chrome.browserAction.onClicked.addListener(function(tab) { var action_url = "javascript:window.print();"; chrome.tabs.update(tab.id, {url: action_url});}); [ 탭 데이터 수정 ]chrome.tab.. 2015. 1. 30.
[Sample] My Bookmarks 구글의 sample Extension 들을 하나하나 따라가 보겠습니다. 처음 따라가볼 예제는 My Bookmarks 입니다. 사용되는 API 목록은 다음과 같습니다. bookmarks.getTree : 크롬의 북마크로부터 데이터들을 가져옵니다.bookmarks.create : 크롬에 북마크를 추가합니다.bookmarks.remove : 크롬에 존재하는 북마크를 삭제합니다.bookmarks.update : 크롬에 존재하는 북마크를 tabs.create : 탭을 생성합니다. 각 API 별 사용 예시입니다. [ 북마크 가져오기 ]chrome.bookmarks.getTree(function(nodes){}); function dumpBookmarks(query) { var bookmarkTreeNodes = c.. 2015. 1. 30.
반응형