연습장:Kimchan: 두 판 사이의 차이

편집 요약 없음
272번째 줄: 272번째 줄:
=== 이미지를 퍼센트(%) 단위로 첨부하는 법 ===
=== 이미지를 퍼센트(%) 단위로 첨부하는 법 ===
<nowiki>[[파일:~~~|100px]]</nowiki>처럼 문법 내에 있는 기능으로는 픽셀 단위로만 이미지를 첨부할 수 있다. 그러나 이 파일을 div로 묶고, display를 inline-block으로 해준 다음 div 자체에 width를 퍼센트로 지정하면 이미지를 퍼센트 단위로 첨부할 수 있다.
<nowiki>[[파일:~~~|100px]]</nowiki>처럼 문법 내에 있는 기능으로는 픽셀 단위로만 이미지를 첨부할 수 있다. 그러나 이 파일을 div로 묶고, display를 inline-block으로 해준 다음 div 자체에 width를 퍼센트로 지정하면 이미지를 퍼센트 단위로 첨부할 수 있다.
=== 행마다 셀 개수가 다른 테이블을 만드는 법 ===
테이블의 style에 table-layout: fixed;를 넣는다. 이때, 테이블의 전체 너비가 반드시 지정되어 있어야 한다.
이후 서로 다른 각 행의 셀 개수들의 최소공배수만큼 적절히 분배하여 셀을 가로로 합쳐 주면 된다.
예를 들어 위 3칸, 아래 4칸의 테이블을 만들려 할 경우 아래와 같이 입력한다.
<pre>{|class="wikitable" style="width: 300px; text-align: center; table-layout: fixed;"
|-
|colspan="4"|3
|colspan="4"|셋
|colspan="4"|三
|-
|colspan="3"|4
|colspan="3"|넷
|colspan="3"|四
|colspan="3"|four
|}</pre>
그럼 이런 표가 만들어진다.
{|class="wikitable" style="width: 300px; text-align: center; table-layout: fixed;"
|-
|colspan="4"|3
|colspan="4"|셋
|colspan="4"|三
|-
|colspan="3"|4
|colspan="3"|넷
|colspan="3"|四
|colspan="3"|four
|}

2022년 9월 7일 (수) 17:42 판

 상위 문서: 김찬
 하위 문서: 메모, 낙서

김찬
관련 문서
[ 펼치기 · 접기 ]
활동 (제이위키) · 사상 · 게임 · 파일 (아이펠루스)
자캐 · 여담 · 군복무 · 단문 (결말 이후의 이야기)
소속 단체 에른스트의 아무튼 공방 · 오펜시브 프로젝트 팀
창작 작품 세계관 프로젝트 [보기] (아이펠루스 · 우리는 죽음 속에 살고 있다 · 뒤편 · 아파란시아 · 프로젝트 옴니버스 · 프로젝트 사쿠라 · 초상세계 · 프로젝트 무협) · 슬래시 앤 서바이브 · 글로리 어게인 · 저승국
기여 작품 무도학당 · 칠성고등학교 · 퇴귀야담 · 벌레굴
주요 자캐 아릴렌 · 세이넬 아르젠베르크 · 사도원 · 서은우
관련 문서 연습장 · CSS · Lua · 분류 · 프로필
이 사용자와 관련한 세계관은 여기를, 생성한 틀은 여기를 참고하십시오.
KimChan

빈칸

메모

미국문학개관

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

Pocahontas(1596~1617)

  • 존 롤프와 결혼한 아메리카 원주민
  • Powhatan Tribe; 제임스타운에 거주하던 원주민
  • 디즈니 애니메이션 영화로 제작됨
    • 역사적 오류: 존 스미스와 결혼

Plymouth

  • 메사추세츠주 동남부
  • 1620년 뉴잉글랜드 식민지
  • 최초의 유럽인 영구 정착지
  • 영국 국교회 반대자들
  • Pilgrim
  • 영국에도 동명의 지역 존재
  • 메이플라워호 항해
  • 11월 도착 12월 26일 요새 건설

Mayflower

  • 1620년 102명을 메사추세츠주 플리머스까지 수송
  • the Pilgrims (pilgrim; 순례자)
  • 102명 중 35명만이 청교도인(Puritans)
  • 종교적 박해 피해 신앙의 자유
  • 메이플라워 서약(The Mayflower Compact); 민주주의의 기초가 됨
  • 1620 9월 16일~1620년 11월 21일
  • 영국 플리머스 출발 → 미국 플리머스 도착
  • the Pilgrim Fathers

