최근에 작성한 글이 있는데
펼치기, 접기 기능이 필요해 보여서 코드를 찾아보았다
간단한 코딩이긴 한데
혹시 나처럼 코딩에 대해 잘 모르는데
이 기능을 써서 정보글을 작성하려는 사람들을 위해 올려봄
*인게임 내용이 아니라 이런 글을 정보탭에 올려도 되는 지는 모르겠는데
처음에는 정보탭이 혼탁해질까봐 일반탭에 뒀었다가
필요한 사람들을 위해 정보탭으로 수정해서 남겨둠
문제 되면 다시 일반탭으로 수정하겠음
우선 글 작성 시에 보면 요 코드 보기라는 게 있다.
글을 작성한 후 눌러보면 코딩이 복잡하게 있을텐데 다 필요없고
<details>
<summary>제목</summary>
<p>details, summary 같이 적용</p>
</details>
요거만 알고 있으면 됨
details이 세부사항(내용) 열고 닫는거고 summary는 코드 사용 시에 적용되는 제목(내용 요약)이라고 생각하면 된다.
여기에 폰트사이즈도 미리 바꾸고 싶으면 <span style="font-size:00px;"></span> 추가하면됨.
px 숫자에 원하는 폰트 사이즈 입력하면 되고
예시)
<details>
<summary><span style="font-size:24px;">번외</span></summary>
<p>작성하고 싶은 내용</p>
</details>
<p>,</p>는 어짜피 글 작성하면서 띄어쓰기하면 저절로 생겨서
본인이 작성한 글을 사이에 두고 <details>,</details> 만 넣으면 됨
코드 사용 시에 제목까지 넣고 싶으면 <summary>,</summary> 까지 사용하면 되고
결과)
번외
정실은 역시 반디요약)
<details>
<summary><span style="font-size:폰트사이즈(숫자)px;">제목</span></summary>
본인이 작성하고 싶은 내용
</details>
이렇게 하면 펼치기, 접기 코드 적용이 완료된다.
- > 고딩 때 코딩 맛보기만 배우고 전문지식이 없어서 자세히는 모름..