|
|
| (같은 사용자의 중간 판 164개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| [[분류:김찬/연습장]]
| | {{namucat|DISPLAYTITLE=김찬 연습장|김찬/연습장}}{{css|김찬}}{{댓글 금지}} |
| {{상위 문서2|김찬}}<br> | | {{하위 문서2|메모|낙서|노트|연구|팁|공부|모듈}} |
| {{하위 문서2|메모|낙서}} | |
| {{김찬}} | | {{김찬}} |
| {{목차}} | | {{김찬 연습장}} |
| == 빈칸 ==
| | {{MT|align=center|style=border: 2px solid black; text-align: center;}} |
| | |
| == 메모 ==
| |
| {{fontsize|14|Jamestown Colony}}
| |
| * 현재의 버지니아주(1607)
| |
| * 최초의 영구 식민지(First Permanent English Settlement in North America)
| |
| * The Virginia Company of London
| |
| * 당시 영국 왕(제임스 1세)의 이름을 땀
| |
| * charter; 특허장(왕의 인정)
| |
| * ''Susan Constant'', ''Godspeed'', ''Discovery'' 104 men and boys
| |
| ----
| |
| {{fontsize|14|Pocahontas}}(1596~1617)
| |
| * 존 롤프와 결혼한 아메리카 원주민
| |
| * Powhatan Tribe; 제임스타운에 거주하던 원주민
| |
| * 디즈니 애니메이션 영화로 제작됨
| |
| **역사적 오류: 존 스미스와 결혼
| |
| ----
| |
| {{fontsize|14|Plymouth}}
| |
| * 메사추세츠주 동남부
| |
| * 1620년 뉴잉글랜드 식민지
| |
| * 최초의 유럽인 영구 정착지
| |
| * 영국 국교회 반대자들
| |
| * Pilgrim
| |
| * 영국에도 동명의 지역 존재
| |
| * 메이플라워호 항해
| |
| * 11월 도착 12월 26일 요새 건설
| |
| ----
| |
| {{fontsize|14|Mayflower}}
| |
| * 1620년 102명을 메사추세츠주 플리머스까지 수송
| |
| * the Pilgrims (pilgrim; 순례자)
| |
| * 102명 중 35명만이 청교도인(Puritans)
| |
| * 종교적 박해 피해 신앙의 자유
| |
| * 메이플라워 서약(The Mayflower Compact); 민주주의의 기초가 됨
| |
| * 1620 9월 16일~1620년 11월 21일
| |
| * 영국 플리머스 출발 → 미국 플리머스 도착
| |
| * the Pilgrim Fathers
| |
| ----
| |
| {{fontsize|14|13 Colonies}}
| |
| * 영국에게 식민 지배를 받은 미국의 13개 주(1607~1775)
| |
| * 뉴햄프셔, 메사추세츠, 로드아일랜드, 코네티컷, 뉴욕, 뉴저지, 펜실베이니아, 델라웨어, 메릴랜드, 버지니아, 노스캐롤라이나, 사우스캐롤라이나, 조지아
| |
| * 땅이 작은 주도 포함
| |
| * 북동부/남동부 → 동부 지역부터 개척
| |
| * 미국 국기(Star and Stripes)의 줄무늬 개수로 표현됨(별 개수가 바뀌어도 동일)
| |
| ** 별 개수는 현재의 주 개수(주가 바뀔 때마다 별 개수가 바뀜)
| |
| ----
| |
| {{fontsize|14|Boston Tea Party}}
| |
| * 미국식 표현(바닷물에 차를 타 먹음)
| |
| * 영국의 재정난 해결 위해 미국에 과세
| |
| * 차(tea)에도 부과
| |
| * 원주민으로 위장 → 보스턴 항구에서 차를 바다에 던져버림
| |
| * 16억 원 정도 손해
| |
| * 동인도 회사 큰 타격
| |
| * 이를 계기로 뉴아일랜드에서 비슷한 사건 발생
| |
| * 미국 독립 전쟁의 불씨가 된 사건
| |
| ----
| |
| {{fontsize|14|1776}}
| |
| * 미국의 독립 기념일(7월 4일)
| |
| * 1775년부터 1783년
| |
| * 7월 2일 독립선언문 작성, 7월 4일 발표
| |
| * 필라델피아 대륙 회의
| |
| * 1783년 9월 4일 파리 조약으로 독립국 인정
| |
| * 벤자민 프랭클린 등 → 미국 건국의 아버지
| |
| ----
| |
| {{fontsize|14|American Revolutionary War}}
| |
| * 미국 독립 전쟁
| |
| * 영국과의 식민지 갈등으로 발발
| |
| * 1775년 4월 19일부터 1983년 9월 4일까지
| |
| * 조지 워싱턴 미국 초대 대통령
| |
| ----
| |
| {{fontsize|14|George Washington}}
| |
| * 미국의 초대 대통령
| |
| * 독립 전쟁에서 총사령관으로 활약
| |
| * 미국 건국의 아버지
| |
| * 세계 최초의 대통령
| |
| * 2번의 임기
| |
| * 장기 집권 시 독재 우려
| |
| * 미국 민주주의의 좋은 관습 마련
| |
| | |
| == 틀 ==
| |
| === 유용한/자주 사용하는 틀 ===
| |
| * [[틀:목차]]/[[틀:목차제거]]
| |
| * [[틀:각주]]
| |
| * [[틀:color]]
| |
| * [[틀:글씨 크기]]=[[틀:fontsize]]
| |
| * [[틀:폰트]]
| |
| * [[틀:글 숨김]]/[[틀:글 숨김 끝]]
| |
| * [[틀:틀 링크2]]
| |
| * [[틀:인용문1]]
| |
| * [[틀:인용문3]]
| |
| * [[틀:구분선2]]
| |
| * [[틀:글씨 테두리]]=[[틀:border]]
| |
| * [[틀:네온 글씨]]=[[틀:neon]]
| |
| * [[틀:이미지 넣기]]=[[틀:image]]
| |
| * [[틀:비공식 설정]]
| |
| * [[틀:세계관 무관]]
| |
| * [[틀:분류 바로가기]]/[[틀:분류앵커]]
| |
| * [[틀:글배경]]
| |
| * [[틀:날수]]
| |
| === [[:분류:김찬/제작한 틀|제작한 틀]] ===
| |
| {{상세 내용2|분류:김찬/제작한 틀}} | |
| | |
| == 팁 ==
| |
| === 모바일 기기의 화면비를 넘어가는 너비(ex: 600px, 800px)를 가진 테이블을 모바일에서 넘어가지 않도록 대응하는 법 === | |
| 간단하다. 테이블의 width 속성을 max-width로 바꾸어 주면 된다. 단 주의할 점은, '''테이블 내부의 콘텐츠가 설정한 max-width만큼이 될 정도로 충분한 분량을 차지하고 있어야 한다.''' 가장 쉬운 파훼법은 테이블 어느 곳에라도 모든 열이 병합된 행에 원본 크기가 큰 이미지를 첨부하면 된다. [[:파일:빈 이미지.png|빈 이미지]]는 그래서 업로드한 것.
| |
| === 이미지에 아무런 링크도 걸지 않았을 때 원본 이미지 보기로 이어지는 자동 링크를 없애는 법 ===
| |
| 이미지의 매개 변수에 link=를 걸고 아무것도 작성하지 않으면 된다. 예를 들어 <span style="font-family: monospace;"><nowiki>[[파일:Seinel Icon.png|30픽셀|link=]]</nowiki></span> 이렇게 입력하면 [[파일:Seinel Icon.png|30픽셀|link=]] 이처럼 이미지 위에 마우스를 올려도 그 어떤 링크는커녕 원본 이미지 보기로 이어지는 자동 링크마저 없다.
| |
| === 순환 링크(문서가 같은 문서를 링크)나 테이블의 헤더 셀에서 강제 볼드체를 없애는 법 ===
| |
| 텍스트를 <nowiki><span></nowiki>으로 묶고 style에서 font-weight를 normal로 하면 된다.
| |
| === 텍스트에 그라데이션을 적용하는 법 ===
| |
| 텍스트를 <nowiki><span></nowiki>으로 묶고 style에서 background로 그라데이션을 적용한 뒤, <span style="font-family: monospace;">-webkit-background-clip: text; color: transparent;</span>를 추가로 입력하면 된다. 전자는 그라데이션의 적용 범위를 텍스트로만 하는 것이고, 후자는 그라데이션이 적용된 배경이 보이도록 하기 위해 텍스트 자체 색상을 투명으로 만든 것이다.
| |
| {|class="wikitable"
| |
| |- | | |- |
| !입력 | | !style="background: black;"|{{c|white|빈칸 편집 바로가기}} |
| !출력
| |
| |- | | |- |
| |<nowiki><span style="background: linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; color: transparent; font-size: 14pt;">'''무지개색 총공격이다!'''</span></nowiki> | | |<span class="plainlinks" title="빈칸 편집 바로가기">[https://jwiki.kr/wiki/index.php?title=연습장:Kimchan&action=edit§ion=1 <div style="display: inline-block;">이 구간은 문법 연습 등의 목적으로 사용됩니다.</div>]</span> |
| |<span style="background: linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; color: transparent; font-size: 14pt;">'''무지개색 총공격이다!'''</span>
| | {{MT끝}} |
| |}
| | == 빈칸 == |
| === 하나의 링크 안에 이미지와 텍스트를 함께 넣는 법 === | | <div style="display: none;">{{namucat|DISPLAYTITLE=김찬 연습장}}{{css|김찬}}</div> |
| 일반적으로는 하나의 링크 안에 이미지와 텍스트를 함께 넣을 수 없다. 예를 들어 <nowiki>[[제이위키|[[파일:제윜 로고2.svg|60px|link=]] 제이위키]]</nowiki> 이렇게 입력한다고 해도 [[제이위키|[[파일:제윜 로고2.svg|60px|link=]] 제이위키]] 이처럼 링크 자체가 인식되지 못하고 깨져 버린다.
| |
|
| |
|
| 그러나 링크를 제이위키 내부 링크(대괄호 두 개 <span style="font-family: monospace;"><nowiki>[[]]</nowiki></span>)가 아닌 대괄호 한 개, 즉 외부 링크로 사용하면 가능하다. '''단, 이때 파일에 <code>|link=</code>를 넣어서 반드시 원본 파일로 이동하는 링크를 없앨 것.'''
| | == 하위 연습장 == |
| {|class="wikitable"
| | * [[연습장:Kimchan/메모]]: 자주 쓰는 색깔, 문법, 템플릿 등의 메모 |
| |-
| | * [[연습장:Kimchan/낙서]]: 문법 활용, 연습, 틀 제작 등 |
| !입력
| | * [[연습장:Kimchan/노트]]: 잡설정 메모, 낙서 등 |
| !출력
| | * [[연습장:Kimchan/연구]]: 위키 문법 및 기능과 시스템에 대한 연구 |
| |-
| | * [[연습장:Kimchan/팁]]: 위키 이용 및 편집에 있어 유용한 팁들 |
| |<nowiki>[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</nowiki>
| | * [[연습장:Kimchan/공부]]: 대학 공부와 관련된 메모 |
| |[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜 로고2.svg|60px|link=]] 제이위키]
| | * [[연습장:Kimchan/모듈]]: 루아 연습 및 모듈 테스트 |
| |}
| | * [[틀:김찬 틀 연습장]]: 끼워넣기 등 틀 관련 문법 연습 및 테스트 |
| 여기서 외부 링크 표시를 숨기는 plainlinks 클래스까지 사용하면
| | * [[틀:김찬/styles.css]]: 틀 스타일 연습 및 테스트 |
| {|class="wikitable"
| | * [[모듈:kimchan]]: 루아 연습 및 모듈 테스트 |
| |-
| |
| !입력
| |
| !출력
| |
| |-
| |
| |<nowiki><span class="plainlinks">[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</span></nowiki>
| |
| |<span class="plainlinks">[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</span>
| |
| |}
| |
| 더 완벽하게 사용할 수 있다. 외부 링크를 사용하기 때문에 제이위키 내 문서가 아니라 어떤 링크에도 사용할 수 있고, 제이위키 내 문서로 통하는 링크라면 편집을 저장할 때 뜨는 간단한 덧셈뺄셈이 나오지 않는 것도 장점이라면 장점이다. 단점이라면 마우스를 위에 올렸을 때 나타나는 문서 미리보기나 제목은 뜨지 않고, 문서가 문서 자신을 링크해도 링크가 사라지며 볼드체로 바뀌지 않고 링크 그대로 남아 있다는 것.
| |
| === 외부 링크를 넣은 이미지에 외부 링크 아이콘을 띄우는 법 ===
| |
| <nowiki>[[파일:유튜브 아이콘.png|20px|link=https://www.youtube.com/]]</nowiki> 이렇게 파일 link에 외부 링크를 넣으면 [[파일:유튜브 아이콘.png|20px|link=https://www.youtube.com/]] 외부 링크로 통하는 이미지가 만들어지지만 외부 링크임을 나타내는 아이콘은 나타나지 않는다. 방법은 바로 위 문단과 비슷하다. 외부 링크 자체를 넣고 그 안에 링크를 없앤 이미지를 넣는 것.
| |
| | |
| {|class="wikitable"
| |
| |-
| |
| !입력
| |
| !출력
| |
| |-
| |
| |<nowiki>[https://www.youtube.com/ [[파일:유튜브 아이콘.png|20px|link=]]]</nowiki>
| |
| |[https://www.youtube.com/ [[파일:유튜브 아이콘.png|20px|link=]]]
| |
| |}
| |
| === 링크에 마우스를 올릴 때 뜨는 밑줄 없애는 법 ===
| |
| 색상을 넣듯 링크 안쪽을 <nowiki><div></nowiki>로 묶고 display: inline-block으로 해주면 된다.
| |
| | |
| {|class="wikitable"
| |
| |-
| |
| !입력
| |
| !출력
| |
| |-
| |
| |<nowiki>[[제이위키|<div style="display: inline-block;">제이위키</div>]]</nowiki>
| |
| |[[제이위키|<div style="display: inline-block;">제이위키</div>]]
| |
| |}
| |
| | |
| 버튼 디자인의 링크를 만들 때 응용하면 좋다.
| |
| | |
| {|class="wikitable"
| |
| |-
| |
| !입력
| |
| |<nowiki>[[제이위키|<div style="display: inline-block; border: 1px solid #e1e8ed; border-radius: 3px; background: #f5f8fa; padding: 0px 2px;">제이위키</div>]]</nowiki>
| |
| |-
| |
| !출력
| |
| |[[제이위키|<div style="display: inline-block; border: 1px solid #e1e8ed; border-radius: 3px; background: #f5f8fa; padding: 10px 12px; color: #373a3c">제이위키</div>]]
| |
| |}
| |
| === 이미지를 퍼센트(%) 단위로 첨부하는 법 ===
| |
| <nowiki>[[파일:~~~|100px]]</nowiki>처럼 문법 내에 있는 기능으로는 픽셀 단위로만 이미지를 첨부할 수 있다. 그러나 이 파일을 div로 묶고, display를 inline-block으로 해준 다음 div 자체에 width를 퍼센트로 지정하면 이미지를 퍼센트 단위로 첨부할 수 있다.
| |
하위 문서: 메모, 낙서, 노트, 연구, 팁, 공부, 모듈