13 Colonies

  • 영국에게 식민 지배를 받은 미국의 13개 주(1607~1775)
  • 뉴햄프셔, 메사추세츠, 로드아일랜드, 코네티컷, 뉴욕, 뉴저지, 펜실베이니아, 델라웨어, 메릴랜드, 버지니아, 노스캐롤라이나, 사우스캐롤라이나, 조지아
  • 땅이 작은 주도 포함
  • 북동부/남동부 → 동부 지역부터 개척
  • 미국 국기(Star and Stripes)의 줄무늬 개수로 표현됨(별 개수가 바뀌어도 동일)
    • 별 개수는 현재의 주 개수(주가 바뀔 때마다 별 개수가 바뀜)

Boston Tea Party

  • 미국식 표현(바닷물에 차를 타 먹음)
  • 영국의 재정난 해결 위해 미국에 과세
  • 차(tea)에도 부과
  • 원주민으로 위장 → 보스턴 항구에서 차를 바다에 던져버림
  • 16억 원 정도 손해
  • 동인도 회사 큰 타격
  • 이를 계기로 뉴아일랜드에서 비슷한 사건 발생
  • 미국 독립 전쟁의 불씨가 된 사건

1776

  • 미국의 독립 기념일(7월 4일)
  • 1775년부터 1783년
  • 7월 2일 독립선언문 작성, 7월 4일 발표
  • 필라델피아 대륙 회의
  • 1783년 9월 4일 파리 조약으로 독립국 인정
  • 벤자민 프랭클린 등 → 미국 건국의 아버지

American Revolutionary War

  • 미국 독립 전쟁
  • 영국과의 식민지 갈등으로 발발
  • 1775년 4월 19일부터 1983년 9월 4일까지
  • 조지 워싱턴 미국 초대 대통령

George Washington

  • 미국의 초대 대통령
  • 독립 전쟁에서 총사령관으로 활약
  • 미국 건국의 아버지
  • 세계 최초의 대통령
  • 2번의 임기
  • 장기 집권 시 독재 우려
  • 미국 민주주의의 좋은 관습 마련
영어음성음운론
No. of letters = No. of sounds
Words No. of letters No. of sounds
pan 3 3
form 4 4
print 5 5
spirit 6 6
No. of letters No. of sounds
Words No. of letters No. of sounds
though 6 2
choose 6 3
awesome 7 4
IPA Symbols
Phonetic Symbols Word Positions
Initial Medial Final
Consonants
p pack super map
b bed rubber rob
t tea attack great
d date adore good
k catch picking look
g gate doggy bag
f fat coffee loaf
v very moving dove
θ thin ruthless death

Place of Articulation

  • Bilabial – the two lips come together, /p, b, m/ as in pay, bay, and may
  • Labio-dental – articulated by the lower lip and the upper teeth, /f, v/ as in feel and veal
  • Interdental – articulated by placing the tip or blade of the tongue between the upper and lower front teeth, /θ, ð/ as in thin and that
  • Alveolar – articulated with the tip or blade of the tongue against or close to the alveolar ridge, /t, d, s, z, n, l/ as in tip, dip, sip, zip, nip, and lip
  • Palato-alveolar – articulated with the blade of the tongue raised towards or touching the back of the alveolar ridge, /ʃ, ʒ, ʧ, ʤ/ as in fish, garage, rich, and ridge
  • Retroflex – articulated with curling the tip of the tongue up and back toward the back of alveolar ridge, /ɹ/ (the r ̣ -sound in American English) the alveolar /l/ laminal.
  • Palatal – articulated with the front of the tongue against the hard palate, /j/ as in yes
  • Velar – articulated with the back of the tongue against the soft palate, /k, g, ŋ/ as in back, bag, and sing
  • Glottal – sounds formed at the glottis, /h/ as in home and the glottal stop /ʔ/
  • Labio-veolar – the consonant /w/ pronounced with simultaneous bilabial and velar

유용한/자주 사용하는 틀

제작한 틀

 자세한 내용은 분류:김찬/제작한 틀 문서를 참고하십시오.

모바일 기기의 화면비를 넘어가는 너비(ex: 600px, 800px)를 가진 테이블을 모바일에서 넘어가지 않도록 대응하는 법

간단하다. 테이블의 width 속성을 max-width로 바꾸어 주면 된다. 단 주의할 점은, 테이블 내부의 콘텐츠가 설정한 max-width만큼이 될 정도로 충분한 분량을 차지하고 있어야 한다. 가장 쉬운 파훼법은 테이블 어느 곳에라도 모든 열이 병합된 행에 원본 크기가 큰 이미지를 첨부하면 된다. 빈 이미지는 그래서 업로드한 것.

이미지에 아무런 링크도 걸지 않았을 때 원본 이미지 보기로 이어지는 자동 링크를 없애는 법

이미지의 매개 변수에 link=를 걸고 아무것도 작성하지 않으면 된다. 예를 들어 [[파일:Seinel Icon.png|30픽셀|link=]] 이렇게 입력하면 이처럼 이미지 위에 마우스를 올려도 그 어떤 링크는커녕 원본 이미지 보기로 이어지는 자동 링크마저 없다.

