분류 전체보기 (37) 썸네일형 리스트형 [팟플레이어] 모니터 여러개 사용할때 옮길때마다 버퍼링? 듀얼모니터(혹은 다중모니터들)구성을 하고 팟플레이어를 이용할때, 화면을 옮겨가며 사용하는 경우가 있다. 이렇게 되게되면 기본설정때문에 버벅거리는 경우가 발생하는데, 일반적인 영상이라면 큰 불편함이 없는데 스트리밍을 돌리고 있는 상황이라면 매번 화면을 옮길때마다 새로 로딩하느라 버퍼링이 생기게 된다. 대체 무엇이 문제일까? 환경설정의 영상을 보게되면 Direct3D 출력 장치가 기본설정으로 적절한 장치 사용(권장)으로 되어있는것을 볼 수 있다. 문제는 여기서 발생하게 되는데, 모니터 화면을 이동하게 되면, 해당 출력장치로 변경하게 되면서 새로 로딩하는 과정을 겪게되면서 끊기거나, 버퍼링이 발생하게 되는것이다. 그러면 어떻게 해야하는가?무난하게 설정하는 방법은 초기 선택한 장치 계속 사용이고, 기본 장치를 .. [Roll20] 채팅창에 HTML TAG 사용하기 (9) 중첩 TABLE은 사실 가능하다? 초기에 설명하기로는 중첩TABLE이 안되기에 TABLE으로 복잡한 Layout을 만들기 어렵다고 설명한적이 있다. 하지만 이는 반은 맞고 반은 틀리다 볼 수 있다. 어째서냐? 마지막 객체가 닫히기전에 TABLE을 사용하게 되면 마지막 객체안에서 TABLE이 형성되기 때문이다. 무슨소리인가 하면 일단 아래 코드를 보도록하자. 원래 테이블의 내용. 테이블 속의 테이블 내용. 이러한 구조를 형성하고 있다치면, 만약 닫히는 태그들을 전부 날리면 어떻게 되는가? 원래 테이블의 내용. .. [Roll20] 채팅창에 HTML TAG 사용하기 (8) 대충 Style에 대해서 설명이 없으니 뭔가 아쉬우니 Style에 대해서 설명을 좀 하고 넘어가도록 하자.태그의 Style Attribute는 해당 태그로 생성(Render)되는 객체의 모양이나 일부 속성들을 설정을 해주는 역할을 한다.가령 자주 쓰이는 background(혹은 background-color)의 경우에는 배경의 색상을 결정하고, color의 경우에는 폰트의 색상을 결정해준다. 이런식으로 해당 객체의 모양을 변경시켜주기도 하지만, display:block 이나 display:inline-block같이 해당 객체의 속성을 변경시켜서 해당 객체가 다른 객체와 어떤식으로 배치되는지에 대한 설정을 해줄수가 있다. 간략히 설명하자면 block은 객체가 하나의 구역을 형성하여 영역을 차지하게 되는 속성이고, inline-bl.. [Roll20] 채팅창에 HTML TAG 사용하기 (7) 태그 단순변환기 11 12 22 23 24 32 34 42 52 53 54 55 ⬇ 변환된 HTML 적용 대충 뭔가 끄적여서 만들어 보았다. 신뢰도는 낮으므로 이런식으로 돌아가는구나만 생각하면 될거같다. 여기서 보여지는것과 채팅창에 보여지는것이 다를 수 있으므로 그부분은 알아서 잘 조절해야할것이다.아마 추후에 여유되면 Roll20의 css적용해다가 적당히 보이도록 만들지않을까 한데 일단은 딱 이정도까지. [Roll20] 채팅창에 HTML TAG 사용하기 (6) 응용을 뭘하면 좋을까 저번에 이런 화면을 만들었다. 물론 만드는 과정을 남기는게 우선이였지만 사실 이 기획에는 제일 처음 설명했던 a태그의 응용에 대해서 설명하려고 시작한것이나 다름없다.처음 설명에서는 문구를 꾸밈으로써 해당 기능을 할 수 있다고 설명을 했는데, 이는 a태그를 사용하여 동작하도록 만들어졌다알 수 있다. 그리고 이제 각종 태그들을 꾸며서 화면을 만드는 방법을 알아보았다. 그러면 이제 나오는것이 무엇인가? 실질적으로 구문에 a태그를 넣어 실질적으로 동작하도록 만들어 보도록 한다.우선 저번에 작성하였던 화면을 응용하도록 한다. 이번에도 어려울것은 없다 화면은 완성되어있고, 단순히 a태그를 만들어 버튼에 연결해줄뿐이다. 그러면 무엇을 해야하는가? 확인버튼인 span구문을 변경해줄차례이다.단순하다. span은 이미 .. [Roll20] 채팅창에 HTML TAG 사용하기 (5) 무언가 한번 만들어보기 자 이제 응용의 시간이 왔다. 무엇을 만들어보면 좋을까 하다가 가볍게 브라우저의 경고창(alert)을 만들어보도록 한다.레이아웃을 구성하게 된다면 우선 1x3구조의 테이블이 적당할 것이다. 물론 단순하게 DIV하나를 생성하여 줄을 넘겨가면서 작성해도 나쁘진않을것이다. 하지만 제약사항이 좀 있으니 뭐든 보여야하는경우에는 편한길이 제일이다. 따라서 구성을 좀 더 편하게 하겠다면 2x3구조의 테이블을 만들어서 위의 두줄에 colspan을 사용하여 만들는것이 좋을것이다. 어차피 응용해서 만들것이므로 2x3의 테이블을 이용하도록 해보자.이 창의 테두리는 좀 둥글게 구성되어있으며 여백(margin)이 존재하며 여백에 그림자(box-shadow)로 은은하게 해당 창을 강조하면서도 깔끔해 보이도록 구성하고 있다. 내부.. [Roll20] 채팅창에 HTML TAG 사용하기 (4) <TABLE>좀더 사용해보기 은 과거부터 다양한 화면을 꾸미기위하여 사용되어왔다. 그러기 때문에 극한의 사용방법들이 나왔으나, 여기에서는 테이블 하나만을 이용하여 여러가지 화면을 구성해보도록 한다.우선적으로 칸수를 어마무시하게 늘려보도록 한다. 대략적으로 5x5정도면 뭐든 테스트하기 좋지않을까 싶다. 11 12 13 14 15 21 22 23 24 25 31 32 33 34 35 41 42 43 44 45 51 52 53 54 55 우선적으로 아까 만들기전 기본 모양부터 잡아본다. 그리고.. [Roll20] 채팅창에 HTML TAG 사용하기 (3) TAG를 직접 사용해보기 우선 앞의 활용 방법들을 보자면 뭔가 꾸미기는 되는데 너무 단순하게밖에 꾸미지를 못하는거 같다.이유는 a태그 하나만을 가지고 지지고 볶고 해야하기 때문이다. 물론 여러줄을 사용하여 다체롭게 꾸미고 그럴수는 있지만 한계가 많다. 물론 이 이상 꾸미려면 여러가지 태그나 CSS테크닉이 필요하기에 일반적으로 접근한다면 다른사람이 만들어둔 자료를 이용하는것이 무엇보다 편하고 빠를것이다. 하지만 이 페이지에서 말하고자 하는것은 어떻게 하면 Roll20의 채팅창에서 태그를 사용하여 다체롭게 꾸밀 수 있는가 이기에 하나하나 설명해보려고 한다. 조금 길어질거 같지만...우선적으로 태그에 대하여 설명하자면 기본적으로 약속되어 있는 HTML TAG가 있을것이고, 추가적으로 EXTENSE된 사용자 정의 TAG가 있을것이다. .. 이전 1 2 3 4 5 다음
