리버티게임:플러그인

플러그인의 기능과 효용에 대해서 설명한 문서입니다. 분류:플러그인에서 백괴게임에 추가되어 있는 여러 플러그인들을 확인 할 수 있습니다.

개요

위키위키를 포함한 대부분의 사이트에서는 사이트의 내부 코드에 사용자가 임의로 자바스크립트 코드를 추가하는것을 원치 않습니다. 무턱대고 스크립트 사용을 허가했다간 여러분의 계정이 어느 못된 사용자의 손에 넘어가는건 식은 죽 먹기니까요. 그렇다고 언제까지나 링크를 클릭해서 다음 페이지로 넘어가는 진부한 게임을 플레이 할 수는 없는 노릇입니다. 이러한 고충을 보다못한 한국어 백괴게임에서는 플러그인이라는 실험적인 기능을 제공하고 있습니다.

플러그인은 유저 개개인이 개발한 자바스크립트 코드를 다른 모든 사용자가 즐길 수 있게 도와줍니다. 물론 내 계정이 다른 게임에 {{허무주의}}를 뿌리고 다니는 반달봇이 되는것을 원하지 않는 대다수의 사용자의 허락을 받아 코드 실행이 가능하지만요.

작동방식

사용자의 common.js 문서는 플러그인의 알파이자 오메가입니다. 모든 길은 로마로 통하듯이 백괴게임의 모든 플러그인 설치틀은 common.js문서가 있기에 존재 할 수 있습니다. 모든 플러그인 설치틀은 사용자의 js문서에 새로운 플러그인을 추가하며, 추가된 플러그인은 플러그인 틀이 포함된 문서에서만 작동합니다. 예외도 있습니다. 사이트 이용 개선을 위해 개발된 틀이라던지, 굳이 틀이 달린 문서에서 사용할 필요가 없다든지 하는 플러그인과 같이 모든 문서에서 동작하는 플러그인도 있습니다. 틀:자동저장은 이러한 방식의 플러그인의 일부입니다.

자바스크립트? 그게 뭐에요? 어떻게 쓰나요?

세상에는 자신이 알고있는 지식을 다른 사람에게 전달해주고 싶어서 안달난 사람들이 많이 있습니다. 여기서 길게 설명하지 않아도 그런 고마운 분들의 사이트에서 자바스크립트의 사용법을 익히는게 작성자의 입장에서도 여러분의 입장에서도 도움 될 것 같습니다. 자바스크립트, 프로그래밍 분야에 박식한 분들의 오픈소스 강좌 사이트들은 아래와 같습니다.

• 생활코딩 : 자바스크립트의 코드 작성 뿐만 아니라 무엇을 배워야 할지, 무엇을 배우고 싶은지 등의 프로그래밍의 철학을 심도깊게 설명해주는 오픈소스 강좌입니다. 동영상강좌와 영상강좌에서 부교재로 사용하는 텍스트강좌로 나뉘어 져 있습니다,
• zerocho 블로그 : 자바스크립트의 기초부터 복잡한 최신 api까지 30-40여개의 글로 마스터 할 수 있습니다. 여러 프로그래밍 강좌중에서 어려운 편에 속하지만 강좌 작성자분이 유쾌한 덕분인지 강좌 대상의 난이도에 비해 쉽고 재밌게 배울 수 있는 사이트입니다. 개인적으로 많은 도움이 된 사이트입니다.
• 프로그래머스 : 생활코딩과 마찬가지로 오픈소스 강좌로 이루어져 있습니다. 배운 내용을 복습하거나 실습할 수 있는 온라인 코딩테스트를 운영하고 있습니다.
• mdn : 웹개발계의 위키백과입니다. 자바스크립트의 모든 레퍼런스가 담겨있는 곳입니다.
• w3school : 해외 웹 개발 강좌 사이트중 제일 유명한 곳입니다. 간단한 영어가 대부분이기 때문에 영어에 자신 없으신 분이라도 참고하셔도 좋을 것 같습니다.

이러한 사이트에서 여러분들의 머릿속의 지식고에 자바스크립트라는 얇고도 강력한 도서를 끼워 넣을 수 있습니다. 자바스크립트의 지식은 백괴게임에서만 국한되는 것이 아니기 때문에, 여러분들이 앞으로 사이트나 어플리케이션을 만들 때 든든한 조언자가 될 것입니다. 나는 앞으로 멋지고 산뜻하고 보기만해도 흐뭇해지는 사이트를 만들 일이 없어!라고 생각하시는분도 계시겠지만 세상만사 새옹지마니까요.