순환 링크(문서가 같은 문서를 링크)나 테이블의 헤더 셀에서 강제 볼드체를 없애는 법

텍스트를 <span>으로 묶고 style에서 font-weight를 normal로 하면 된다.

텍스트에 그라데이션을 적용하는 법

텍스트를 <span>으로 묶고 style에서 background로 그라데이션을 적용한 뒤, -webkit-background-clip: text; color: transparent;를 추가로 입력하면 된다. 전자는 그라데이션의 적용 범위를 텍스트로만 하는 것이고, 후자는 그라데이션이 적용된 배경이 보이도록 하기 위해 텍스트 자체 색상을 투명으로 만든 것이다.

입력 출력
<span style="background: linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; color: transparent; font-size: 14pt;">'''무지개색 총공격이다!'''</span> 무지개색 총공격이다!

하나의 링크 안에 이미지와 텍스트를 함께 넣는 법

일반적으로는 하나의 링크 안에 이미지와 텍스트를 함께 넣을 수 없다. 예를 들어 [[제이위키|[[파일:제윜 로고2.svg|60px|link=]] 제이위키]] 이렇게 입력한다고 해도 [[제이위키| 제이위키]] 이처럼 링크 자체가 인식되지 못하고 깨져 버린다.

그러나 링크를 제이위키 내부 링크(대괄호 두 개 [[]])가 아닌 대괄호 한 개, 즉 외부 링크로 사용하면 가능하다. 단, 이때 파일에 |link=를 넣어서 반드시 원본 파일로 이동하는 링크를 없앨 것.

입력 출력
[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키] 제이위키

여기서 외부 링크 표시를 숨기는 plainlinks 클래스까지 사용하면

입력 출력
<span class="plainlinks">[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</span> 제이위키

더 완벽하게 사용할 수 있다. 외부 링크를 사용하기 때문에 제이위키 내 문서가 아니라 어떤 링크에도 사용할 수 있고, 제이위키 내 문서로 통하는 링크라면 편집을 저장할 때 뜨는 간단한 덧셈뺄셈이 나오지 않는 것도 장점이라면 장점이다. 단점이라면 마우스를 위에 올렸을 때 나타나는 문서 미리보기나 제목은 뜨지 않고, 문서가 문서 자신을 링크해도 링크가 사라지며 볼드체로 바뀌지 않고 링크 그대로 남아 있다는 것.

외부 링크를 넣은 이미지에 외부 링크 아이콘을 띄우는 법

[[파일:유튜브 아이콘.png|20px|link=https://www.youtube.com/]] 이렇게 파일 link에 외부 링크를 넣으면 외부 링크로 통하는 이미지가 만들어지지만 외부 링크임을 나타내는 아이콘은 나타나지 않는다. 방법은 바로 위 문단과 비슷하다. 외부 링크 자체를 넣고 그 안에 링크를 없앤 이미지를 넣는 것.

입력 출력
[https://www.youtube.com/ [[파일:유튜브 아이콘.png|20px|link=]]]

링크에 마우스를 올릴 때 뜨는 밑줄 없애는 법

색상을 넣듯 링크 안쪽을 <div>로 묶고 display: inline-block으로 해주면 된다.

입력 출력
[[제이위키|<div style="display: inline-block;">제이위키</div>]]
제이위키

버튼 디자인의 링크를 만들 때 응용하면 좋다.

입력 [[제이위키|<div style="display: inline-block; border: 1px solid #e1e8ed; border-radius: 3px; background: #f5f8fa; padding: 0px 2px;">제이위키</div>]]
출력
제이위키

이미지를 퍼센트(%) 단위로 첨부하는 법

[[파일:~~~|100px]]처럼 문법 내에 있는 기능으로는 픽셀 단위로만 이미지를 첨부할 수 있다. 그러나 이 파일을 div로 묶고, display를 inline-block으로 해준 다음 div 자체에 width를 퍼센트로 지정하면 이미지를 퍼센트 단위로 첨부할 수 있다.

행마다 셀 개수가 다른 테이블을 만드는 법

테이블의 style에 table-layout: fixed;를 넣는다. 이때, 테이블의 전체 너비가 반드시 지정되어 있어야 한다.

이후 서로 다른 각 행의 셀 개수들의 최소공배수만큼 적절히 분배하여 셀을 가로로 합쳐 주면 된다.

예를 들어 위 3칸, 아래 4칸의 테이블을 만들려 할 경우 아래와 같이 입력한다.

{|class="wikitable" style="width: 300px; text-align: center; table-layout: fixed;"
|-
|colspan="4"|3
|colspan="4"|셋
|colspan="4"|三
|-
|colspan="3"|4
|colspan="3"|넷
|colspan="3"|四
|colspan="3"|four
|}

그럼 이런 표가 만들어진다.

3
4 four