Other articles

1. [javascript] Object - Object.assign

   기본

   Object.assign() 메서드는 출처 객체들의 모든 열거 가능한 자체 속성을 복사해 대상 객체에 붙여 넣음. 그 후 대상 객체를 반환

   Object.assign(target …

   read more

2. [javascript] Object - Object.freeze

   참고

   MDN Web Docs Object.freeze()

   
   

   Syntax

   Object.freeze(obj)
   

   Parameters

   obj

   동결할 객체

   Return value

   함수로 전달된 객체(copy를 생성하는 것이 아님)

   
   

   Basic

   객체를 동결

   동결된 객체는 아 …

   read more

3. [javascript] Array

   Array

   ---

   array 출력

   • 아래와 같은 3가지 방법이 있으며 결과는 동일하다.

   const cities = ['seoul', 'incheon', 'busan'];
   
   //for
   for(let i = 0; i < cities.length; i++){
       console.log(cities[i]);
   }
   
   //for..of
   for(let city of cities){
       console.log …

   read more

4. [javascript] arrow function

   const people = [
     { id: 1, name: 'Ichiro-Tanaka', nation: 'Japan',   gender: 'male'   },
     { id: 2, name: 'Ming-Liu',      nation: 'Tiwan',   gender: 'female' },
     { id: 3, name: 'Fei',           nation: 'China',   gender: 'male'   },
     { id: 4, name: 'Jane-Levy',     nation: 'America', gender: 'female' },
     { id: 5, name: 'Sangwu-Lee',    nation: 'Korea',   gender: 'male'   },
     { id: 6, name: 'Tom-Jackson',   nation: 'England', gender: 'male …

   read more

5. [javascript] async vs defer

   async vs defer

   • 브라우저는 html파일을 한줄 한줄 읽어 내려가며 읽는다.
   • 자바스크립트 파일을 head 또는 body의 제일 맡에 놓는 것은 둘 다 단점이 있다 …

   read more

6. [javascript] aync & await

   aync & await

   ---

   개념

   • aync
   • promise를 사용하지 않고 함수를 비동기로 만드는 역할을 함
   • return 값은 항상 promise다
   • await
   • async가 붙은 함수의 안에서만 사용 될 수 있음
   • 비 …

   read more

7. [javascript] change element id and name

   자바스크립트 id & name 값 변경하는 방법

   ---

   setAttribute

   ---

   document.getElementById("기존 id").setAttribute("name", "새로운 name");
   document.getElementById("기존 id").setAttribute("id", "새로운 id");

   id와 name값을 동시에 변경할 때는 name을 먼 …

   read more

8. [javascript] changeCommaToHash

     const changeCommaToHash = (str: string) => {
       if (!str) return str;
       return str
         .split(',')
         .map(tag => '#' + tag)
         .join(' ');
     };
   

   read more

9. [javascript] Class

   Class

   ---

   class 생성과 사용

   • static 메소드의 개념과 사용법은 자바와 동일함
   • getter와 setter에서 this + 언더바(_)를 붙여주지 않으면 스택 오버플로가 됨

   • 을 붙 …

   read more