본문 바로가기

javascript

 (29)
TIL no.25 - 특정 값을 가지고 있는지 알아내는 메소드 : hasOwnProperty(), in JavaScript hasOwnProperty() 메소드는 객체가 특정 프로퍼티를 가지고 있는지를 나타내는 함수로 불리언 값(true 나 false)을 반환한다. const obj = {}; obj.age = 29; console.log(obj.hasOwnProperty('age')); object 안에 해당 property 가 있는지를 알아내는 메소드로 위의 코드는 true 를 return 합니다. includes() 메소드는 배열이 특정한 값을 가지고 있는지를 나타내는 함수로 불리언 값을 반환한다. const arr = [1, 2, 3]; console.log(arr.includes(2)); array 안에 해당 값이 존재하는 지를 알아내는 메소드로 위의 코드는 true를 return 합니다. indexOf() 메소드는..
TIL no.23 - 배열 반대로 뒤집는 함수 Array.reverse() * split(), join() 활용 : JavaScript Array.prototype.reverse() 는 배열의 순서를 반대로 리턴하는 메소드입니다. 예시를 사용해서 어떤 식으로 사용가능 한 지에 대해 이해해보고 활용해보도록 하겠습니다 !🏋🏼‍♀️ reverse() 는 오직 배열만을 뒤집은 반대 순서대로 정렬하여 재배열하는 메소드입니다. 그렇기 때문에 위와 같은 arr 배열을 reverse() 한다면 , 바로 위와 같은 결과를 리턴합니다. -> 배열의 순서를 반대로 재정렬하고 싶을 때 사용합니다. arr 자체에 reverse()를 사용하면 반대로 재정렬 된 arr를 리턴합니다. arr 자체의 값을 바꾸지 않을 것이라면 반대로 재정렬 된 arr의 값을 받을 다른 변수를 생성해주는 것이 좋습니다. ex) let arrReverse = arr.reverse() ;..
TIL no.21 - document.createElement() : javascript로 html 태그 추가하기. wecode 과제로 westagram을 구현하면서 댓글 추가 기능을 할 때 유용하게 사용한 함수입니다. 이전에 제가 혼자 todolist를 만들 때도 사용했었습니다. document.createElement( ) - 자바스크립트에서 html에 태그를 추가하여 html구조를 생성하고자 할 때 사용합니다. const comment = document.createElement('li'); const userDiv = document.createElement('div'); const userName = document.createElement('a'); const userComment =document.createElement('span'); const heartImg = document.createElemen..
TIL no.20 - Object : JavaScript에서 빠질 수 없는 것. 음,, 자바스크립트 좀 안다 하면 절대 모를 수 없는 파트죠. 오브젝트 Object.. 처음에 기초부터 순서대로 javascript를 배웠을 때, object 란 그저 자바스크립트의 한 부분을 차지하는 줄 알았습니다 ㅠ (큰 오산..) 배우고 나서 돌아보니 javascript의 모든 것이 다 object로 이루어져 있더라구요,, 자바스크립트가 객체 지향 언어이다.. 객체 지향 언어이다.. 이론으로 외웠을 때는 안 와닿았던 말이 갑자기 떠오르면서...! 아ㅏ... 이래서 객체 지향 언어라 하는구나 .. 배우면서 알게 되었답니다.. 이론으로 배우기만 할 때는 간단하게 아..그렇구나! 로 넘어갔던 것들이 적용하면서 더 어렵게 다가왔습니다 ㅠ 그래서 더더욱 기록과 제 머릿속의 오브젝트들을 정리, 이해하기로 했답..
TIL no.19 - Scope가 무엇인가요? wecode에서 자바스크립트에 대한 레플릿이 끝나고 westagram이라고 instagram을 html, css, javascript를 이용해 사이트 클론하는 과제를 했는데요 ! 이 과제를 하면서 내 javascript 실력에 더 텅 빈 공허함을 느껴서,, javascript를 더 공부 해야겠다고 느꼇습니다. 하나하나 이해해야 할 파트별로 정리하면서 이해해보고자 합니다... 뼈,,,,저리게,,,,,,,,,,,🌟 SCOPE : 스코프란 정의된 각 상수나 변수 등의 요소들이 허용된 영역, 범위를 스코프라고 합니다. 보통 처음에 자바스크립트를 공부하면서 배울 때, 별로 중요한 이론이라고 생각하지 않았었는데.. javascript 코드를 짜면서 자꾸 * is not defined 라며 정의되지 않은 변수라고 뜨..
TIL no. 11 - todo 만들면서 JavaScript 모르는 것들 정리 Create ul and li elements in javacript var test = document.createElement('section'); test.setAttribute('id', 'test'); var ul = document.createElement('ul'); document.body.appendChild(test); test.appendChild(ul); for (var i =0; i < array.length; i++) { var li = document.createElement('li'); ul.appenChild(li); li.innerHTML = li.innerHTML + array[i]; } createElement 함수 생성하고자 하는 요소가 있을 때, 이 함수를 이용하여..
TIL no.10 - Array 배열 : JavaScript 우리는 두가지 방법으로 빈 배열을 지정할 수 있다. var friends = []; var friends = new Array() Array Method push / pop -push : 배열의 맨 끝에 추가하는 것을 말합니다. var colors = ["orange", "red", "green"]; colors[3] = "yellow" 위의 코드처럼 입력한다면 배열의 index를 알고 그에 맞게 값을 넣을 수 있습니다. 하지만 push를 이용한다면 배열의 순서를 몰라도 맨 마지막에 새로운 값을 추가할 수 있습니다. var colors = ["orange", "red", "green"]; colors.push("yellow"); 위의 두 방법 모두 아래와 같은 결과로 맨 마지막에 값을 추가할 수 있습니다..
TIL no.9 - let / const / var 차이 Scope는 무엇인가요? -각 상수나 변수 등의 요소들이 허용된 영역, 범위를 말합니다. Hoisting이란 무엇인가요? -모든 선언을 가장 위로 끌어올린다는 의미입니다. 함수를 선언하기 이전에 함수의 값을 사용한다는 것이 안되지만 , var 변수는 hoisting이 가능하기 때문에 변수 선언 이전에 호출하고 이후에 변수를 선언하여도 오류없이 처리되는 것을 볼 수 있습니다. var 변수 : 값을 변경할 수 있을 뿐 아니라 언제든 다시 선언할 수 있습니다. const 상수 : 선언할 때 값을 넣어주어야 하고 한번 넣은 값은 바꿀 수 없는, 상수를 말합니다. let 변수 : 선언과 값 정의 따로 할 수 있다. 넣은 값을 이후 얼마든 바꿀 수 있지만 선언을 다시 하는 건 못하게 되어 있습니다. *const와 ..

티스토리툴바