개발을 시작하고 작업하고 참여했던 프로젝트와 결과물을한눈에 볼 수 있도록 공유 하기 위해 최근까지 포트폴리오를 제작해왔습니다. 제작된 포트폴리오는 아래 링크를 통해 확인가능합니다. http://portfolio.sanguneo.com/ 1. 제작 계획 수립 필요성을 느끼고 한글파일이나 워드파일로 정리하다가 그 한계를 느꼈습니다. 좀더 자유롭고 직관적이고 싶었기에, 내가 잘 하는것을 이용 해 보자는 생각에 웹 버전으로 제작하게 되었습니다. 2. 제작 방법 우선 작업을 정리하려면 한둘이 아니기 때문에 같은 규격으로 스크린샷을 찍기 시작했습니다. 이전에 작업하면서 업로드한 이미지부터 정리를 위해 찍은 모든 이미지들을 모아, 넘버링 을 하고 이름을 붙인 뒤 트리구조의 디렉토리로 분류했습니다. 그리고 window..

안녕하세요 상구너입니다. 크롬 확장앱 만들기 마지막 시간에는 제작한 확장앱을 직접 내 크롬 브라우저에 등록해보고,다른사람들도 쉽게 사용할 수 있도록 하는 방법을 다룰 예정입니다. 이번 시간은 큰 설명없이 스크린샷으로 진행하겠습니다. 이전 강좌 보기 크롬 확장앱 만들어보기 (프롤로그)크롬 확장앱 만들어보기 (1/3)크롬 확장앱 만들어보기 (2/3) 지난시간에 작성한 디렉토리를 뒤로하고, 여러분의 크롬브라우저의 확장프로그램 메뉴를 엽니다. chrome://extensions 주소를 입력해도 접속할 수 있습니다. 개발시에는 이 확장을 이렇게 불러올 수있습니다."압축해제된 확장 프로그램을 로드합니다." 버튼을 누르면디렉토리 선택창이 뜨고우리가 제작한 확장프로그램 디렉토리를 선택합니다. ..

안녕하세요 상구너입니다. 이번시간에는 크롬 확장앱의 실질적인 동작부분을 작성해보려고 합니다. 이전 강좌 보기 크롬 확장앱 만들어보기 (프롤로그)크롬 확장앱 만들어보기 (1/3)크롬 확장앱 만들어보기 (3/3) 지난시간에 이어 크롬 확장앱의 실제 동작부를 개발해보겠습니다. 지난시간에 완성된 폴더 구조입니다.VS Code로 여니까 알록달록 이쁘네요(.vscode와 code-workspace 는 프로젝트 용 파일이므로 강좌와 무관합니다.) 우선 manifest.json 파일을 수정합니다.우리의 목표는 타겟 페이지에 css를 삽입하고js를 실행하는 매우 간단한 작업이므로 저대로 해줍니다. 우선 권한부분입니다.기본적인 웹 리퀴스트 권한이 없을 수 있습니다. 추가해주세요.탭은 추후 개발을 위해 넣..

[구너 비디오 플레이어] 15.11 버전, 이미 오래전에 개발된 프로그램인데 분명히 갤러리랑 음악플레이어랑 같이 올린다고 했는데... 착각을 했었나봐요 .. 순수하게 필요에의해 만들어진 HTML5 기반의 동영상 플레이어입니다. Ubuntu 기반의 Apache2 + php 서버에서 가장 잘 동작합니다. 기본 기능- 모바일/PC 관계없이 음악 플레이- PC이용시 키보드로 제어- 음악 볼륨 자동 저장- 한곡 반복- 압축파일 다운로드 가능하도록 출력- 외부 라이브러리 다운받을 필요 없도록 만듬.(jQuery 등)- SMI, SRT, WebVTT 등 기본적인 자막파일을 HTML5 Video 플레이어에 로드 !! 내 서버가 스트리밍 플레이어가된다!!! php video player 구너비디오플레이어. 두가지 파일이..

안녕하세요 상구너입니다. 이번시간에는 예고와 같이 크롬 확장앱을 만들고 적용하는 방법을 공유하려고 합니다. 부족한 필력으로 시작하는 첫 강좌니까, 부담없이 재밌게 봐주세요! :D 이전 강좌 보기 크롬 확장앱 만들어보기 (프롤로그)크롬 확장앱 만들어보기 (2/3)크롬 확장앱 만들어보기 (3/3) 사실상 "크롬 확장앱 만들기" 라고 하면 무언가 거창해보이고 어려워 보일 수도 있지만 그건 사실이 아닙니다. 크롬 확장앱은, 새로운 언어도 아니고 그냥 몇가지 제공되는 크롬 api를 이용할수있도록 끼워넣는 HTML, CSS, JS 로 구성된 부품입니다. 그렇다고 그능력이 별거 아닌건 아니에요, 브라우저 내부의 코드를 제어할수도있고, 브라우저 자체의 기능을 (제한적으로)실행하는 역할도 할수있어요 h..

안녕하세요 오랜만에 돌아온 상구너입니다. 앞으로 몇개 포스트에 걸쳐서 크롬 확장앱을 만들고 적용하는 방법에대해 공유해보고자 합니다. 해당 강좌는 3개의 포스트에 걸쳐 진행될 예정입니다. 재밌게 봐주세요. (5월 8일에 옵니다) 강좌 보기 크롬 확장앱 만들어보기 (1/3)크롬 확장앱 만들어보기 (2/3)크롬 확장앱 만들어보기 (3/3)