From 7204d02fd37d38c4d73cbf39906a42d37799aaf0 Mon Sep 17 00:00:00 2001 From: chikchok Date: Tue, 2 Jul 2024 19:32:57 +0900 Subject: [PATCH 1/9] =?UTF-8?q?js=EA=B0=95=EC=9D=98(12~23)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- jinwon/JavaScript/index.html | 120 +++++++++++++++++++++++++++++++++++ 1 file changed, 120 insertions(+) create mode 100644 jinwon/JavaScript/index.html diff --git a/jinwon/JavaScript/index.html b/jinwon/JavaScript/index.html new file mode 100644 index 0000000..e94f2ad --- /dev/null +++ b/jinwon/JavaScript/index.html @@ -0,0 +1,120 @@ + + + + + + WEB2 + + + +

WEB2

+
+ +
    + +
+
+ + +

+

+ JavaScript는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 + 언어로, 일급 함수를 지원합니다.
+ 웹 페이지를 위한 스크립트 언어로 잘 알려져 있고, Node.js, Apache + CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용합니다
+ JavaScript는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적 + 언어로, 객체지향형, 명령형, 선언형 스타일을 지원합니다. +

+

+
+
+ + From 2065759b6cdeb45d477eb57771940b01c046394d Mon Sep 17 00:00:00 2001 From: chikchok Date: Tue, 2 Jul 2024 19:58:59 +0900 Subject: [PATCH 2/9] =?UTF-8?q?js=EA=B0=95=EC=9D=98(12~23)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- jinwon/JavaScript/index.html | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/jinwon/JavaScript/index.html b/jinwon/JavaScript/index.html index e94f2ad..4a567ce 100644 --- a/jinwon/JavaScript/index.html +++ b/jinwon/JavaScript/index.html @@ -58,11 +58,16 @@

WEB2

value="빨강색" onclick=" var target=document.querySelector('body') - if - (this.value==='빨강색'){ + if (this.value==='빨강색'){ target.style.backgroundColor='red'; target.style.color='black'; this.value='주황색' + var links = document.querySelectorAll('a'); + var i = 0; + while (i < links.length) { + links[i].style.color = 'powderblue'; + i = i + 1; + } } else if(this.value==='주황색'){ target.style.backgroundColor = 'orange'; @@ -102,6 +107,13 @@

WEB2

var target=document.querySelector('body') target.style.backgroundColor = 'white'; target.style.color= 'black'; + + var links = document.querySelectorAll('a'); + var i = 0; + while (i < links.length) { + links[i].style.color = 'black'; + i = i + 1; + } " />

From 9f170aee684a764d7148e25dda634dcea9880fe2 Mon Sep 17 00:00:00 2001 From: jihongeek Date: Tue, 2 Jul 2024 20:01:01 +0900 Subject: [PATCH 3/9] =?UTF-8?q?=EC=9E=90=EB=B0=94=EC=8A=A4=ED=81=AC?= =?UTF-8?q?=EB=A6=BD=ED=8A=B8=EB=A5=BC=20=ED=99=9C=EC=9A=A9=ED=95=9C=20?= =?UTF-8?q?=EA=B3=A0=EC=96=91=EC=9D=B4=20=EC=82=AC=EC=A7=84=20=EA=B0=80?= =?UTF-8?q?=EC=A0=B8=EC=98=A4=EA=B8=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- jihongeek/practice/introduction.html | 59 ++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 jihongeek/practice/introduction.html diff --git a/jihongeek/practice/introduction.html b/jihongeek/practice/introduction.html new file mode 100644 index 0000000..a5feae2 --- /dev/null +++ b/jihongeek/practice/introduction.html @@ -0,0 +1,59 @@ + + + + JavaScript Sandbox + + + +
+

HTTP API 실습

+

(그런데 이제 고양이😸 API를 곁들인)

