๐Ÿ“”
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
  • ํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด(Standard Built-in Object)
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋‚ด์žฅ ๊ฐ์ฒด
  • ๋ฐฐ์—ด์„ ํ™•์žฅ

Was this helpful?

  1. ์ƒํ™œ์ฝ”๋”ฉ
  2. ๊ฐ์ฒด์ง€ํ–ฅ

prototype

ํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด(Standard Built-in Object)

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๊ธฐ๋ณธ์ ์œผ๋กœ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฐ์ฒด๋“ค์„ ์˜๋ฏธํ•œ๋‹ค. ํ˜ธ์ŠคํŠธ ํ™˜๊ฒฝ์—์„œ ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด์ง„ ๊ฐ์ฒด๋ฅผ ์˜๋ฏธ

๊ฐ์ฒด๊ฐ€ ์ค‘์š”ํ•œ ์ด์œ ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•˜๋Š”๋ฐ ๊ธฐ๋ณธ์ ์œผ๋กœ ํ•„์š”ํ•œ ๋„๊ตฌ๋“ค์ด๊ธฐ ๋•Œ๋ฌธ์—๋‹ค.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋‚ด์žฅ ๊ฐ์ฒด

  • Object

  • Function

  • Array

  • String

  • Boolean

  • Number

  • Math

  • Date

  • RegExp

๋ฐฐ์—ด์„ ํ™•์žฅ

var arr = new Array('seoul','new york','ladarkh','pusan', 'Tsukuba');
function getRandomValueFromArray(haystack){
    var index = Math.floor(haystack.length*Math.random()); 
    // random -> 0 ๋ถ€ํ„ฐ 1 ์‚ฌ์ด์— ์žˆ๋Š” ์†Œ์ˆ˜ ๊ฐ’๋“ค์ค‘ ํ•˜๋‚˜๋ฅผ ๊ณฑํ•˜๋ฉด ๊ทธ๊ฐ’์„ ์ตœ๋Œ€๊ฐ’์œผ๋กœ ํ•˜๋Š” ๋žœ๋คํ•œ ๊ฐ’์„ ๋งŒ๋“ค์–ด๋‚ธ๋‹ค.
    //floor -> ์–ด๋– ํ•œ ์†Œ์ˆ˜์ ์ด ์„๋•Œ ๋’ค์— ์žˆ๋Š” ๊ฐ’์„ ์—†์• ์คŒ
    return haystack[index]; 
}
console.log(getRandomValueFromArray(arr)); //๋ Œ๋คํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋‚ธ index์— ํ•ด๋‹นํ•˜๋Š” ์ž„์˜์˜๊ฐ’์ด ์ถœ๋ ฅ

์ด ํ•จ์ˆ˜๋ฅผ ๋ฐฐ์—ด ๊ฐ์ฒด์— ํฌํ•จ์‹œํ‚ค๋Š” ๊ฒƒ์ด๋‹ค. ๊ทธ๋ ‡๊ฒŒํ•˜๋ฉด ๋งˆ์น˜ ๋ฐฐ์—ด์— ๋‚ด์žฅ๋œ ๋ฉ”์†Œ๋“œ์ธ ๊ฒƒ์ฒ˜๋Ÿผ ์œ„์˜ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

Array.prototype.random = function(){ // Array ๋ฐฐ์—ด์„ ๋งŒ๋“œ๋Š” ์ƒ์„ฑ์ž 
    var index = Math.floor(this.length*Math.random()); // this๋Š” ๋ฐฐ์—ด๊ฐ์ฒด์„ ๋ฐ›์Œ
    return this[index];
}
var arr = new Array('seoul','new york','ladarkh','pusan', 'Tsukuba');
console.log(arr.random()); //๋ Œ๋คํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋‚ธ index์— ํ•ด๋‹นํ•˜๋Š” ์ž„์˜์˜๊ฐ’์ด ์ถœ๋ ฅ
// ๊ฐ€๋…์„ฑ์ด ๋” ๋†’์•„์ง ๋ฐฐ์—ด์— random์ด ์†Œ์†๋˜์–ด์žˆ๊ธฐ๋•Œ๋ฌธ์— 

Previous์ƒ์†Nextํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด์˜ ํ™•์žฅ

Last updated 3 years ago

Was this helpful?