안녕하세요 상구너입니다. 이번시간에는 크롬 확장앱의 실질적인 동작부분을 작성해보려고 합니다. 이전 강좌 보기 크롬 확장앱 만들어보기 (프롤로그)크롬 확장앱 만들어보기 (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)

클로저 특성으로, 내부함수에서 외부함수의 지역변수에 접근 할 수 있는데, 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근 할 수 있다. -> 함수 안의 내부함수나 그 로컬 변수들은 그 외부함수의 밖에서 접근을 못한다. 잘못 작성된 코드 var arr = [] for(var i = 0; i 클로저의 특성인 내부함수에서 외부함수의 지역변수에 접근을 하는것인데 arr[i] 로 정의된 함수에서 사용하는 i는 외부함수의 지역변수가 아..

1. 문제 발생 (예제) 1000px 로 설정한 div를 다시 150px, 700px, 150px 로 나누고 안쪽의 div에는 display: inline-block 속성을 주었는데 맨 오른쪽 div 영역이 아래쪽으로 밀려내려감 *** div의 padding과 margin, border는 모두 0px 이었음 2. 원인 태그 등으로 다른 태그들을 묶어주는 경우, div 태그 또한 inline-element로 인식을 하기 때문에 div들끼리 마주하는 부분에서 여백이 생김 div 뿐만아니라, span도 마찬가지 3. 해결 방법 1) .container { // 부모 랩퍼 ... font-size: 0px; letter-spacing: 0px; word-spacing: 0px; } .container > div..