const objA = {

 name: "JANG",

 address: "Seoul",

 nationality: "Korea",

 age: 22

};

 

와 같은 객체가 있다고 한다.

 

키 또는 값만 따로 배열로 추출하고 싶다면 어떻게 할 수 있을까?

 

키의 경우

 

const { name, address, nationality, age} =  objA;

이렇게 한 뒤에,

 

return [name, address, nationality, age];

이렇게 리턴해줄수도 있겠지만,

 

쉽게 Object객체를 통해 한방에 배열로 만드는 방법이 있다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

 

Object.keys()

The Object.keys() method returns an array of a given object's own enumerable property names, iterated in the same order that a normal loop would.

developer.mozilla.org

이것을 사용하면, 끝!!

 

 

.keys가 있으니까... values도 있지 않을까?

 

 

빙고!

 

 

이렇게 객체에서 키,.. 값을 추출할 수 있다.

Posted by sungho88
,

잘 쓰던 Prettier가 갑자기 동작을 안 한다.

 

정렬이 안 된다.

 

예쁜이가 왜 동작을 안 할까?

 

검색해봤다.

 

찾았다.

 

VS Code를 업데이트했었는데

 

Preference -> Settings에서 

 

Format on save

 

체크가 해제되어 있는 것을 볼 수 있다.

 

어휴.

 

체크를 다시 해주면 해결!!

 

저장하는 순간 정렬해준다. 

 

한번 맛들이면 너무 편해...없으면 허전해..

Posted by sungho88
,

파일을 (컴포넌트를) 생성할때, import를 일일이  선언하고

 

클래스 컴포넌트를 만들때 클래스 틀을

 

함수 컴포넌트를 만들때 함수 틀을 전부 수기로 입력하는 것은 개발할 때 매우 비효율적이다.

 

아니면 

 

파일 또는 코드 복붙하는 방법도 있지만...

 

해당 클래스명(함수)을 수정하고 필요없는 부분을 없애줘야한다. 

 

그래서 이 React Snippet이 필요하다. 유용하다.

 

이것을 설치하면 매우 편하다.

 

물론 외워야하지만... 금방 외울 수 있을 것이다.

 

설명이 아래 존재하므로 읽으면서 해보면 된다.

 

 

Posted by sungho88
,