추가적으로 백괴사전과 그의 산하프로젝트들은 자바스크립트에서 제일 심플하고도 거대한 라이브러리 jquery를 지원하고 있습니다. 자바스크립트만으론 뭔가 부족하다, 이제 자바스크립트로 야구게임정도는 눈감고도 만들 수 있겠다 싶을 즈음에 jquery공부도 겸해서 하는걸 권장드립니다. 위에 설명한 사이트 대부분에서 jquery강좌 또한 포함되어 있으므로 참고 해 주시면 감사드리겠습니다. 간단한 애니메이션을 수행할 때, 선택자로 dom을 지정할 때 자바스크립트의 가슴 어딘가 답답한 부분이 눈녹듯이 녹아내리는 경험을 체험 할 수 있습니다.

무엇을 만들 수 있나요?

무엇이든지! 여러분이 컴퓨터나 스마트폰에서 가능하다고 생각하는 동작 거의 대부분은 자바스크립트로 구현할 수 있습니다. 단적으로 예를 들자면 이런게 가능합니다.

1. 문서내의 모든 날짜를 3일 뒤로 바꾸기
2. 왼쪽 사이드바를 오른쪽에 위치시키기
3. 엔터를 누를 때 마다 비프음 소리가 나게 하기
4. 슈팅게임 만들기
5. 리듬게임 만들기
6. 나사에서 오늘의 사진 가져오기
7. 기상청에서 오늘 날씨 가져오기
8. 디씨위키 반달 봇 만들기
9. 3d로 동작하는 온라인 격투게임 만들기

믿기 힘들겠지만, 모두 자바스크립트 단 하나로도 만들 수 있습니다. 믿기 힘드신 대부분의 독자들을 위해 하나의 예시로 실시간 비트코인 시세를 가져 와 보겠습니다. 위의 플러그인의 설치 진행하시면 볼 수 있습니다. 현재 실시간 비트코인 시세는 0원입니다. 1.5초단위로 빗썸 홈페이지에서 현재 비트코인 시세정보를 긁어오는 간단한 플러그인입니다. 정말 대단하다고 생각되지 않나요? 단순한 영단어 몇줄로 백괴게임과는 전혀 다른 사이트와 소통이 가능하다는 것, 미디어위키 문법만 다룬다면 상상이나마 가능할까요?

설명한 바와 같이 상상력이 따라주는 한 웹에서 모든것을 구현 가능합니다. 비트코인 시세가 아닌 광동제약의 주식 시세를 가져와서 몬스터의 공격력으로, 삼성전자 주식 시세를 가져와서 보스의 체력으로 사용 할수도 있습니다. 머릿속으로 혼자 구상해내도 되고, 다른 라이브러리나 API를 빌리는것도 가능합니다. 비현실적인것만 아니라면, 뭐든지 구현 가능합니다.

어떻게 사용하나요?

플러그인을 사용하는 페이지에서 플러그인 사용 설치 유도 틀이 나옵니다. 틀 내부의 설치 페이지로 이동하는 링크를 클릭 해 주시기 바랍니다.

스크립트가 신뢰할 수 있는 개발자가 작성하고 편집하였는지, 스크립트 내부에 자신의 개인정보를 빼돌릴 수 있음이 의심되는 코드가 있는지 확인하여 주시기 바랍니다.

이상이 없으면 설치버튼을 누르시면 됩니다.

축하드립니다! 한층 더 모던해진 백괴게임에 장대한 한발짝을 내딛을 수 있게 되었습니다.

궁금한게 많아요!

플러그인은 아직 완전하게 개발 된 기능이 아니기 때문에 관련 문서들의 사용법이 친절하지 않은 경우가 많습니다. 이렇게나 멋진 기능을 만들고 싶어 애가 타는데 플러그인 사용에 불편한 점이 많은 백괴게임의 여러 사용자들을 위해, 2024년에 새롭게 부상하는 4차산업에 발맞추어 백괴게임의 신비로운 기술을 수족처럼 다루는 여러 노예들을 구비하고 있습니다. 자바스크립트를 배웠는데도 이해가 잘 되지 않으면 아래 리스트에 있는 21세기 첨단 노예들의 사용자 토론란을 질문으로 뒤엎어 주시기 바랍니다. 노예를 괴롭혀주세요 노예를 아껴주세요

도움을 줄 수 있는 노예 목록

• BANIP (토론|토론작성) : css, javascript, html5등 여러 분야의 질문을 받고 있습니다.

주의점

현재 IE나 일부 엣지 버전에서 설치가 제대로 되지 않는 버그가 있습니다. 다른 브라우저를 사용해 플러그인을 설치해주시면 잘 작동하니 사용하는 주 브라우저가 플러그인 설치가 제대로 되지 않을 경우 참고 바랍니다.