(도구)
 
(같은 사용자의 중간 판 29개는 보이지 않습니다)
2번째 줄: 2번째 줄:
  
 
== 도구 ==
 
== 도구 ==
* [https://codepen.io/wotomy/pen/MWaoOJX 단어목록 표 생성기]
+
[https://codepen.io/wotomy/full/MWaoOJX 글자별 단어목록 표 생성기]:  글자별 단어목록만 가능. 긴 단어나 미션 단어는 없음.
  
흰색 부분에 엔터로 나눠진 단어 목록을 붙여넣으면 오른쪽 검은색 부분에 위키 표 문법으로 생성됩니다.
+
* 글자별 단어목록 표 만들기 (원래 사용방법)
그리고 검은색 부분 클릭하면 그 위키 표로 바뀐 텍스트가 모두 복사됩니다.
+
# 위의 두 칸은 무시하고 아래 '''추가할 단어들'''에 내 단어들을 넣는다.
 +
# 그럼 오른쪽 '''결과'''에 위키문법 표로 변환된 것이 나온다.
 +
# 그 '''결과''' 부분의 아무데나 클릭하면 결과가 전체 복사가 된다.
 +
# 그걸 끄코위키에 넣으면 된다.
  
== 낙서장 ==
+
* 원래 있는 글자별 단어목록에 자기 단어를 추가로 넣기
* 계산식
+
# '''원본 문서 소스'''에 원래 있던 위키 내용 표 소스를 붙여넣는다.
<nowiki>{{#expr: 1 + 1}} → 2</nowiki>
+
# 그럼 오른쪽 '''원본 단어들'''이 추출이 되고 동시에 '''결과'''에도 반영된 것을 확인할 수 있다.
 +
# 그 상태에서 '''추가할 단어들'''에 내가 넣고 싶은 단어들을 넣는다.
 +
# 그러면 위의 '''원본 단어들'''과 '''추가할 단어들'''의 단어들을 모두 합친 위키문법 표가 있는 '''결과'''가 생성된다.
 +
# 그 '''결과''' 부분의 아무데나 클릭하면 결과가 전체 복사가 된다.
 +
# 그걸 원래있던 소스의 표부분만 교체해서 끄코위키에 넣으면 된다.
  
* 문자열 조건문
+
== 끄코위키 common.css 사용방법 ==
<nowiki>{{#if: something | yes | no }} → yes</nowiki>
+
common.css는 자신에게만 다르게 보이도록 끄투위키의 CSS를 수정할 수 있는 방법이다. 자신의 아이디로 로그인 했을 때만 해당 CSS가 적용된 사이트가 보이며, 로그오프하면 다시 원래 끄코위키 사이트가 보인다.
<nowiki>{{#if: | yes | no }} → no</nowiki>
 
  
<nowiki>{{#if: something | yes }} → yes</nowiki>
+
'사용자:(자기아이디)/common.css'라는 문서명으로 되어있으며 그냥 바로 들어가면 왜인지 오류가 떠서 들어갈 수 없다.
<nowiki>{{#if: | yes }} → 빈 문자열</nowiki>
 
  
* 32%
+
그래서 주소창에  '<nowiki>https://kkukowiki.kr/index.php?title=사용자:(자기아이디)&action=edit</nowiki>'를 쳐서 들어가야 수정을 할 수 있다.<ref>자기 사용자문서에 <nowiki>'[{{fullurl:{{FULLPAGENAME}}/common.css|action=edit}} 내 CSS 수정]'</nowiki>를 넣으면 바로 수정할 수 있는 링크를 넣을 수 있다.</ref> 처음엔 아무것도 없는데, 거기다가 CSS 코드를 넣으면 된다. 수정 후 '변경사항 저장'을 누르면 다시 오류페이지가 뜨는데, 적용은 제대로 된 것이니 다시 끄코위키를 열면 적용된 모습을 볼 수 있다.
<div style="
 
  width: 100px;
 
  height: 100px;
 
  background:
 
    radial-gradient(
 
      white {{#expr: sqrt(2) / 2 * 100  * (50 / 100)}}%,
 
      transparent {{#expr: sqrt(2) / 2 * 100  * (50 / 100) + 1}}% {{#expr: sqrt(2) / 2 * 100 - 1}}%,
 
      white {{#expr: sqrt(2) / 2 * 100}}%
 
    ),
 
    conic-gradient(tomato {{#expr: 32 - 1}}%, #F5F8FA 32%);
 
  text-align: center;
 
  line-height: 100px;
 
"><span style="
 
  display: inline-block;
 
  line-height: normal;
 
">32%</span></div>
 
  
2*(((5+7*L)**0.74+0.88*c)*(0.5+0.5*(1-d/t)))*(1+0.5*m)
+
CSS를 잘 몰라도 그냥 복사해서 붙여넣으면 좋은 코드를 아래에 적어보았다.
  
{{#expr: 2 * (1+0.5*{{포함 |다른모든눈송이와아주비슷하게생긴단하나의눈송이|하}}) * ((5+7*{{#len: 다른모든눈송이와아주비슷하게생긴단하나의눈송이}})^0.74+0.88) round 0 }}
+
=== 모바일로 볼 때, 상단의 긴 광고창 때문에 화면이 좌우로 밀리는 문제 고치기 ===
 +
코드:  
 +
<pre>.header-ads {
 +
height: 90px !important;
 +
overflow: auto hidden;
 +
}</pre>
 +
 
 +
추가로, 원래는 어떤 문서를 들어갔을 때, 광고가 로드 되기 전에 편집 버튼이 위에있다가 광고 로드 후, 편집버튼이 밑으로 내려가서 잘못 클릭할 수 있어 조금 기다렸다가 클릭해야 했는데, 이 코드를 사용하면 광고 로드 전부터 이미 광고창 자리를 고정시켜서 미스클릭 문제도 해결할 있다.
 +
 
 +
=== 목차가 길 경우 목차 자체에서 스크롤을 만들기 ===
 +
코드:
 +
<pre>.toc > ul {
 +
max-height: 300px;
 +
overflow-y: auto;
 +
}</pre>
 +
 
 +
긴 단어나 미션 단어 문서들을 볼 때 유용하다.

2022년 3월 26일 (토) 21:47 기준 최신판

도구

글자별 단어목록 표 생성기: 글자별 단어목록만 가능. 긴 단어나 미션 단어는 없음.

  • 글자별 단어목록 표 만들기 (원래 사용방법)
  1. 위의 두 칸은 무시하고 아래 추가할 단어들에 내 단어들을 넣는다.
  2. 그럼 오른쪽 결과에 위키문법 표로 변환된 것이 나온다.
  3. 결과 부분의 아무데나 클릭하면 결과가 전체 복사가 된다.
  4. 그걸 끄코위키에 넣으면 된다.
  • 원래 있는 글자별 단어목록에 자기 단어를 추가로 넣기
  1. 원본 문서 소스에 원래 있던 위키 내용 표 소스를 붙여넣는다.
  2. 그럼 오른쪽 원본 단어들이 추출이 되고 동시에 결과에도 반영된 것을 확인할 수 있다.
  3. 그 상태에서 추가할 단어들에 내가 넣고 싶은 단어들을 넣는다.
  4. 그러면 위의 원본 단어들추가할 단어들의 단어들을 모두 합친 위키문법 표가 있는 결과가 생성된다.
  5. 결과 부분의 아무데나 클릭하면 결과가 전체 복사가 된다.
  6. 그걸 원래있던 소스의 표부분만 교체해서 끄코위키에 넣으면 된다.

끄코위키 common.css 사용방법

common.css는 자신에게만 다르게 보이도록 끄투위키의 CSS를 수정할 수 있는 방법이다. 자신의 아이디로 로그인 했을 때만 해당 CSS가 적용된 사이트가 보이며, 로그오프하면 다시 원래 끄코위키 사이트가 보인다.

'사용자:(자기아이디)/common.css'라는 문서명으로 되어있으며 그냥 바로 들어가면 왜인지 오류가 떠서 들어갈 수 없다.

그래서 주소창에 'https://kkukowiki.kr/index.php?title=사용자:(자기아이디)&action=edit'를 쳐서 들어가야 수정을 할 수 있다.[1] 처음엔 아무것도 없는데, 거기다가 CSS 코드를 넣으면 된다. 수정 후 '변경사항 저장'을 누르면 다시 오류페이지가 뜨는데, 적용은 제대로 된 것이니 다시 끄코위키를 열면 적용된 모습을 볼 수 있다.

CSS를 잘 몰라도 그냥 복사해서 붙여넣으면 좋은 코드를 아래에 적어보았다.

모바일로 볼 때, 상단의 긴 광고창 때문에 화면이 좌우로 밀리는 문제 고치기

코드:

.header-ads {
	height: 90px !important;
	overflow: auto hidden;
}

추가로, 원래는 어떤 문서를 들어갔을 때, 광고가 로드 되기 전에 편집 버튼이 위에있다가 광고 로드 후, 편집버튼이 밑으로 내려가서 잘못 클릭할 수 있어 조금 기다렸다가 클릭해야 했는데, 이 코드를 사용하면 광고 로드 전부터 이미 광고창 자리를 고정시켜서 미스클릭 문제도 해결할 수 있다.

목차가 길 경우 목차 자체에서 스크롤을 만들기

코드:

.toc > ul {
	max-height: 300px;
	overflow-y: auto;
}

긴 단어나 미션 단어 문서들을 볼 때 유용하다.

  1. 자기 사용자문서에 '[{{fullurl:{{FULLPAGENAME}}/common.css|action=edit}} 내 CSS 수정]'를 넣으면 바로 수정할 수 있는 링크를 넣을 수 있다.