1인출판 꿈꾸는 책공장

등록|출판학교|한 권의 책 강좌|

Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

GN⁺: 종이에 인쇄하기 위한 CSS 정리 (voussoir.net)

이동됨 AI와 함께

1 게시물 1 작성자 84 조회수

A 오프라인
A 오프라인
admin

2024년 3월 6일 오전 1:56에 작성함 마지막 수정자: admin

#1

▲
GN⁺: 종이에 인쇄하기 위한 CSS 정리 https://voussoir.net/writing/css_for_printing
13P by neo 2일전 | favorite | 댓글 1개
회사에서 HTML을 이용해 종이/엑셀로 수기로 작성되던 양식을 웹 기반 도구로 재생성 및 대체하는 작업을 하고 있어서 이를 정리함
웹 페이지가 인쇄될 때 어떻게 보이는지를 제어하는 CSS 기본 사항과 몇 가지 팁과 요령을 설명
@page
@page는 웹사이트의 인쇄 설정을 브라우저에 알리는 CSS 규칙임.
@page는 DOM을 포함하며, 웹에서 요소는 화면 가장자리에 의해 제한되지만 인쇄 시에는 @page에 의해 제한됨.
@page 설정은 Ctrl+P를 눌렀을 때 브라우저 인쇄 대화 상자에서 얻는 설정과 대략 일치함.
@media print
인쇄 시에만 적용되는 스타일을 작성할 수 있는 print 미디어 쿼리가 있음.
인쇄물에 나타나지 않아야 할 헤더, 옵션, 사용자 도움말 텍스트 등에 display:none을 추가함.
너비, 높이, 여백, 패딩
박스 모델에 대한 이해가 필요하며, @page margin: 0을 설정하는 이유는 DOM 요소에서 여백을 처리하는 것을 선호하기 때문임.
이 전체 물리적 종이를 차지하고 여백이 DOM 내부에 있음을 기억하는 것이 더 쉬움. 요소 위치 지정 문서를 디자인할 때 적절한 HTML/CSS를 사용하여 요소를 배치함. 특정 크기의 스티커 용지에 맞는 사각형을 만들거나, 특별한 레이블이 붙은 용지에 데이터를 인쇄해야 할 때 절대 위치 지정을 사용할 수도 있음. 여러 페이지 문서와 반복 요소 인보이스와 같은 표 데이터를 포함하는 인쇄 생성기를 작성할 때, 이 두 번째 페이지로 넘어가면 브라우저가 자동으로 를 각 페이지 상단에 복제함. 자바스크립트를 사용하여 테이블을 여러 개의 작은 테이블로 분할하여 페이지를 생성함. 세로/가로 모드 사용자가 원하는 경우 @page 규칙을 덮어쓸 수 있음. 별도의
1 답글 마지막 답글

0
2024년 4월 23일 오전 4:03에 A admin님이 에서 이 토픽을 이동함
2024년 11월 23일 오전 6:03에 A admin님이 에서 이 토픽을 이동함
2025년 2월 16일 오전 6:29에 A admin님이 자유게시판에서 이 토픽을 이동함

로그인 후 답글 작성

1/1

2024년 3월 6일 오전 1:56

1

온라인

123

사용자

21.8k

토픽

21.9k

게시물

재미로 그린 낙서도 AI가 살린다.
undefined

0

1

15
이상한 나라의 엘리스와 이세계 왕자 미드저니 7 애니메이션
undefined

0

1

5
"6칸 슬라이드 구조", "회전과 슬라이드", "한글 창제 원리"
A
admin
2025년 3월 24일 오전 10:12

0

6

116
Napkin AI 비주얼 생성
undefined

0

1

29
보고서: 문서를 Markdown으로 변환하는 솔루션에 대한 상세 조사
undefined

0

1

154
옵시디언 + 마크다운 + AI의 언어
undefined

0

1

29
lg에서 만든 LLM exaone
undefined

0

1

74

A
admin
약 21시간 전

개인적으로 취미로 그리거나 일러스트를 꾸준히 하는 타입이지만 가끔씩 다듬어서 올릴까? 라는 생각을 합니다. 그런데 돈벌이가 아니니까 그냥 그러려니 했는데 AI의 발전으로 생성형 AI의 쓸모를 발견합니다.

