javascript
-
javascript μ°μ°μfront-end/Javascript 2023. 6. 21. 11:43
μ°μ°μλ? μ°μ°μλ νλ μ΄μμ ννμμ λμμΌλ‘ μ°μ , ν λΉ, λΉκ΅, λ Όλ¦¬, νμ , μ§μ μ°μ°λ±μ μνν΄ νλμ κ°μ λ§λ λ€. μ΄λ μ°μ°μ λμμ νΌμ°μ°μλΌ νλ€. νΌμ°μ°μλ κ°μΌλ‘ νκ°λ μ μλ ννμμ΄μ¬μΌ νλ€. κ·Έλ¦¬κ³ νΌμ°μ°μμ μ°μ°μμ μ‘°ν©μΌλ‘ μ΄λ€μ§ μ°μ°μ ννμλ κ°μΌλ‘ νκ°λ μ μλ ννμμ΄λ€. // μ°μ μ°μ°μ 5 * 4 // 20 //λ¬Έμμ΄ μ°κ²° μ°μ°μ 'My name is' + 'Lee'// 'My name is Lee' //ν λΉ μ°μ°μ color = 'red' // 'red' // λΉκ΅ μ°μ°μ 3 > 5 // fasle //λ Όλ¦¬ μ°μ°μ true && false // fasle //νμ μ°μ°μ typeof 'Hi' // string νΌμ°μ°μ : μ°μ°μ λμμ΄ λμ΄μΌ νλ―λ‘ κ°μΌλ‘ ..
-
javascript λ°μ΄ν°νμfront-end/Javascript 2023. 6. 21. 10:58
λ°μ΄ν°νμ λ°μ΄ν° νμ μ κ°μ μ’ λ₯λ₯Ό λ§νλ€. μλ°μ€ν¬λ¦½νΈμ λͺ¨λ κ°μ λ°μ΄ν° νμ μ κ°λλ° ES6λ 7κ°μ λ°μ΄ν° νμ μ μ 곡νλ€. 7κ°μ λ°μ΄ν° νμ μ μμνμ κ³Ό κ°μ²΄νμ μΌλ‘ λΆλ₯ν μ μλ€. 1. μμνμ - μ«μνμ (number) : μ«μ, μ μ, μ€μ κ΅¬λΆ μμ΄ νλμ μ«μ νμ var integer = 10; // μ μ var double = 10.12; // μ€μ var negative = -20; // μμ μ μ // νκΈ°λ²λ§ λ€λ₯Ό λΏ λͺ¨λ κ°μ κ°λ€. var binary = 0b01000001; // 2μ§μ var octal = 0o101; // 8μ§μ var hex = 0x41; // 16μ§μ μλ°μ€ν¬λ¦½νΈμ μ«μ νμ μ μ μλ§μ μν νμ μ΄ μκ³ λͺ¨λ μλ₯Ό μ€μλ‘ μ²λ¦¬νλ©° μ΄λ μ μλ‘ ..
-
htmlμ jsλ‘ μ½μ ν λ μμ μμΉ μ€μ νκΈ°front-end/Javascript 2023. 6. 18. 13:45
itemappend.insertAdjacentHTML("beforeend", html); ν΄λΉ μ€νΈλ§μ ν¬μ μμΉλ₯Ό μ§μ νλ κ² 1. beforestart μμκ° μλ‘ μ¬λΌκ° 2. afterstart μμκ° μ¬λΌκ°μ§λ§ beforestart보λ€λ μλ 3. beforeend μμκ° μλλ‘κ° 4. afterend beforeendλ³΄λ€ λ μλλ‘κ° νμ λ²μ΄λ μμμ )
-
javascript ννμκ³Ό λ¬Έfront-end/Javascript 2023. 6. 11. 23:36
κ° κ°μ μ(ννμ)μ΄ νκ° λμ΄ μμ±λ κ²°κ³Όλ₯Ό λ§νλ€. νκ°λ μμ ν΄μν΄μ κ°μ μμ±νκ±°λ μ°Έμ‘°νλ κ²μ μλ―Ένλ€. // 10 + 20μ νκ°λμ΄ μ«μ κ° 30μ μμ±νλ€. 10 + 20; // 30 리ν°λ΄ 리ν°λ΄μ μ¬λμ΄ μ΄ν΄ν μ μλ λ¬Έμ λλ μ½μλ κΈ°νΈλ₯Ό μ¬μ©ν΄ κ°μ μμ±νλ νκΈ°λ²μ λ§νλ€. // μ«μ 리ν°λ΄ 3 3μ λ¨μν μλΌλΉμ μ«μκ° μλλΌ μ«μ 리ν°λ΄μ΄λ€. μ¬λμ΄ μ΄ν΄ν μ μλ μλΌλΉμ μ«μλ₯Ό μ¬μ©ν΄ μ«μ 리ν°λ΄ 3μ μ½λμ κΈ°μ νλ©΄ μλ°μ€ν¬λ¦½νΈ μμ§μ μ΄λ₯Ό νκ°ν΄ μ«μ κ° 3μ μμ±νλ€. μλ°μ€ν¬λ¦½νΈ μμ§μ μ½λκ° μ€νλλ μμ μΈ λ°νμμ 리ν°λ΄μ νκ°ν΄ κ°μ μμ±νλ€. μ μ 리ν°λ΄ : 10 λΆλμμμ 리ν°λ΄ : 10.1 2μ§μ 리ν°λ΄ : 0b01000001 8μ§μ 리ν°λ΄ : ..
-
javascript λ³μfront-end/Javascript 2023. 6. 5. 00:16
λ³μλ? νλμ κ°μ μ μ₯νκΈ° μν΄ ν보ν λ©λͺ¨λ¦¬ κ³΅κ° μ체 λλ κ·Έ λ©λͺ¨λ¦¬ 곡κ°μ μλ³νκΈ° μν΄ λΆμΈ μ΄λ¦μ΄λ€. λ³μλ νλ‘κ·Έλλ° μΈμ΄μμ λ°μ΄ν°λ₯Ό κ΄λ¦¬νκΈ° μν ν΅μ¬ κ°λ μ΄λ€. μ»΄ν¨ν°λ μ°μ°κ³Ό κΈ°μ΅μ μννλ λΆνμ΄ λλ μ Έ μλλ° CPUλ₯Ό μ¬μ©ν΄ μ°μ°νκ³ , λ©λͺ¨λ¦¬λ₯Ό μ¬μ©ν΄ λ°μ΄ν°λ₯Ό κΈ°μ΅νλ€. μ¬κΈ°μ κ°μ λ©λͺ¨λ¦¬ μμ μμμ μμΉμ κΈ°μ΅(μ μ₯)λλ€. // λ³μλ νλμ κ°μ μ μ₯νκΈ° μν μλ¨μ΄λ€. var num = 1; var name = 'kim'; // κ°μ²΄λ λ°°μ΄ κ°μ μλ£κ΅¬μ‘°λ₯Ό μ¬μ©νλ©΄ μ¬λ¬ κ°μ κ°μ νλλ‘ κ·Έλ£Ήνν΄μ νλμ κ°μ²λΌ μ¬μ©ν μ μλ€. var user = {id:1, name:'Lee'}; var users = [ {id:1, name:'Lee'}, {id:2, name: 'k..
-
javascript λ°°μ΄front-end/Javascript_κΈ°μ΄λ¬Έλ² 2023. 6. 3. 22:16
λ°°μ΄(Arry)μ΄λ? κ°μ νμ μ λ°μ΄ν°λ€μ νλμ λ³μμ ν λΉνμ¬ κ΄λ¦¬νκΈ° μν΄ μ¬μ©νλ λ°μ΄ν° νμ // 1λ²μ§Έ λ°©λ² (κ°μ²΄λ₯Ό μ¬μ©) const arr1 = new Array(1,2,3,4,5); // 2λ²μ§Έ λ°©λ² (λ°°μ΄) const arr2 = {1,2,3,4,5} λ°°μ΄ μμ λ°μ΄ν° λ°°μ΄μ μλ λ°μ΄ν° κ°κ°μ μ°λ¦¬λ μμ(element)λΌκ³ λΆλ¦ λλ€. λ°°μ΄μμλ μΈλ±μ€(index)κ° κ°μ²΄μ μμ±λͺ κ³Ό κ°μ μν μ ν΄μ€λλ€. μΈλ±μ€λ λ°°μ΄ μμ λ°μ΄ν°λ€μ΄ μ리μ‘μ μμμ΄λ©° μΈλ±μ€λ 0λΆν° μμν©λλ€. const rainbowColors = ['red', 'orange',''blue console.log(rainbowColors[0]); console.log(rainbowColors[1]); consol..