Orangesea - developer

즐겨찾기 사이트 모음 및 관리 서비스 만들기(3) - 크롬 확장프로그램 만들기2 (Building a favorite site management service - Building Chrome extension 2) 즐겨찾기 사이트 모음 및 관리 서비스 만들기(3) - 크롬 확장프로그램 만들기2 (Building a favorite site management service - Building Chrome extension 2) 개발을 하려고 하는데 생각보다 즐겨찾기에 대한 솔루션이 많이 있어서 일단 간단하게 마무리하고 조금 더 여유가 생기면 추가적으로 개발을 해보려고 한다. 간단하게 검색만 되는 기능을 만들어보았다. 이것도 내가 만든건 아니고 소스 복붙이라 내가 한 건 크게 없다. 여기서 대,소문자 구분 없이 검색하는 방법을 조금 더 생각해보는게 첫 번째 숙제다. 일단 manifest.json 은 이렇게 작성해준다. { "manifest_version" : 2 , "content_security_policy" : "script-src 'self' https://ajax.googleapis.com; object-src 'self'" , "name" : "Awesome Bookmark Manager" , "description" : "You can easily find bookmark that you want to go by using this program ! " , "version" : "1.0" , "browser_action" : { "default_title" : "ABM...

즐겨찾기 사이트 모음 및 관리 서비스 만들기(3) - 크롬 확장프로그램 만들기1 (Building a favorite site management service - Building Chrome extension 1) 즐겨찾기 사이트 모음 및 관리 서비스 만들기(3) - 크롬 확장프로그램 만들기1 (Building a favorite site management service - Building Chrome extension 1) 1시간 만에 만든다고 한건 허세로 들통났다. 내가 생각했던 것보다 간단한 서비스가 아니었다. 고민 끝에 크롬 확장프로그램을 만들어서 이 서비스를 만들어야겠다고 생각했다. 그래서 먼저 크롬 확장프로그램을 만드는 법을 찾아보았다. 생활코딩의 이고잉님 강의 + 문서를 참고하고 나온 결과물. 크롬 확장프로그램 개발을 시작하는 방법. How to start to building a Chrome extension 에디터를 준비한다. IDE도 괜찮고 텍스트 편집기도 좋다. 나는 이번 기회에 Visual Studio Code 를 다운받아서 사용해보았다. 이유는 c9으로 작업하기에는 개발을 하면서 실시간으로 체크하는 것이 어려워서 로컬로 개발 해야했고 가장 가벼운 에디터를 사용하고 싶어서 찾아보니 한 블로그에서 VS CODE 를 추천하길래 사용하게 되었다. Visual Studio 랑은 관련이 없다고 한다. Visual Studio Code 로 작업환경을 만드는 방법은 아래 포스팅을 참고하면 된다. Visual Studio CODE(VS CODE) 설치, 사용하는 방법 에디터 준비가 완료가 됐으면 작업 폴더에 manifest.json , popup.html, script.js , icon.png 를 만들어준다. 이 때 icon.png 는 아이콘이 될 이미지 파일을 넣어준다. 그리고 manifest.json 파일에 아래 코드를 복사해서 붙여넣는다. { "manifest_versi...