이 전에도 가끔씩 미드저니로 뭔가를 만들어 보기는 했는데 2년째 사용하면서 그닥 이걸 왜 쓰고 있는지 회의감이 들 때가 많았는데 몇일 전에 영상 생성기능이 추가되어 쓸만해졌다는 것을 느낍니다.

대충 그렸던 그림이 살아났습니다.

레이저 커팅으로 포스트잇을 움직여서 애니메이션을 만들 수 있는 표지도 움직입니다.

제가 그림을 그렸던 사장툰이나 만들기를 좋아해서 만든 것들은 영상으로 만들기 귀찮아서 안했는데 오늘 다 넣어서 돌리고 쇼츠로 영상을 만드는 중입니다.

짧고 뭘해도 상관없는 것들을 요즘 시대에 맞추려면 움직이고 소리가 나야하는데 그 두가지는 일단 가능해졌습니다. 가장 중요한 것은 그동안 출판사의 과정 스케치 러프한 기획 작업을 다 움직여볼 수 있다는 점입니다.

절판시킨 책들도 다시 움직여서 살릴 수 있습니다. 책홍보에도 도움이 될거 같습니다. 사실 어제 올린 쇼츠 영상이 터져기도 했지만

지금은 3배 정도 그리고 앞으로 어떻게 될지 모르지만 간단한 애니메이션이 홍보에 큰 도움이 될거 같습니다.

더 보기
A
admin
2일 전

Axios가 입수한 소송 사본에 따르면, 디즈니와 NBC 유니버설은 생성 AI 기업인 Midjourney를 저작권 침해 혐의로 고소하기 위해 힘을 합쳤습니다 .

중요한 이유: 이는 주요 할리우드 스튜디오가 생성 AI 회사를 상대로 취한 최초의 법적 조치입니다.

지금까지 할리우드의 AI 관련 우려는 주로 배우와 작가들이 공정한 가격 거래 없이 영화 스튜디오에 의해 이용당하는 것을 막기 위해 자신의 이름, 이미지, 그리고 초상을 보호하려는 데서 비롯되었습니다. 이제 이러한 스튜디오들은 AI 기술 대기업들로부터 스스로를 보호하려 하고 있습니다.
확대: 캘리포니아 중부의 미국 지방 법원에 제기된 이 소송은 Midjourney가 자사 스튜디오의 지적 재산권을 사용하여 대규모 언어 모델을 훈련하고 저작권이 있는 캐릭터의 AI 생성 이미지를 표시함으로써 직접적, 2차적 저작권 침해를 저질렀다고 비난합니다.

이 출원서에는 Midjourney의 이미지 생성 도구가 저작권으로 보호되는 캐릭터의 복제품을 생성하는 방법을 보여주는 수십 개의 시각적 예가 나와 있습니다. 복제품에는 NBCU의 미니언즈 캐릭터와 영화 '라이온 킹', '알라딘'의 디즈니 캐릭터가 포함됩니다.
암시: Disney와 NBCU는 법적 조치를 취하기 전에 Midjourney와 이 문제에 대해 대화를 시도했다고 주장하지만, 자사 IP 도용을 막기 위한 조치를 시행하기로 동의했다고 밝힌 다른 생성 AI 플랫폼과 달리 Midjourney는 이 문제를 심각하게 받아들이지 않았습니다.

소장에는 "미드저니는 이미지 서비스의 새 버전을 계속 출시했는데, 미드저니의 설립자 겸 CEO에 따르면 해당 서비스는 저작권 침해 이미지의 품질이 훨씬 더 높다"고 적혀 있습니다. 또한, 미드저니는 "자사의 수익에만 집중하며 원고들의 요구를 무시했다"고 덧붙였습니다.
축소해서 살펴보자면, 할리우드 최대 규모의 IP 라이브러리 두 곳을 소유한 Disney와 NBCU가 힘을 합쳐 Midjourney를 고소한 것은 주목할 만한 일입니다.

