All 54

[웹코딩의 기초] 모든 태그에는 뜻이 있다 (2) 목록 태그

이번 포스팅은 와 사용법에 대해 알아보려고 합니다. 목록을 나타내는 태그는 특정 규칙을 따라 작성해야 하기 때문에 외워두시는 것을 추천합니다. 사실 외우지 않으셔도 검색하면 나오긴 하지만 이런 규칙이 있다는 정도는 알아주세요. 이 목록 태그들은 에디터에서 기본적으로 제공되고있는 기능에도 포함되어있어서 보기에 친숙할수도 있겠습니다 (

[웹코딩의 기초] 모든 태그에는 뜻이 있다 (1) 영역태그

사실 태그는 css로 꾸며주기 전까지는 실제로 웹상에서 봤을때 어디서부터 어디까지가 어떤 태그로 구성되어있는지 대부분은 알기 어렵습니다. 하지만 시각적으로는 확인할수 없더라도 우리는 언제나 용도에 어울리는 태그를 사용하려 노력해야 합니다. 어떤 태그를 썼냐에 따라 웹에서 검색했을때 유의미한 차이를 만들기도 하지만 시각적으로 웹을 볼 수 없는 사람들에게도 아주 중요한 정보를 제공하기 때문입니다. 비유를 하자면 영상에 삽입된 자막과 비슷한 역할을 합니다. 이렇게 말하는 저도 모든 태그를 적재적소에 쓰지는 않고 게으름을 피우곤 하지만.. 태그의 종류가 너무 많기 때문에 전부 다 설명하지는 않고 자주 쓰이는 것들 위주로 설명 해보려 합니다. 이번 포스팅에서는 에 대해 설명합니다. 'division'의 약자입니다..

[아보카도 에디션] 로그내역에 번호(+게시판 제목) 출력

멤버 편의상 로그내역에 번호가 뜨면 좋겠다는 이야기가 있어서 작성했습니다. mypage/log/index.php 143번째줄 [ 익명의 누군가 ] [ / ] mypage/log/log_favorite.php 120번째줄 이 라인을 넣어줍니다. 숫자만 출력되니 앞이나 뒤(혹은 둘다) 적당히 구분할 내용을 넣어주셔도 되겠습니다 예시: . No. [] 등 사용하는 로그게시판이 여러개일 경우 를 필요한 위치에 넣어 게시판 제목을 출력할 수도 있습니다. 종합 예시: . 이렇게 작성할 경우 [게시판이름] 로그번호. 작성자이름 같은식으로 목록에 출력됩니다

[플러그인] 정산매니저 (마지막 업데이트: 2023.06.16 09:40)

좀더 간편한 정산을 위해 작업했습니다 테스트를 완전히 하지 않아서 오류가 있을수도 있습니다 정상적으로 작동하지 않는 기능이 있다면 메일로 연락주세요 포함된 내용 정산게시판 스킨 통합정산 관리 페이지 추가 업데이트페이지(글 최하단 내용 참조) 정산게시판 설정 방법 각 분류는 정산 가능한 게시판(자비 등) 아이디로 해주세요 (게시판관리의 TABLE에 해당하는 내용) 분류 설정시 로그링크와 해시태그 기능을 사용 가능합니다. 게시판이 여러개면 게시판별로 정산글을 작성해야하는 불편함은 있지만 이쪽이 편의성에서는 더 낫다고 생각해서 이렇게 제작했습니다 정산가능한 게시판이 한개라도 로그링크 및 해시태그를 사용하기 위해서는 분류를 반드시 사용해주세요 로그링크와 해시태그 사용법은 mmb 스킨에서의 사용법과 동일합니다(로..

[웹코딩의 기초] inline? block? 요소가 가지는 기본속성 - display

display 속성은 css에서 따로 지정하지 않아도 기본적으로 요소가 가지는 기본 속성중에 하나입니다. 크게 inline과 block 속성이 있고 일부 전용 특수 속성이 있습니다(예: table이 가지는 자식요소들) 그 외에는 대체로 인위적으로 주는 속성이라 할 수 있고 이 기본적으로 주어진 속성은 css로 덮어씌울 수도 있습니다. 일단 가장 기본적인 두가지 속성에 대해 먼저 알아봅시다 inline 요소 인라인 요소는 말그대로 선 위에 놓여있는 것 같은 형태를 띕니다. 선 위에 있기 때문에 높이나 너비와 관련된 다른 속성값을 가질 수 없으며 정렬도 할 수 없습니다. 지정하더라도 해당 속성을 무시합니다. (width, height, line-height, text-align 등등) 인라인 요소만으로는 정..

[웹코딩의 기초] (거의) 모든 태그에는 짝이 있다

이번 포스팅은 웹을 구성하는데 있어 가장 기초가 되는 에 대한 기초중의 기초에 대해 알아보려고 합니다. 먼저 태그란 같이 안에 들어가는 요소들을 말합니다. 태그들은 어디에 어떤 내용이 어떻게 들어갈지에 대한 밑바탕을 제공합니다. 여기부터 여기까지가 어떤 내용이다~ 라는 것을 컴퓨터와 작업하는 사람에게 알려주는 지표라고 생각하면 좋습니다. 여기서 중요한 포인트는 그 어디서부터 어디까지를 표시해야 하기 때문에 거의 모든 태그는 시작하는 태그(연다고 합니다)와 끝맺는 태그(닫는다고 합니다)가 있습니다. 모든 짝이 있는 태그('문단태그'라고도 합니다)의 여닫는 방식은 똑같습니다. div라는 태그로 예를 들자면 가 여는 태그고 (시작태그) 가 닫는 태그입니다. (종료태그) 참 쉽죠? 이렇게 열고 닫은 태그 안에 ..

[웹코딩의 기초] 무슨 프로그램을 써야 할까? - NotePad++

시작하기 전에(2) 먼저 프로그램 추천을 하려고 합니다. 메모장으로도 코드를 읽을수 있긴 하지만...이건 솔직히 너무 보기 힘드니까요.... 저는 유료 프로그램을 사용하고 있지만 유료 프로그램에도 뒤지지 않는 멋지고 가벼운 프로그램입니다. 이미 많이들 알고 계실지도 모르겠지만 혹시 아직도 메모장을 사용하시는 분이 계시다면 이 프로그램을 받아보시는것을 추천합니다. 단점은..아마도 윈도우에서만 사용 가능하다는 점이 있겠네요..(다른 os 유저분들은 죄송합니다..) 설치 notepad-plus-plus.org/downloads/ Downloads | Notepad++ notepad-plus-plus.org 릴리즈 중에 아무거나 받으셔도 되고 제일 위에 있는게 최신버전입니다. 링크를 누르시면 초록색 버튼이 여러..

[웹코딩의 기초] 시작하기에 앞서

사실 플랫폼이나 글 묶는 방식 그리고 연재 주기(?)같은것들에 대해 많은 고민을 했는데요 그냥 있는데다가 생각날때 적당히 가볍게 쓰기로 했습니다. 보시는 분들도 가볍게 볼 수 있는 글이 되었으면 좋겠습니다. 제목(말머리?)도 고민을 많이 했는데..코딩이라고 뭉뚱그려서 써버렸지만 다른 익숙하고도 직관적인 제목이 일단 생각이 나지 않아서..나중에 더 적절한게 생각나면 바꿀지도..모르겠지만 이러다간 생각하다가 내년 될것 같아서 그냥 이렇게 시작합니다(괜찮은 제목 있으면 추천받습니다) 앞으로 이 카테고리에 쓸 글들은 아마도 어떤 분들에게는 여전히 무슨뜻인지 이해하기 어려울 수도 있고, 어떤 분들에게는 이미 다 아는 내용이라 별로 도움이 되지 않을 수도 있습니다. 하지만 한번쯤 메모장(혹은 뭐든 파일을 열수있는 ..

[게시판스킨] 캐릭터 정리 게시판 ver.2 (최종수정 22.11.26 04:29)

아보카도 솔루션에 호환 가능한 캐릭터 정리용 게시판입니다. * 기존 아보카도 시스템 사용시 패치파일이 필요합니다(본 게시글 하단 참조) * 퍼스널 버전을 사용하시던 분들도 추가로 패치파일이 필요합니다. (2020.11.02 기준) 옵션으로 사용 가능한 내용이 꽤 있기 때문에 아래 설명을 읽고 사용하시는 것을 추천합니다. * 리스트 프리뷰는 기존의 오퍼시티 80%로 표시됩니다. * 둥근 모서리는 제 개인 스타일 설정으로 기본설정은 각진 모서리로 표현됩니다. 기존 캐릭터 게시판과는 달리 카테고리를 사용할 수 있으며(슬라이드형식 사용시 카테고리 사용불가) 썸네일 아래 캐릭터 이름이 출력됩니다. (슬라이드 형식에서는 출력되지 않음) 게시판 설정(옵션) 따로 설정하지 않아도 기본값이 있기 때문에 원하실 경우 설정..

Download/스킨 2020.11.02

[플러그인] 아보카도 에디션 퍼스널 버전 -> 기존 버전 이식용 패치 (2022.06.04 업데이트)

배포중인 퍼스널 에디션의 스킨을 기존 버전에서도 사용할수 있도록 하는 패치입니다. 퍼스널 버전이 아닌 다른 모든 버전에도 해당합니다 압축을 풀어 adm, bbs, css 폴더를 그대로 덮어씌워주시면 됩니다. 캐릭터게시판의 경우 스킨 배포 게시물 하단의 호환용 파일을 추가로 받아주셔야 합니다. php 5버전이 아니면 일부 스킨(캐릭터게시판, 로드게시판)은 정상적으로 작동하지 않습니다. 파일 수정해서 작동은 하는거 확인 했는데 업로드 테스트만 해봐서 다른 안되는게 있을수도 있습니다