+
+ + +
+
+
+ +
+ + \ No newline at end of file From 55077a29288367adb716333d65154c28ff9c0acc Mon Sep 17 00:00:00 2001 From: yoojin <76746507+syj318@users.noreply.github.com> Date: Wed, 3 Jul 2024 19:06:49 +0900 Subject: [PATCH 4/9] =?UTF-8?q?js(12=EA=B0=95~23=EA=B0=95)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- yoojin/ex5.html | 28 +++++++++++++++ yoojin/html/3.html | 83 +++++++++++++++++++++++++++++--------------- yoojin/html/ex4.html | 26 ++++++++++++++ yoojin/html/ex6.html | 30 ++++++++++++++++ yoojin/html/ex7.html | 21 +++++++++++ yoojin/html/ex8.html | 22 ++++++++++++ 6 files changed, 182 insertions(+), 28 deletions(-) create mode 100644 yoojin/ex5.html create mode 100644 yoojin/html/ex4.html create mode 100644 yoojin/html/ex6.html create mode 100644 yoojin/html/ex7.html create mode 100644 yoojin/html/ex8.html diff --git a/yoojin/ex5.html b/yoojin/ex5.html new file mode 100644 index 0000000..4b7eb5b --- /dev/null +++ b/yoojin/ex5.html @@ -0,0 +1,28 @@ + + + + + + Document + + +

Conditional statements

+

Program

+ +

IF-false

+ + + diff --git a/yoojin/html/3.html b/yoojin/html/3.html index 6129321..6e0989c 100644 --- a/yoojin/html/3.html +++ b/yoojin/html/3.html @@ -1,38 +1,65 @@ - + WEB1 - JavaScript +

WEB

-

JavaScript

+ + + +
    +
  1. HTML
    2. +
  2. CSS
    3. +
  3. JavaScript
    4. +
+

JavaScript

- JavaScript often abbreviated as JS, is - a programming language and core technology of the Web, alongside - HTML and CSS. 99% of websites use - JavaScript on the client side for webpage - behavior.[10] Web browsers have a dedicated - JavaScript engine that executes the client code. - These engines are also utilized in some servers and a variety of apps. The - most popular runtime system for non-browser usage is Node.js. - JavaScript is a high-level, often just-in-time - compiled language that conforms to the ECMAScript standard.[11] It has - dynamic typing, prototype-based object-orientation, and first-class - functions. It is multi-paradigm, supporting event-driven, functional, and - imperative programming styles. It has application programming interfaces - (APIs) for working with text, dates, regular expressions, standard data - structures, and the Document Object Model (DOM). + JavaScript often abbreviated as JS, is a programming language and core + technology of the Web, alongside HTML and CSS. 99% of websites use + JavaScript on the client side for webpage behavior.[10] Web browsers have + a dedicated JavaScript engine that executes the client code. These engines + are also utilized in some servers and a variety of apps. The most popular + runtime system for non-browser usage is Node.js. JavaScript is a + high-level, often just-in-time compiled language that conforms to the + ECMAScript standard.[11] It has dynamic typing, prototype-based + object-orientation, and first-class functions. It is multi-paradigm, + supporting event-driven, functional, and imperative programming styles. It + has application programming interfaces (APIs) for working with text, + dates, regular expressions, standard data structures, and the Document + Object Model (DOM).

diff --git a/yoojin/html/ex4.html b/yoojin/html/ex4.html new file mode 100644 index 0000000..17b5a34 --- /dev/null +++ b/yoojin/html/ex4.html @@ -0,0 +1,26 @@ + + + + + + + + +

Comparison operators & Boolean

+

===

+

1===1

+ + +

1===2

+ + +

1<2

+ + + diff --git a/yoojin/html/ex6.html b/yoojin/html/ex6.html new file mode 100644 index 0000000..9e5febe --- /dev/null +++ b/yoojin/html/ex6.html @@ -0,0 +1,30 @@ + + + + + + + +

Array

+

Syntax

+ +

get

+ + +

add

+ + +

count

+ + + diff --git a/yoojin/html/ex7.html b/yoojin/html/ex7.html new file mode 100644 index 0000000..5445ea9 --- /dev/null +++ b/yoojin/html/ex7.html @@ -0,0 +1,21 @@ + + + + + + +

Loop

+
    + +