미국 영화 협회(MPAA)는 할리우드 최대 규모의 스튜디오를 모두 대표하지만, 회원사에는 Amazon, Netflix, Paramount Pictures, Sony, Warner Bros. 등이 있으며, 각 회원사의 전반적인 사업 목표는 매우 다릅니다.
주목할 점: 다른 창작 분야도 유사한 접근 방식을 취했습니다. 2월에는 12개 이상의 주요 언론사가 AI 기업 코히어(Cohere)를 상대로 소송 을 제기했습니다. 수천 개의 언론사를 대표하는 뉴스 미디어 연합(News Media Alliance)도 이 소송에 동참했습니다.
월트 디즈니 컴퍼니의 수석 전무 부사장 겸 최고 법률 및 규정 준수 책임자인 호라시오 구티에레스는 "저희 의 세계적 수준의 IP는 수십 년간의 재정적 투자, 창의성과 혁신을 바탕으로 구축되었습니다. 이러한 투자는 창작자에게 자신의 작품에서 독점적으로 수익을 얻을 수 있는 권리를 부여하는 저작권법에 구현된 인센티브를 통해서만 가능했습니다."라고 말했습니다.

"우리는 AI 기술의 잠재력에 대해 낙관적이며, 이 기술이 인간의 창의성을 증진하는 도구로서 책임감 있게 활용될 수 있을 것이라고 낙관합니다. 하지만 저작권 침해는 저작권 침해이며, AI 기업이 저질렀다고 해서 저작권 침해가 줄어드는 것은 아닙니다."
NBCU의 부사장 겸 법률 고문인 킴 해리스는 "오늘 이 소송을 제기하는 이유는 저희에게 즐거움과 영감을 주는 모든 아티스트들의 노고와 저희 콘텐츠에 대한 상당한 투자를 보호하기 위해서입니다. 어떤 기술을 사용하든 절도는 명백한 절도이며, 이번 소송은 저희 저작권에 대한 노골적인 침해입니다."라고 말했습니다.
시청할 내용: 이 소송은 할리우드의 거물들이 저작권이 있는 콘텐츠의 복제품을 만들고 배포하는 플랫폼을 상대로 저작권 싸움을 벌일 것이라는 점을 시사하며, 해당 플랫폼의 사용자를 상대로 싸움을 벌일 것이라는 점을 시사합니다.

더 보기
A
admin
2일 전

미드저니 애니메이션 생성 - 이상한 나라의 엘리스와 이세계 왕자

엘리스는 이세계에서 온 왕자께서 한 번에 맛있는 흰과자를 두 접시 가득 욕심부려 담는게 꼴보기 싫었어요. 욕심쟁이 왕자가 두 접시를 가져가려하자 엘리스는 막대로 접시를 떨구고 나머지 접시에 버섯가루를 뿌렸어요

그리고 왕자는 화이트 소스가 뿌려진 보르도 까눌레를 한 입 물자...

이세계에서 온 왕자는 개가 되었습니다.

이세 개... 왕자는

앞으로 동화책도 애니메이션을 넣을 수 있고 반대로 기존 책표지나 본문의 일러스트로 애니메이션을 만들어서 책을 재미있게 홍보할 수 있는 세상이 왔네요 미드저니에서 생성한 이미지를 다시 모션으로 적용할 수 있습니다.

창작자에게는 더 재미있을 수 있는 시간이 오고 있지만 돈은 누가 낼까요? 쇼츠?!?

https://www.yes24.com/product/goods/72309740

더 보기
A
admin
2025년 3월 24일 오전 10:12

