๐Ÿ“”
web_study
  • JavaScript
  • ์—˜๋ฆฌ_์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ
      • ํด๋ž˜์Šค ์˜ˆ์ œ์™€ ์ฝœ๋ฐฑํ•จ์ˆ˜
      • ์—ฐ์‚ฐ์ž boolean
      • ํ•จ์ˆ˜ ์ •์˜, ํ˜ธ์ถœ ๊ทธ๋ฆฌ๊ณ  ์ฝœ๋ฐฑ
      • ๋ณ€์ˆ˜ํƒ€์ž…๊ณผ object ์ฐจ์ด์ 
    • JavaScript async ์™€ await
    • JavaScript Promise
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ callback
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ json
    • ์œ ์šฉํ•œ 10๊ฐ€์ง€ ๋ฐฐ์—ด ํ•จ์ˆ˜๋“ค
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด(array)
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ object
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ (class vs object) ๊ฐ์ฒด์ง€ํ–ฅ ์–ธ์–ด
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ•จ์ˆ˜
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ.๋ฐ˜๋ณต๋ฌธ
    • ๋ฐ์ดํ„ฐํƒ€์ž…, data types, let vs var, hoisting
    • script async ์™€ defer์˜ ์ฐจ์ด์  ์ฝ˜์†” ์ถœ๋ ฅ
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—ญ์‚ฌ
  • ์ƒํ™œ์ฝ”๋”ฉ
    • ์žฌ๊ท€ํ•จ์ˆ˜
    • ์ •๊ทœ ํ‘œํ˜„์‹
    • ๊ฐ์ฒด์ง€ํ–ฅ
      • ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ
      • ์ƒ์„ฑ์ž์™€ new
      • ์ „์—ญ๊ฐ์ฒด
      • this
      • ์ƒ์†
      • prototype
      • ํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด์˜ ํ™•์žฅ
      • object
      • ๋ฐ์ดํ„ฐ ํƒ€์ž…
      • ์ฐธ์กฐ
    • ํ•จ์ˆ˜์ง€ํ–ฅ
      • ์œ ํšจ๋ฒ”์œ„
      • ๊ฐ’์œผ๋กœ์„œ์˜ ํ•จ์ˆ˜์™€ ์ฝœ๋ฐฑ
      • ํด๋กœ์ €
      • arguments
      • ํ•จ์ˆ˜์˜ ํ˜ธ์ถœ
    • UI API, ๋ฌธ์„œ
    • ๋ชจ๋“ˆ
    • ๊ฐ์ฒด
    • ๋ฐฐ์—ด
    • ํ•จ์ˆ˜
    • ๋ฐ˜๋ณต๋ฌธ
    • ์กฐ๊ฑด๋ฌธ
    • ์ˆซ์ž์™€๋ฌธ์ž
    • ๋ณ€์ˆ˜
    • ๋น„๊ต
  • ๋…ธ๋งˆ๋“œ ์ฝ”๋”
    • Getting the Weather part One Geolocation
    • Image Background
    • TO DO List
    • Saving the User Name
    • Clock part One
    • ์กฐ๊ฑด๋ฌธ ( if , else, and, or)
    • evnet handlers
    • Function
    • Objects
    • Arrays
    • Variable(๋ณ€์ˆ˜!)
    • Javascript
  • javascript30
    • Dram Kit
    • clock
    • Css Javascript
    • Array Cardio
    • flex panels
    • type ahead
    • Canvas Draw
    • Speech Synthesis
    • Whack A Mole
  • web standard
    • script ๋ถ€๋ถ„
    • form๋ถ€๋ถ„
    • ์›น์ ‘๊ทผ์„ฑ
    • <meta>
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ_์ด๋ก 
    • ๊ธฐ๋ณธ์ง€์‹(JAVASCRIPT)
    • ๊ธฐ๋ณธ์ง€์‹(CSS)
    • ๊ธฐ๋ณธ์ง€์‹(HTML)
    • ๊ธฐ๋ณธ์ง€์‹(HTTP)
    • Dom
    • ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ, ํ”„๋ ˆ์ž„์›Œํฌ, ํ”Œ๋กœ๊ทธ์ธ
Powered by GitBook
On this page
  • Function
  • Function Fun
  • Function DOM

Was this helpful?

  1. ๋…ธ๋งˆ๋“œ ์ฝ”๋”

Function

Function

์–ด๋– ํ•œ๊ฒƒ์˜ ๊ธฐ๋Šฅ ์›ํ•˜๋Š” ๋งŒํผ ์“ธ ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ์ด๋‹ค.

console -> object , log -> fuction

function sayHello (e,a){ //(e) -> ์™ธ๋ถ€์— ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ฝ๋Š” ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ• 
console.log('HEllo',e,"you have" a);
//console.logํ•จ์ˆ˜๋Š” argument๋ฅผ ๋ฌดํ•œํ•˜๊ฒŒ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋‹ค.
};
sayHello("Nice",15); //Hello Nice you have 15
// Nice ๋Š” argument ์ธ์ž ์ด๋‹ค.
console.log("Hi"); // Hi

Function Fun

function sayHello(name,age){
  console.log('HEllo'+ name + "you have" + age + "years old");
};

sayHello{"boo" , 17}; // Hello boo you have 17 years old

function sayHello(name,age){
  return(`HEllo ${name} you are ${age} years old`);
  // return -> ๋ฐ˜ํ™˜ํ•ด์คŒ 
};

const greetBoo = sayHello("Boo", "17") 

console.log(greetBoo);// Hello boo you have 17 years old



const calculator = {
  plus: function (a, b)[
    return a + b;
  }
}

const  calculator.plus(5,5)
console.log(plus) // 10

Function DOM

DOM(Document Object Model)ํ˜•ํƒœ๋กœ ๋ณ€๊ฒฝ์ด ๊ฐ€๋Šฅํ•จ

const title = document.getElementByld("title"); // document -> object
const title = document.quearySelector("#title") // id title์„ ์ง€์ • 
title.innerHTML = "Hi js" // html์— Hi js ์ถœ๋ ฅ๋จ
// html์„ DOM๊ฐ์ฒด๋กœ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋‹ค. Html ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. 
title.style.color = "blue"; // ๊ธ€์”จ ์ƒ‰๊น”์ด ๋ธ”๋ฃจ๋กœ ๋ฐ”๋€œ 
console.log(title); // title id๊ฐ’์„ ๊ฐ€์ง„ html element๋ฅผ ๋ถˆ๋Ÿฌ๋ƒ„ 
console.log(title); // ํ•ด๋‹น ์ •๋ณด๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Œ 
document.title = "Hello" // ํƒ€์ดํ‹€์ด Hello๋กœ ๋ฐ”๋€œ
Previousevnet handlersNextObjects

Last updated 3 years ago

Was this helpful?