+ + diff --git a/yoojin/html/ex8.html b/yoojin/html/ex8.html new file mode 100644 index 0000000..8344784 --- /dev/null +++ b/yoojin/html/ex8.html @@ -0,0 +1,22 @@ + + + + + + +

Loop & Array

+ +

Co workers

+
    + +
+ + From b58b37676d11f69958c983d4a6be9a8ad03611d5 Mon Sep 17 00:00:00 2001 From: yoojin <76746507+syj318@users.noreply.github.com> Date: Wed, 3 Jul 2024 19:09:59 +0900 Subject: [PATCH 5/9] =?UTF-8?q?Revert=20"js(12=EA=B0=95~23=EA=B0=95)"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This reverts commit 55077a29288367adb716333d65154c28ff9c0acc. --- yoojin/ex5.html | 28 --------------- yoojin/html/3.html | 83 +++++++++++++++----------------------------- yoojin/html/ex4.html | 26 -------------- yoojin/html/ex6.html | 30 ---------------- yoojin/html/ex7.html | 21 ----------- yoojin/html/ex8.html | 22 ------------ 6 files changed, 28 insertions(+), 182 deletions(-) delete mode 100644 yoojin/ex5.html delete mode 100644 yoojin/html/ex4.html delete mode 100644 yoojin/html/ex6.html delete mode 100644 yoojin/html/ex7.html delete mode 100644 yoojin/html/ex8.html diff --git a/yoojin/ex5.html b/yoojin/ex5.html deleted file mode 100644 index 4b7eb5b..0000000 --- a/yoojin/ex5.html +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - Document - - -

Conditional statements

-

Program

- -

IF-false

- - - diff --git a/yoojin/html/3.html b/yoojin/html/3.html index 6e0989c..6129321 100644 --- a/yoojin/html/3.html +++ b/yoojin/html/3.html @@ -1,65 +1,38 @@ - WEB1 - JavaScript - +

WEB

- - - -
    -
  1. HTML
    2. -
  2. CSS
    3. -
  3. JavaScript
    4. -
-

JavaScript

+

JavaScript

- JavaScript often abbreviated as JS, is a programming language and core - technology of the Web, alongside HTML and CSS. 99% of websites use - JavaScript on the client side for webpage behavior.[10] Web browsers have - a dedicated JavaScript engine that executes the client code. These engines - are also utilized in some servers and a variety of apps. The most popular - runtime system for non-browser usage is Node.js. JavaScript is a - high-level, often just-in-time compiled language that conforms to the - ECMAScript standard.[11] It has dynamic typing, prototype-based - object-orientation, and first-class functions. It is multi-paradigm, - supporting event-driven, functional, and imperative programming styles. It - has application programming interfaces (APIs) for working with text, - dates, regular expressions, standard data structures, and the Document - Object Model (DOM). + JavaScript often abbreviated as JS, is + a programming language and core technology of the Web, alongside + HTML and CSS. 99% of websites use + JavaScript on the client side for webpage + behavior.[10] Web browsers have a dedicated + JavaScript engine that executes the client code. + These engines are also utilized in some servers and a variety of apps. The + most popular runtime system for non-browser usage is Node.js. + JavaScript is a high-level, often just-in-time + compiled language that conforms to the ECMAScript standard.[11] It has + dynamic typing, prototype-based object-orientation, and first-class + functions. It is multi-paradigm, supporting event-driven, functional, and + imperative programming styles. It has application programming interfaces + (APIs) for working with text, dates, regular expressions, standard data + structures, and the Document Object Model (DOM).

diff --git a/yoojin/html/ex4.html b/yoojin/html/ex4.html deleted file mode 100644 index 17b5a34..0000000 --- a/yoojin/html/ex4.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - -

Comparison operators & Boolean

-

===

-

1===1

- - -

1===2

- - -

1<2

- - - diff --git a/yoojin/html/ex6.html b/yoojin/html/ex6.html deleted file mode 100644 index 9e5febe..0000000 --- a/yoojin/html/ex6.html +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - -

Array

-

Syntax

- -

get

