가이드 keyboard_arrow_down
추가

아보카도 관련

LINK 스킨, 정보 모음 시트
LINK 자잘한 오류 모음

파일질라 LINK
다운 받아서 설치하면 되는데, 중간에 나오는 Brave brower은 설치할 필요 없으니 빼고 설치해주세요.

비주얼 스튜디오 LINK
코드를 편집할 때 쓰는 프로그램입니다. 저는 아래쪽에 있는 Visual Studio Code를 설치해서 쓰고 있어요. (위에 건 뭔지 몰름)

스킨 폴더 안의 폴더가 안된다고 한 건 이 그림을 보면 이해되실 것

MORE

-

설치 스킨

MORE
LINK 배너
LINK 플레이리스트
LINK 로드비
LINK 북마크
LINK 메모
LINK 방명록

html 작성

MORE
<br> | 줄바꿈
웹 브라우저 창에서 줄 바꿈이 되도록 하려면 <br> 태그를 사용한다.
<br> 태그가 삽입된 위치에서만 줄바꿈이 되고, 닫는 태그는 없다.

<p> | 단락
<p></p> 태그 사이에 텍스트를 입력하면 입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다. <p> 태그 내부에서 형태를 만들기 위해 엔터나 띄어쓰기를 해도 무조건 한 줄로 표현된다. 이 문제를 해결하기 위해서는 <pre> 태그를 사용하면 된다.

<pre>
<pre> 태그 내부에서는 enter나 tab, space를 모두 활용해서 표현할 수 있다. (=입력하는 내용 그대로 표현된다.) 추가적인 <br> 태그나 공백 기호 ( ) 등을 사용할 필요가 없다.

(&.nbsp) | 공백 기호

<hr> | 구분선

<a> | 하이퍼링크
<a></a> 태그는 하이퍼링크를 걸어준다.
<a href="링크" target="링크 여는 방법">텍스트</a>
_self 현재 페이지 (기본값)
_blank 새 탭
_parent 부모 페이지, iframe 등이 사용된 환경에서 쓰임
_top 최상위 페이지, iframe 등이 사용된 환경에서 쓰임

html 이미지 (중요)

<img src="이미지 링크">

갠홈에 이미지를 많이 올리다 보면 용량이 모자라니까 저는 될 수 있으면 임구르에 업로드 한 다음에 html로 임베드 해주는 편이에요... 임구르에 업로드 하고 이미지 우클 > 이미지 주소 복사 하면 ~.jpg 혹은 ~.png, ~.gif로 끝나는 링크를 <img src="이미지 링크">  < 여기 이미지 링크 부분에 넣어주시면 됩니다

유튜브 동영상

공유 > '퍼가기'로 복사해온 유튜브 html 코드

✏️ 텍스트를 추가하고 싶다면 앞이나 뒤에 <p>할말</p> 삽입

회원 권한

MORE

회원 권한은 회원관리에서 1~10까지 임의로 지정할 수 있는데, 기본적으로 관리자는 10, 외부인은 1의 권한을 가지고 있습니다.
저는 외부인이 댓글 다는 게 싫어서 목록/읽기 권한은 1로 두고 댓글 권한을 2로 올려둔 뒤에 회원(지인인 거 확인되면) 권한을 수동으로 2로 올려주는 식으로 하고 있어요. 쓰기 권한은 말 그대로 게시글 쓰는 권한이라 1이나 2로 지정해두면 다른 사람들도 글을 쓸 수가 있으니 10으로.

게시판 생성

MORE

table 한 번 지정하면 후에 수정할 수 없음
제목 언제든지 수정 가능
분류 게시글 카테고리

스킨 디렉토리
skin/board에 업로드한 스킨 중에서 고를 수 있음
+ 스킨 업로드 할 때는 스킨 폴더명을 알아보기 쉬운 영어로 하는 것을 추천