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

+ + + 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 6129321..21e4e14 100644 --- a/yoojin/html/3.html +++ b/yoojin/html/3.html @@ -1,38 +1,43 @@ - + 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/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/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

      +
        + +
      + + 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