- - -

add

- - -

count

- - - diff --git a/yoojin/html/ex7.html b/yoojin/html/ex7.html deleted file mode 100644 index 5445ea9..0000000 --- a/yoojin/html/ex7.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - -

Loop

-
    - -
- - diff --git a/yoojin/html/ex8.html b/yoojin/html/ex8.html deleted file mode 100644 index 8344784..0000000 --- a/yoojin/html/ex8.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - -

Loop & Array

- -

Co workers

-
    - -
- - From 4ceedd1b5511301ae0e5b126c7cc614dac94a31a Mon Sep 17 00:00:00 2001 From: yoojin <76746507+syj318@users.noreply.github.com> Date: Wed, 3 Jul 2024 19:13:16 +0900 Subject: [PATCH 6/9] =?UTF-8?q?js(12=EA=B0=95~23=EA=B0=95)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- yoojin/html/3.html | 78 ++++++++++++++++++++++++++++---------------- yoojin/html/ex6.html | 30 +++++++++++++++++ yoojin/html/ex7.html | 21 ++++++++++++ yoojin/html/ex8.html | 22 +++++++++++++ 4 files changed, 123 insertions(+), 28 deletions(-) create mode 100644 yoojin/html/ex6.html create mode 100644 yoojin/html/ex7.html create mode 100644 yoojin/html/ex8.html diff --git a/yoojin/html/3.html b/yoojin/html/3.html index 6129321..de9f7ce 100644 --- a/yoojin/html/3.html +++ b/yoojin/html/3.html @@ -1,38 +1,60 @@ - + WEB1-JavaScript +

WEB

-

JavaScript

+ +
    +
  1. HTML
    2. +
  2. CSS
    3. +
  3. JavaScript
    4. +
+

JavaScript

- JavaScript often abbreviated as JS, is - a programming language and core technology of the Web, alongside - HTML and CSS. 99% of websites use - JavaScript on the client side for webpage - behavior.[10] Web browsers have a dedicated - JavaScript engine that executes the client code. - These engines are also utilized in some servers and a variety of apps. The - most popular runtime system for non-browser usage is Node.js. - JavaScript is a high-level, often just-in-time - compiled language that conforms to the ECMAScript standard.[11] It has - dynamic typing, prototype-based object-orientation, and first-class - functions. It is multi-paradigm, supporting event-driven, functional, and - imperative programming styles. It has application programming interfaces - (APIs) for working with text, dates, regular expressions, standard data - structures, and the Document Object Model (DOM). + JavaScript often abbreviated as JS, is a programming language and core + technology of the Web, alongside HTML and CSS. 99% of websites use + JavaScript on the client side for webpage behavior.[10] Web browsers have + a dedicated JavaScript engine that executes the client code. These engines + are also utilized in some servers and a variety of apps. The most popular + runtime system for non-browser usage is Node.js. JavaScript is a + high-level, often just-in-time compiled language that conforms to the + ECMAScript standard.[11] It has dynamic typing, prototype-based + object-orientation, and first-class functions. It is multi-paradigm, + supporting event-driven, functional, and imperative programming styles. It + has application programming interfaces (APIs) for working with text, + dates, regular expressions, standard data structures, and the Document + Object Model (DOM).

diff --git a/yoojin/html/ex6.html b/yoojin/html/ex6.html new file mode 100644 index 0000000..9e5febe --- /dev/null +++ b/yoojin/html/ex6.html @@ -0,0 +1,30 @@ + + + + + + + +

Array

+

Syntax

+ +

get

+ + +

add

+ + +

count

+ + + diff --git a/yoojin/html/ex7.html b/yoojin/html/ex7.html new file mode 100644 index 0000000..5445ea9 --- /dev/null +++ b/yoojin/html/ex7.html @@ -0,0 +1,21 @@ + + + + + + +

Loop

+
    + +
+ + diff --git a/yoojin/html/ex8.html b/yoojin/html/ex8.html new file mode 100644 index 0000000..8344784 --- /dev/null +++ b/yoojin/html/ex8.html @@ -0,0 +1,22 @@ + + + + + + +

