Figma(피그마)

오늘 처음 만난 UI 디자인을 도와주는 멋진 친구다. 팀원들과 함께 작업할 수 있어 협업에도 좋은 것 같다.

---

깃허브

만날 때마다 항상 새로운 기분이다. 오늘은 코드를 클론하는 것을 처음 해봤다.
폴더를 넣을 곳에서 git bash를 열고 밑에 명령어를 치면 끝.

git clone http~~(주소)

---

json placeholder

무료 가상 REST API 제공 사이트다. 팀원들이 알려주셨다. 데이터가 없을 때 가상으로 넣어서 사용할 수 있다.

---

useMemo

메모이제이션된 값을 반환한다.
useMemo는 의존성이 변경되었을 때에만 메모이제이션된 값만 다시 계산한다. 이 최적화는 모든 렌더링 시의 고비용 계산을 방지하게 해 준다.
useMemo는 2가지 인자를 가진다.
1. 계산된 값을 return 하는 callback함수
2. useMemo에게 언제 다시 계산해야할지 알려 줄 dependency 리스트 배열

---

필터와 린터에러

filter(): 자바스크립트 내장 함수다.
2) filter()을 활용한 삭제 예시

const deleteNote = (id) => {
    const newNotes = notes.filter((note) => note.id !== id);
    setNotes(newNotes);
}

---

...?

...으로 표시되는 스프레드 구문이 무엇일까

1. spread operator

array 뿐 아니라 object에서도 사용 가능하다.

const arr1 = ["a", "b", "c", "d", "e"];
const arr2 = [ ...arr1, "f", "g", "h", "i", "j"]; 
// 결과 ["a", "b", "c", "d", "e","f", "g", "h", "i", "j"]

2. rest operator

함수의 파라미터로 오는 값들을 배열로 전달받기 위해 사용한다.

function myBio(firstName, lastName, ...otherInfo) { 
  return otherInfo;
}

myBio("Oluwatobi", "Sofela", "CodeSweetly", "Web Developer", "Male");

//...otherInfo:["CodeSweetly", "Web Developer", "Male"]

---

리액트를 처음 만난게 벌써 2준가 3주 전이다. 그런데 아는게 없다는 게 점점 더 심하게 느껴진다ㅋㅋㅋ 1인분만이라도 하려면 더 열심히 하자....