질문 정정. 자바스크립트로 만들 수 있는 한계...

spark1000의 이미지


자바스크립트로 만들 수 있는 한계에 대해서 질문 드리고 싶은데요,

심지어 자바스크립트로 그림도 그릴 수 있나요?

자바스크립트로, 그 다양한 리스트 박스와 버튼을 만드는 것이,

과연 코드 하나 가지고서 가능할까 하는 생각이 드는데요..

그 다양한 박스와 버튼이 컴퓨터에 내장 돼 있는 것도 아니고,

내가 상상하는 리스트 박스와 버튼을 컴퓨터가 표현하게 하려면,

이렇게 명령해야 할듯 하네요

{button. 그런데 미키마우스 모양이고, 귀가 약간 크게 해라.

그러면 컴퓨터가 어떤 미키마우스를 그리겠죠.

그러면 만약 제가 원하는 모양이 아닐 때에,

{no. no. 눈이 너무 크다. 눈을 작게해라

이런 식으로 명령해서 미키마우스를 그리게 되나요?

리스트 박스도,

{listbox. 그런데, 그 모서리가 둥그스름한 처리가 되게 그려라.

라고 명령했을 때 컴퓨터가

어떤 리스트 박스를 그리면, 또 마음에 안들어서

{no. no. 모서리가 너무 많이 깎였다. 조금 덜 둥그스름하게 하라.

이런 식으로 명령하나요?

그게 아니면, 자기가 리스트 박스가 되게 하고 싶은 어떤 그림을 가져와서

{컴퓨터. 이게 내가 원하는 리스트 박스 이미지이다. 앞으로 listbox. 하면

이 이미지가 리스트박스가 되게 하라.

이런 식으로 명령하는것인가요?

»

shint의 이미지

다양하고 멋진 표현이 가능합니다.
핸드폰. 홈페이지. 그림. 3D. 게임. DB. 대부분의 기능이 구현 가능합니다.
이것은 자바스크립트 만의 이야기가 아닙니다.
대부분의 언어가 가능합니다.

대부분은 속성이 정해져 있어서. 해당 값을 변경하면 그에 따른 이동정도로 구현됩니다.
말씀하시는 명령어 형식의 집합으로 게임 캐릭터 처럼 움직이게도 가능합니다.

플래시를 보시면 이해가 편하실거 같습니다.

//MS에서 자바스크립트로 하드웨어 제어하기
http://www.microsoft.com/ko-kr/events/2012/windows8app/greatest_App.aspx#C
http://www.youtube.com/watch?v=IOwE-97UOcg&feature=youtu.be

//자바 스크립트로 그림그리기
http://code.google.com/p/explorercanvas/
http://stackoverflow.com/questions/2976924/ie-drawing-methods-in-css-javascript
http://en.wikipedia.org/wiki/Vector_Markup_Language
http://jibbering.com/faq/
http://www.infimum.dk/HTML/slantinfo.html
http://bytes.com/topic/javascript/answers/88771-drawing-vector-lines-javascript
http://www.gatekeeperel.co.uk/interactives/web.html
http://raphaeljs.com/
https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index/The_stacking_context
https://developer.mozilla.org/en-US/docs/CSS/transform?redirectlocale=en-US&redirectslug=CSS%2F-moz-transform#rotate
http://stackoverflow.com/questions/2509689/javascript-draw-dynamic-line
http://fabrikar.com/forums/showthread.php?t=18291
http://www.redips.net/javascript/drawing/

----------------------------------------------------------------------------
젊음'은 모든것을 가능하게 만든다.

매일 1억명이 사용하는 프로그램을 함께 만들어보고 싶습니다.
정규 근로 시간을 지키는. 야근 없는 회사와 거래합니다.

각 분야별. 좋은 책'이나 사이트' 블로그' 링크 소개 받습니다. shintx@naver.com

익명 사용자의 이미지

감사하다는 말 달지 마시고 이전 글인 http://kldp.org/node/135306 에 달려 있는 댓글 먼저 보고 돌아오세요. 지금이야 여기 분들이 친절하셔서 계속 긴 답글을 달아 주시겠지만 말로만 감사하다고 하고 질문이 나아지지 않으면 아마도 답글을 달 사람이 점점 줄어들 겁니다.

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.