Loop & Array

+ +

Co workers

+
    + +
+ + From cf3c33f85c21f431d5e2b66ee64c71e92fffe942 Mon Sep 17 00:00:00 2001 From: yoojin <76746507+syj318@users.noreply.github.com> Date: Tue, 9 Jul 2024 14:20:13 +0900 Subject: [PATCH 7/9] =?UTF-8?q?js=EA=B0=95=EC=9D=98(24~36)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- yoojin/html/1.html | 14 ++++++++++++- yoojin/html/2.html | 11 ++++++++++ yoojin/html/3.html | 29 ++++++-------------------- yoojin/html/colors.js | 40 +++++++++++++++++++++++++++++++++++ yoojin/html/ex10.html | 37 +++++++++++++++++++++++++++++++++ yoojin/html/ex9.html | 47 ++++++++++++++++++++++++++++++++++++++++++ yoojin/html/index.html | 14 ++++++++++++- 7 files changed, 167 insertions(+), 25 deletions(-) create mode 100644 yoojin/html/colors.js create mode 100644 yoojin/html/ex10.html create mode 100644 yoojin/html/ex9.html diff --git a/yoojin/html/1.html b/yoojin/html/1.html index 06d5a85..eebcf8d 100644 --- a/yoojin/html/1.html +++ b/yoojin/html/1.html @@ -3,11 +3,23 @@ WEB1 - HTML + +

WEB

