리버티게임:플러그인: 두 판 사이의 차이

리버티게임, 모두가 만들어가는 자유로운 게임
백괴게임>BANIP
백괴게임>Manymaster
8번째 줄: 8번째 줄:


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


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

2018년 3월 6일 (화) 00:16 판

리버티게임의 정책과 지침
대원칙
가이드라인
절차
사용자

리버티게임의 모든 정책과 지침 보기

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

개요

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

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

작동방식

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

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

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

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

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

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

무엇을 만들 수 있나요?

무엇이든지! 여러분이 컴퓨터나 스마트폰에서 가능하다고 생각하는 동작 거의 대부분은 자바스크립트로 구현할 수 있습니다. 문서 내의 모든 날짜를 3일 뒤로 바꾸는 조그마한 모듈부터, 3d로 동작하는 온라인 격투게임까지( threejs 라이브러리에 대한 지식과 개인 서버의 웹소켓이 필요하지만요 ) 모두 자바스크립트 하나로 만들 수 있습니다.

믿기 힘드신 대부분의 독자들을 위해 하나의 예시로 실시간 비트코인 시세를 가져 와 볼께요. 위 플러그인의 설치 동의를 하시면 볼 수 있습니다.

Kgpg new.svg
플러그인은 로그인한 사용자만 쓸 수 있어요
현재 문서는 플러그인을 설치해야 정상적으로 작동해요.
여기를 눌러 로그인하고 플러그인을 설치해 주세요!

어떻게 사용하나요?

저번에 만든 코드를 바꾸고싶어요!

주의점