6면체 다이스를 사용하여 한글을 모두 표현하는 방법을 설계하려면, 한글의 특성과 다이스의 제약을 고려해야 합니다. 한글은 자음과 모음으로 구성된 글자들로 이루어져 있으며, 현대 한글에서는 초성, 중성, 종성의 조합으로 다양한 소리를 표현합니다. 이를 6면체 다이스라는 제한된 도구로 구현하려면 체계적이고 효율적인 접근이 필요합니다.
한글의 구조 분석
현대 한글에서 사용되는 글자는 다음과 같이 분류됩니다:
초성 (자음): ㄱ, ㄴ, ㄷ, ㄹ, ㅁ, ㅂ, ㅅ, ㅇ, ㅈ, ㅊ, ㅋ, ㅌ, ㅍ, ㅎ 등 19개 (쌍자음 포함). 중성 (모음): ㅏ, ㅑ, ㅓ, ㅕ, ㅗ, ㅛ, ㅜ, ㅠ, ㅡ, ㅣ 등 21개 (복합 모음 포함). 종성 (받침): 없음(0), ㄱ, ㄴ, ㄷ, ㄹ, ㅁ, ㅂ, ㅅ, ㅇ, ㅈ, ㅊ, ㅋ, ㅌ, ㅍ, ㅎ 등 28개 (복합 받침 포함).
단일 글자는 초성, 중성, 그리고 선택적으로 종성으로 구성되며, 이를 조합하면 약 11,172개의 서로 다른 한글 글자가 가능합니다(19 × 21 × 28). 그러나 6면체 다이스는 한 면당 하나의 값만 표현할 수 있으므로, 단일 다이스로 모든 글자를 직접 나타내는 것은 불가능합니다. 따라서 다이스 여러 개를 사용하거나 다이스를 반복적으로 굴려 조합을 만드는 방법을 고려해야 합니다.
다이스를 활용한 표현 방법
6면체 다이스는 6가지 상태만 표현할 수 있으므로, 한글의 초성, 중성, 종성을 각각 독립적으로 나타내기 위해 최소 3개의 다이스를 사용하는 방안을 제안합니다. 각 다이스는 특정 역할을 맡아 한글의 구성 요소를 단계적으로 표현합니다.
1. 다이스 배분 첫 번째 다이스 (초성용): 초성 자음을 표현. 두 번째 다이스 (중성용): 중성 모음을 표현. 세 번째 다이스 (종성용): 종성 자음 또는 받침 없음을 표현. 2. 초성 표현 (19개 → 6개 범위로 매핑)
초성은 19개로, 6으로 나누면 약 3개의 초성이 한 면에 할당될 수 있습니다. 예를 들어:
면 1: ㄱ, ㄲ, ㅋ 면 2: ㄴ, ㄷ, ㅌ 면 3: ㄹ, ㅁ, ㅂ 면 4: ㅅ, ㅆ, ㅈ 면 5: ㅊ, ㅍ, ㅎ 면 6: ㅇ, ㅉ, (추가 조정 가능)
각 면에 3~4개의 초성을 묶고, 사용자가 추가 선택(예: 다이스 재굴림 또는 별도 규칙)을 통해 정확한 초성을 지정할 수 있습니다.
3. 중성 표현 (21개 → 6개 범위로 매핑)
중성은 21개로, 비슷한 방식으로 분류합니다:
면 1: ㅏ, ㅑ, ㅣ 면 2: ㅓ, ㅕ, ㅡ 면 3: ㅗ, ㅛ 면 4: ㅜ, ㅠ 면 5: ㅐ, ㅒ, ㅔ 면 6: ㅖ, ㅘ, ㅙ (복합 모음 일부)
복합 모음은 추가 다이스 굴림이나 규칙으로 보완합니다.
4. 종성 표현 (28개 → 6개 범위로 매핑)
종성은 28개이며, '받침 없음'을 포함합니다:
면 1: 없음 면 2: ㄱ, ㄲ, ㅋ 면 3: ㄴ, ㄷ, ㅌ 면 4: ㄹ, ㅁ, ㅂ 면 5: ㅅ, ㅆ, ㅈ 면 6: ㅇ, ㅊ, ㅍ 5. 조합 방식 세 다이스를 동시에 굴려 초성, 중성, 종성을 결정합니다. 예: (면 1: ㄱ), (면 1: ㅏ), (면 1: 없음) → "가". 모호성이 발생할 경우(예: 같은 면 내 초성 선택), 사용자가 번호나 추가 규칙으로 세부 사항을 지정합니다. 단일 다이스 사용 시 대안
다이스 하나만 사용한다면, 모든 한글 글자를 직접 표현하는 대신 한글 자모(초성, 중성, 종성 개별)를 순차적으로 생성하는 방식이 가능합니다:
면 1~6에 자주 쓰이는 초성(예: ㄱ, ㄴ, ㄷ, ㅁ, ㅂ, ㅅ)을 할당. 다이스를 여러 번 굴려 초성 → 중성 → 종성 순으로 조합.
이 경우, "한글 모두 표현"은 여러 번의 굴림과 기록을 통해 완성됩니다.
결론
가장 실용적인 방법은 3개의 6면체 다이스를 사용하여 초성, 중성, 종성을 각각 표현하는 것입니다. 각 다이스의 면을 자음과 모음 그룹으로 나누고, 필요 시 추가 규칙을 적용하여 한글의 모든 조합을 체계적으로 생성할 수 있습니다. 이 방식은 명확하고 구조화된 절차를 제공하며, 한글의 복잡성을 다이스의 단순성과 조화롭게 연결합니다.

더 보기