-
+
  1. HTML
  2. CSS
    3. diff --git a/yoojin/html/2.html b/yoojin/html/2.html index 4b84ed1..423833c 100644 --- a/yoojin/html/2.html +++ b/yoojin/html/2.html @@ -3,10 +3,21 @@ WEB1 - CSS + +

    WEB

    +
    1. HTML
      2. diff --git a/yoojin/html/3.html b/yoojin/html/3.html index de9f7ce..21e4e14 100644 --- a/yoojin/html/3.html +++ b/yoojin/html/3.html @@ -3,38 +3,21 @@ WEB1-JavaScript + +

      WEB

      +
      1. HTML
      2. CSS
        3. diff --git a/yoojin/html/colors.js b/yoojin/html/colors.js new file mode 100644 index 0000000..2966981 --- /dev/null +++ b/yoojin/html/colors.js @@ -0,0 +1,40 @@ +var Links = { + SetColor: function (color) { + // var alist = document.querySelectorAll("a"); + // var i = 0; + // while (i < alist.length) { + // alist[i].style.color = color; + // i = i + 1; + // } + $("a").css("color", color); + }, +}; + +var Body = { + SetColor: function (color) { + // document.querySelector("body").style.color = color; + $("body").css("color", color); + }, + + SetBackgroundColor: function (color) { + // document.querySelector("body").style.backgroundColor = color; + $("body").css("backgroundColor", color); + }, +}; + +function nightDayHandler(self) { + var target = document.querySelector("body"); + if (self.value === "night") { + Body.SetBackgroundColor = "black"; + Body.SetColor = "white"; + self.value = "day"; + + Links.SetColor("powderblue"); + } else { + Body.SetBackgroundColor = "white"; + Body.SetColor = "black"; + self.value = "night"; + + Links.SetColor("blue"); + } +} diff --git a/yoojin/html/ex10.html b/yoojin/html/ex10.html new file mode 100644 index 0000000..db4a95b --- /dev/null +++ b/yoojin/html/ex10.html @@ -0,0 +1,37 @@ + + + + + + +

        Object

        +

        Create

        + +

        Iterate

        + +

        Property & Method

        + + + diff --git a/yoojin/html/ex9.html b/yoojin/html/ex9.html new file mode 100644 index 0000000..f1bf096 --- /dev/null +++ b/yoojin/html/ex9.html @@ -0,0 +1,47 @@ + + + + + + +

        Fuction

        +

        Basic

        +
          + +
        +

        Parameter & Argument

        + +

        Retrun

        + + + diff --git a/yoojin/html/index.html b/yoojin/html/index.html index fcdb337..fd65c9b 100644 --- a/yoojin/html/index.html +++ b/yoojin/html/index.html @@ -3,11 +3,23 @@ WEB1 - Welcome + +

        WEB

        -
        +
        1. HTML
        2. CSS
          3. From a21be5ceed11e85992c29462f901a5f62b412e5d Mon Sep 17 00:00:00 2001 From: chikchok Date: Tue, 9 Jul 2024 16:49:59 +0900 Subject: [PATCH 8/9] =?UTF-8?q?js=20=EA=B0=95=EC=9D=98=20(24~36)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- jinwon/JavaScript/2.html | 132 +++++++++++++++++++++++++++++++ jinwon/JavaScript/3.html | 79 +++++++++++++++++++ jinwon/JavaScript/color.js | 67 ++++++++++++++++ jinwon/JavaScript/test.html | 149 +++++++++++++++++++++++++++++++++++ jinwon/JavaScript/test1.html | 112 ++++++++++++++++++++++++++ jinwon/JavaScript/test2.html | 42 ++++++++++ 6 files changed, 581 insertions(+) create mode 100644 jinwon/JavaScript/2.html create mode 100644 jinwon/JavaScript/3.html create mode 100644 jinwon/JavaScript/color.js create mode 100644 jinwon/JavaScript/test.html create mode 100644 jinwon/JavaScript/test1.html create mode 100644 jinwon/JavaScript/test2.html diff --git a/jinwon/JavaScript/2.html b/jinwon/JavaScript/2.html new file mode 100644 index 0000000..4a567ce --- /dev/null +++ b/jinwon/JavaScript/2.html @@ -0,0 +1,132 @@ + + + + + + WEB2 + + + +

          WEB2

          +
          + +
            + +
          +
          + + +

          +

          + JavaScript는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 + 언어로, 일급 함수를 지원합니다.
          + 웹 페이지를 위한 스크립트 언어로 잘 알려져 있고, Node.js, Apache + CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용합니다
          + JavaScript는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적 + 언어로, 객체지향형, 명령형, 선언형 스타일을 지원합니다. +

          +

          +
          +
          + + diff --git a/jinwon/JavaScript/3.html b/jinwon/JavaScript/3.html new file mode 100644 index 0000000..ed867a0 --- /dev/null +++ b/jinwon/JavaScript/3.html @@ -0,0 +1,79 @@ + + + + + + WEB2 + + + + + +

          WEB2

          +
          + +
            + +
          +
          + + +

          +

          + JavaScript는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 + 언어로, 일급 함수를 지원합니다.
          + 웹 페이지를 위한 스크립트 언어로 잘 알려져 있고, Node.js, Apache + CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용합니다
          + JavaScript는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적 + 언어로, 객체지향형, 명령형, 선언형 스타일을 지원합니다. +

          +

          +
          +
          + + diff --git a/jinwon/JavaScript/color.js b/jinwon/JavaScript/color.js new file mode 100644 index 0000000..4a869d6 --- /dev/null +++ b/jinwon/JavaScript/color.js @@ -0,0 +1,67 @@ +var Link = { + SetColor: function (color) { + // var links = document.querySelectorAll("a"); + // var i = 0; + // while (i < links.length) { + // links[i].style.color = color; + // i = i + 1; + // } + $("a").css("color", color); + }, +}; +//객체는 property와 property 를 구분할 때 ,를 사용함 +var Body = { + SetColor: function (color) { + //document.querySelector("body").style.color = color; + $("body").css("color", color); + }, + SetBackColor: function (color) { + //document.querySelector("body").style.backgroundColor = color; + $("body").css("backgroundColor", color); + }, +}; +function changes(self) { + var target = document.querySelector("body"); + if (self.value === "빨강색") { + Body.SetBackColor("red"); + Body.SetColor("black"); + self.value = "주황색"; + Link.SetColor("gold"); + } else if (self.value === "주황색") { + Body.SetBackColor("orange"); + Body.SetColor("black"); + self.value = "노랑색"; + Link.SetColor("indigo"); + } else if (self.value === "노랑색") { + Body.SetBackColor("yellow"); + Body.SetColor("black"); + self.value = "초록색"; + Link.SetColor("blue"); + } else if (self.value === "초록색") { + Body.SetBackColor("green"); + Body.SetColor("black"); + self.value = "파랑색"; + Link.SetColor("silver"); + } else if (self.value === "파랑색") { + Body.SetBackColor("blue"); + Body.SetColor("black"); + self.value = "남색"; + Link.SetColor("yellow"); + } else if (self.value === "남색") { + Body.SetBackColor("indigo"); + Body.SetColor("black"); + self.value = "보라색"; + Link.SetColor("orange"); + } else if (self.value === "보라색") { + Body.SetBackColor("purple"); + Body.SetColor("black"); + self.value = "빨강색"; + Link.SetColor("black"); + } +} +function reset(self) { + var target = document.querySelector("body"); + Body.SetBackColor("white"); + Body.SetColor("black"); + Link.SetColor("black"); +} diff --git a/jinwon/JavaScript/test.html b/jinwon/JavaScript/test.html new file mode 100644 index 0000000..a5911ad --- /dev/null +++ b/jinwon/JavaScript/test.html @@ -0,0 +1,149 @@ + + + + + + WEB2 + + + + +

          WEB2

          +
          + +
            + +
          +
          + + +

          +

          + JavaScript는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 + 언어로, 일급 함수를 지원합니다.
          + 웹 페이지를 위한 스크립트 언어로 잘 알려져 있고, Node.js, Apache + CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용합니다
          + JavaScript는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적 + 언어로, 객체지향형, 명령형, 선언형 스타일을 지원합니다. +

          +

          +
          +
          + + diff --git a/jinwon/JavaScript/test1.html b/jinwon/JavaScript/test1.html new file mode 100644 index 0000000..fbf9872 --- /dev/null +++ b/jinwon/JavaScript/test1.html @@ -0,0 +1,112 @@ + + + + + + + WEB2 + + + +

          WEB2

          +
          + +
            + +
          +
          + +

          +

          + JavaScript는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 + 언어로, 일급 함수를 지원합니다.
          + 웹 페이지를 위한 스크립트 언어로 잘 알려져 있고, Node.js, Apache + CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용합니다
          + JavaScript는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적 + 언어로, 객체지향형, 명령형, 선언형 스타일을 지원합니다. +

          +

          +
          +
          + + diff --git a/jinwon/JavaScript/test2.html b/jinwon/JavaScript/test2.html new file mode 100644 index 0000000..8246336 --- /dev/null +++ b/jinwon/JavaScript/test2.html @@ -0,0 +1,42 @@ + + + + + + Document + + +

          Object

          +

          Create

          + +

          Iterate

          + +

          Property & Method

          + + + From 385131898776acfacb27ee3726bd20b001f823e9 Mon Sep 17 00:00:00 2001 From: jihongeek Date: Tue, 9 Jul 2024 19:38:44 +0900 Subject: [PATCH 9/9] =?UTF-8?q?=EB=8B=A4=ED=81=AC,=EB=9D=BC=EC=9D=B4?= =?UTF-8?q?=ED=8A=B8=20=EB=AA=A8=EB=93=9C=20=EA=B7=B8=EB=9F=B0=EB=8D=B0=20?= =?UTF-8?q?=EC=9D=B4=EC=A0=9C=20=EA=B0=9D=EC=B2=B4=EB=A5=BC=20=EA=B3=81?= =?UTF-8?q?=EB=93=A4=EC=9D=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- jihongeek/practice/js.html | 47 +++++++++++++++++++++++--------------- 1 file changed, 29 insertions(+), 18 deletions(-) diff --git a/jihongeek/practice/js.html b/jihongeek/practice/js.html index 0e02306..2951934 100644 --- a/jihongeek/practice/js.html +++ b/jihongeek/practice/js.html @@ -4,6 +4,34 @@ WEB1-HTML +

          WEB

          @@ -16,24 +44,7 @@

          WEB

          JavaScript에 대하여

          - - +

          JavaScript (JS)