사용자:Bd3076/개발/JS도우미: 두 판 사이의 차이

2018년 8월 1일 (수) 16:52 판

개요

JS 기능이 나온 지 꽤 되었음에도 불구하고 JS를 이용하지 않는 사용자들이 많습니다. JS는 자동 인증된 사용자만이 사용할 수 있기 때문이기도 하겠지만, 그거야 이메일 인증 받으면 되는 거고 실제로는 JS를 배우는 데 어려움을 느끼는 사용자들이 많을 것입니다. 그래서 JS 개발을 도와주는 플러그인을 만들려고 합니다. 어느 정도 JS에 능숙한 분이 함께 해 주신다면 좋겠습니다.

과정

이 플러그인을 만드는 과정을 설명합니다.

플러그인의 개형을 디자인한다

제가 CSS에 능숙하진 못합니다. 하지만 일단 플러그인을 사용하려면 사용법이 한 눈에 들어와야겠죠. 그게 아니라면 이 플러그인을 사용하는 의미가 없을 것입니다. 그래서 초보자들도 사용하기 쉽게 플러그인을 디자인해야 합니다. 아마 한쪽에 코드를 보여주고 한쪽에는 버튼을 눌러 코드를 수정하게 해야 할 것입니다.

플러그인의 데이터를 만든다

아무래도 가장 힘든 부분일 것입니다.

우선, 블록들의 데이터를 집어넣습니다. 아마 저도 사람인지라 모든 기능을 다 넣진 못할 거고 사람들이 많이 쓸 만한 기능만 넣을 겁니다.

작성한 코드를 실행할 수 있게 만든다

플러그인 문서를 만들고, 직접 플러그인을 실행할 수 있게 합니다. 이것도 javascript를 이용하고 플러그인 시스템을 뜯어서 살펴보면 가능할 것입니다.

일지

자세한 내용은 이곳으로.

결과물

실험실

돌아가기

@@ 5번째 줄: / 5번째 줄: @@
 == 과정 ==
 이 플러그인을 만드는 과정을 설명합니다.
-=== CSS와 javascript를 적절히 혼합해 플러그인의 개형을 디자인한다===
+=== 플러그인의 개형을 디자인한다===
 제가 CSS에 능숙하진 못합니다. 하지만 일단 플러그인을 사용하려면 사용법이 한 눈에 들어와야겠죠. 그게 아니라면 이 플러그인을 사용하는 의미가 없을 것입니다. 그래서 초보자들도 사용하기 쉽게 플러그인을 디자인해야 합니다. 아마 한쪽에 코드를 보여주고 한쪽에는 버튼을 눌러 코드를 수정하게 해야 할 것입니다.
@@ 13번째 줄: / 13번째 줄: @@
 우선, 블록들의 데이터를 집어넣습니다. 아마 저도 사람인지라 모든 기능을 다 넣진 못할 거고 사람들이 많이 쓸 만한 기능만 넣을 겁니다.
-=== javascript를 활용해 코드를 실행할 수 있게 만든다 ===
+=== 작성한 코드를 실행할 수 있게 만든다 ===
 플러그인 문서를 만들고, 직접 플러그인을 실행할 수 있게 합니다. 이것도 javascript를 이용하고 플러그인 시스템을 뜯어서 살펴보면 가능할 것입니다.